A kurzorod egy újabb csepp: olvadj bele a többibe. Lenyomva megduzzad.
Fényes, folyékony fémcseppek, amelyek összeolvadnak, ha közel kerülnek egymáshoz. Mindent egyetlen shader számol ki pixelenként: nincs háló, nincs geometria, csak egy mező és a fény.
- WebGL
- GLSL
- Metaballs
Hogyan működik
Minden csepp egy mező, amely a távolság négyzetével gyengül; a képernyő minden pixele ezek összegét számolja. Ahol az összeg átlépi az 1-et, ott van a felszín, és mivel a mezők összeadódnak, a közeli cseppek simán olvadnak egymásba.
A felület normálvektorát a mező gradiense adja, ebből jön a tükröződés egy stúdiószerű, számított környezetben, az oldal akcentusszínével árnyalva. A kurzor egy újabb csepp, amely lenyomva megduzzad. A minőségállító a cseppek számát változtatja.
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