Ugrás a tartalomra
← Kísérletek
Példa weboldalon2026

Webshop nyitóoldal élő szálakkal

A fonal, amit nem csak megnézel: látod, ahogy folyik.

Mozgasd az egeret: örvényt kavarsz a szálak között. Kattints: lökéshullám fut végig. A márka és a számok szemléltető minták.

Az árajánlatban

Egyedi animáció / motion design

Egyedi animációk, mozgás és interaktív elemek, amelyek megkülönböztetik az oldalt a sablon-hatástól.

60 000 Ft-tól

Ajánlatot kérek ezzel

Egy fonalbolt nyitóoldala. A háttérben ezernyi vékony szál áramlik, mint a gombolyagból kihúzott fonal, és a kurzor örvényt kavar köztük. Olyan webshopra való, ahol az anyag maga a termék.

Technika
  • Canvas 2D
  • Simplex noise
  • Webshop

Hogyan működik

A szálak egy lassan változó zajmezőn úsznak: a mező egyszerű rács, a szálak pedig Canvason rajzolt vonalkák, ezért nincs szükség GPU-ra, és szerényebb gépen is simán fut. A szín a márka színe, így a mozgás nem idegen elem az oldalon, hanem a hangulat része.

A tartalom és a gombok közönséges HTML, ezért a terméklistát és a keresők is ugyanúgy látják, mintha ott sem lenne a háttér. Közepes kategória: magától indul, ha látszik, és megáll, ha elgörgetsz mellette.

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
Következő kísérlet
Webshop nyitóoldal élő szálakkal | KineticForm