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!

Partnereink

ONetDev webfejlesztés

PlayBlink Steam nyereményjáték

PrivateTunnel ingyenes VPN

Jateknaplo.blog.hu indie játék blog

Támogatás

A Webragacson nem jelenítünk meg hirdetéseket mert mi sem szeretjük ha mindenhonnan reklámok kandikálnak. Azonban ennek ellenére az oldal működtetése pénzt kíván, a cikkek megírása pedig sok energiát és időt. Ha kedveled a munkásságunk és PayPal felhasználó vagy, a lentebbi "Donate" gomb segítségével támogathatsz minket.

Designed by Webragacs (A Smashing Magazine ötlete alapján). © 2012 WEBRAGACS. MINDEN JOG FENNTARTVA. Az oldalt a Wordpress motorja hajtja.