pihkaal/pihkaal-me
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(common): use delta time for the button selector animation

Browse Source
This commit is contained in:
Stevan
2026-01-07 11:14:44 +01:00
parent 0a771621ef
commit 0023234c3c
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/components/Common/ButtonSelector.vue
View File

@@ -14,12 +14,12 @@ const { onRender } = useScreen();
const app = useAppStore();
const { assets } = useAssets();
const ANIMATION_SPEED = 0.25;
const ANIMATION_SPEED = 15;
const CORNER_SIZE = 11;
let [currentX, currentY, currentWidth, currentHeight] = props.rect;
onRender((ctx) => {
onRender((ctx, deltaTime) => {
const [targetX, targetY, targetWidth, targetHeight] = props.rect;
const dx = targetX - currentX;
const dy = targetY - currentY;
@@ -34,10 +34,11 @@ onRender((ctx) => {
) {
[currentX, currentY, currentWidth, currentHeight] = props.rect;
} else {
currentX += dx * ANIMATION_SPEED;
currentY += dy * ANIMATION_SPEED;
currentWidth += dw * ANIMATION_SPEED;
currentHeight += dh * ANIMATION_SPEED;
const speed = (ANIMATION_SPEED * deltaTime) / 1000;
currentX += dx * speed;
currentY += dy * speed;
currentWidth += dw * speed;
currentHeight += dh * speed;
}
const x = Math.floor(currentX);