Mozgasd az egeret — örvényt kavar. Kattints a lökéshullámhoz, tartsd lenyomva a vonzáshoz.
Rövid életű vonalkák ezrei úszik egy lassan változó zajmező áramlatán. Az egér örvényt kavar, a lenyomás magához húzza az áramlást, és lökéshullámot küld szét.
- Canvas 2D
- Simplex noise
Hogyan működik
Az áramlást 3D szimplex-zaj adja (x, y és az idő): egy rács minden cellájában egy irányvektor. Képkockánként néhány ezer zajmintavétel — nem részecskénként egy —, a részecskék pedig bilineárisan olvassák ki a rácsot. A nyomvonal onnan jön, hogy minden képkockán a háttér felé halványítjuk az előzőt.
Az egér közelében a részecskék sebességéhez örvénylő és taszító komponens adódik; lenyomott gombnál a taszítás vonzásra vált. Mindez sima Canvas 2D-ben, három kötegelt rajzolási hívással.
Szeretnél ilyet a saját oldaladra?
A motion és a WebGL a munkám része — megbeszéljük, mi férne a te oldaladba úgy, hogy közben gyors maradjon.
Árajánlatot kérek