From fc76ad81abe791aa85dd24e1c9e05294dc8f96b5 Mon Sep 17 00:00:00 2001 From: Beau Blyth Date: Thu, 3 Oct 2019 18:11:26 -0700 Subject: [PATCH] go to frame with numbers loops --- app/frame_handler.ts | 6 ++++++ app/page.ts | 10 +++++++--- 2 files changed, 13 insertions(+), 3 deletions(-) diff --git a/app/frame_handler.ts b/app/frame_handler.ts index 907b2e1..90e2c49 100644 --- a/app/frame_handler.ts +++ b/app/frame_handler.ts @@ -103,6 +103,12 @@ export class FrameHandler { const newDiv = document.createElement('div'); this.frameViewer.appendChild(newDiv); newDiv.className = 'frame'; + + newDiv.addEventListener('click', () => { + this.StopPlayingAnimation(); + this.GoToFrame(i); + this.RefreshFrameViewer(); + }); } }; diff --git a/app/page.ts b/app/page.ts index 0407913..4156487 100644 --- a/app/page.ts +++ b/app/page.ts @@ -118,12 +118,16 @@ export class Page { case 56: case 57: { // goto frame w 1234567890 + let targetFrame: number = event.keyCode - 49; if (event.keyCode === 48) { - this.frameHandler.GoToFrame(9); - } else { - this.frameHandler.GoToFrame(event.keyCode - 49); + targetFrame = 9; } + + targetFrame %= this.animationData.frames.length; + this.frameHandler.StopPlayingAnimation(); + this.frameHandler.GoToFrame(targetFrame); + this.frameHandler.RefreshFrameViewer(); break; }