storytold/storyteller-bevy
2
0
Fork 0
mirror of https://github.com/storytold/storyteller-bevy.git synced 2026-10-17 00:13:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

click to set playhead

Browse Source
This commit is contained in:
Lee-Orr
2024-03-25 16:40:38 -04:00
parent 12f29b884f
commit f67dbe6da0
1 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
studio-frontend/src/app/anim-timeline.element.ts
+11
View File
@@ -206,6 +206,16 @@ export class AnimTimelineElement extends LitElement {
studio.seekTime(updated);
}
onSetPlayhead(event: PointerEvent): void {
let elementBounds = this.getBoundingClientRect();
let relativeX = event.clientX - elementBounds.left;
let ratioX = Math.max(0, Math.min(relativeX / elementBounds.width, 1));
const seconds = (this.rangeEnd - this.rangeStart) * ratioX + this.rangeStart;
const updated = seconds;
studio.seekTime(updated);
}
onKeyframeDrag(id: string, event: PointerEvent): void {
let elementBounds = this.getBoundingClientRect();
let relativeX = event.clientX - elementBounds.left;
@@ -300,6 +310,7 @@ export class AnimTimelineElement extends LitElement {
end: this.onDragEnd,
})}
tabindex="-1"
@click=${this.onSetPlayhead}
>
${subdivisions.map(({ seconds, fraction, isMajor}, idx) => {