Mozgasd az egeret a betűk fölött — szétszórja őket. Kattints a következő szóhoz.
Részecskék rugókon, mindegyik egy betű belsejében tartja a helyét. Az egér szétkergeti őket; egy kattintás (vagy pár másodperc) után a következő szót rakják ki.
- Canvas 2D
- Spring physics
Hogyan működik
A szavakat egy rejtett vászonra rajzolom az oldal saját betűtípusával, és a lefestett pixelekből mintavételezem a célpontokat. Minden részecske egy célponthoz kötött rugó: kissé alulcsillapított, ezért átlendül, majd megnyugszik. Szóváltásnál mindenki kap egy véletlen lökést — innen az, hogy szétszóródnak, majd újra összeállnak.
A mozgó részecskék három színvödörbe kerülnek a sebességük szerint, és vödrönként egyetlen kitöltéssel rajzolódnak — tízezer részecske is simán fut.
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