hiimjako/shalom
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

random spin wtf

Browse Source
This commit is contained in:
Alberto Moretti
2026-07-02 14:37:01 +02:00
parent dc02b0c3bd
commit 5527e1b2ee
1 changed files with 25 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
app.js
View File

@@ -561,6 +561,21 @@
).slice(0, 3); ).slice(0, 3);
} }
// Keyframe di decelerazione con coda lenta LUNGA a parità di durata totale:
// ~88% della distanza nel primo ~40% del tempo (veloce), poi l'ultimo 12%
// nel restante ~60% (crawl lento, così si leggono i nomi ~2s in più).
function decelKeyframes(targetY) {
return [
{ transform: "translateY(0)", easing: "cubic-bezier(0.17, 0.7, 0.4, 1)" },
{
transform: `translateY(${targetY * 0.88}px)`,
offset: 0.4,
easing: "cubic-bezier(0.25, 0.1, 0.2, 1)",
},
{ transform: `translateY(${targetY}px)`, offset: 1 },
];
}
function bounceReel(el, finalY) { function bounceReel(el, finalY) {
return el.animate( return el.animate(
[ [
@@ -591,18 +606,11 @@
const fakeY = -(targetIndex + dir - 1) * ITEM_H; const fakeY = -(targetIndex + dir - 1) * ITEM_H;
const col = el.parentElement; const col = el.parentElement;
// decelera e "si ferma" sulla stanza SBAGLIATA // decelera lento e "si ferma" sulla stanza SBAGLIATA
await el.animate( await el.animate(decelKeyframes(fakeY), {
[ duration,
{ transform: "translateY(0)" }, fill: "forwards",
{ transform: `translateY(${fakeY}px)` }, }).finished;
],
{
duration,
easing: "cubic-bezier(0.05, 0.92, 0.1, 1)",
fill: "forwards",
},
).finished;
Audio.reelStop(); Audio.reelStop();
// suspense su quella colonna // suspense su quella colonna
@@ -629,18 +637,11 @@
return; return;
} }
} }
// atterraggio diretto + micro-assestamento // atterraggio diretto (coda lenta lunga) + micro-assestamento
await el.animate( await el.animate(decelKeyframes(finalY), {
[ duration,
{ transform: "translateY(0)" }, fill: "forwards",
{ transform: `translateY(${finalY}px)` }, }).finished;
],
{
duration,
easing: "cubic-bezier(0.05, 0.92, 0.1, 1)",
fill: "forwards",
},
).finished;
await bounceReel(el, finalY); await bounceReel(el, finalY);
Audio.reelStop(); Audio.reelStop();
} }