Teknik
Canvas-animation med tre uafhængige offset-variable. Hvert lag scrolles med sin egen hastighed. Kuglen er fast i viewporten og roterer for at simulere rulning.
Kuglen sidder fast i billedet. Det er forgrunden, mellemgrunden og baggrunden der ruller forbi med forskellig hastighed — og skaber en rumlig fornemmelse af at bevæge sig gennem en verden.
Tricket er parallax: kuglen er fast i viewporten, men de tre lag bevæger sig med forskellig hastighed — baggrunden langsomt, mellemgrunden medium, forgrunden hurtigt. Det er det der skaber dybdefornemmelsen.
Det interessante testscenarie er sceneskiftet: kuglen trækker sig tilbage til baggrunden. I AE-sprog: kuglen skifter til et lag længere bagved i camera-space. Forgrunden og mellemgrunden passerer nu foran den, og den er visuelt "inde i" scenen i stedet for foran den.
Canvas-animation med tre uafhængige offset-variable. Hvert lag scrolles med sin egen hastighed. Kuglen er fast i viewporten og roterer for at simulere rulning.
Explainer-format med en figur der bevæger sig gennem scener: valgkamp, bybillede, historiespor. Forgrunden kan bære tekstelementer.
Koble på scroll: hvert pixel scroll flyttes verdens-offset én enhed. GSAP ScrollTrigger er oplagt her.