3D animáció JavaScriptben

3D-s animáció JavaScript-ben

A web egy évtizede, még csak olyan volt, mint egy szűz kislány, sok mindenhez nem értett. Ha valami komolyabbat akartunk kicsikarni weboldalunkból, cselhez kellett folyamodnunk: Beépülőt (pl.: Flash, Java, Silverlight) kellett használnunk. A kor előrehaladtával azonban megtanult egy s mást a kicsike és azok a bizonyos beépülők kezdenek feleslegessé válni.

A modern böngészők nyújtotta lehetőségekre építő Tree.js (3D-s Javascript animáció készítő, ami támogatja WebGL, Canvas és SVG technológiákat) segítségével elkészült egy remek bemutató. A bemutatóban két autót irányíthatunk, változtathatjuk a kamera pozícióját, napszakot válthatunk és motion blur-t (mozgásból fakadó elmosódás) is aktiválhatunk. A bemutató után nem is tűnik olyan távolinak az az idő, amikor egy Need For Speed-hez hasonló játékot vezérlünk a böngészőnkben.

A játékok bármikor kipróbálhatod ezen a címen: alteredqualia.com. A megtekintéséhez erősen ajánlott a legfrissebb Chrome, hiszen csak ez fog megfelelő hardveres gyorsítást adni (ami más böngészőknél még annyira nem elterjedt).

Koller József írása –

Közel tíz éve foglalkozom informatikával, azon belül főként a webfejlesztéssel. Nem vagyok designer, de ettől teljesen függetlenül rajongok a szépen megtervezett grafikákért. Munkám első sorban a háttérben zajlik, ugyanis "kódolással" foglalkozom.

  • Ha tetszett a cikk, osztd meg!