Înapoi la Laborator
Explorare în curs
animation

Secvență

Un singur timeline orchestrează un șir de bare într-un val care se deplasează. Trage peste el ca să derulezi timpul cu mâna; dă-i drumul și pornește singur.

Focus

Un studiu despre coregrafie — secvența ca ceva ce poți compune și derula.

Mediu

GSAP

Durată

În curs

Actualizat

iunie 2026

00 / Intro

Barele de mai sus sunt controlate de un singur timeline. Fiecare se ridică, se încălzește și se așază cu o fracțiune după vecina ei — un val pe care îl poți privi rulând sau pe care îl poți apuca și derula înainte și înapoi trăgând peste el.

01 / Note

De ce
aceasta.

Mare parte din ce face o muncă să pară chibzuită ține de secvență — ordinea în care lucrurile apar, se rezolvă și fac loc următorului. Un proces bun are aceeași calitate ca un timeline bun: îl poți pune pe pauză, îl poți derula și poți explica de ce fiecare moment cade exact acolo.

02 / Note

Cum
funcționează.

GSAP construiește un timeline principal; fiecare bară primește o pereche de tween-uri decalate (urcare, apoi așezare) plasate cu un offset de-a lungul șirului, iar un cap de redare e legat de același ceas. Tragerea pune redarea pe pauză și mapează poziția x a cursorului pe progresul timeline-ului — așa că toată coregrafia devine ceva ce ții în mână.

Următorul experiment · visual

Interface studies

Deschide caietul