Animații 3D superbe folosind noul engine Three.js
1Unul dintre cele mai sensibile și mai interesante subiecte pentru dezvoltatorii client-side pare să rămână în continuare cel al animațiilor. Nu contează dacă e vorba de transformări prin CSS, animații prin keyframe sau animații generate de un API în Javascript, toți încearcă să demonstreze ce lucruri incredibile se pot contrui direct în browser și, mai important, fără Flash.
Am dat peste proiectul Three.js ce este un engine 3D cu un nivel mic de complexitate, creat special pentru începători. Engine-ul poate randa folosind <canvas>, <svg> și WebGL. Astfel, poți crea animații 2D și 3D extraordinare, de la cele mai simple până la cele mai complexe. Toate exemplele se găsesc aici. Mai jos am selectat doar cateva dintre acestea:
http://superfad.com/missioncontrol/traffic/ http://thewildernessdowntown.com/ http://mrdoob.github.com/three.js/examples/webgl_postprocessing_dof.html http://mrdoob.github.com/three.js/examples/misc_materials_multimaterials.html http://mrdoob.github.com/three.js/examples/canvas_geometry_earth.html http://mrdoob.github.com/three.js/examples/webgl_materials_cubemap_escher.html http://mrdoob.github.com/three.js/examples/webgl_materials_cubemap_refraction.html http://data-arts.appspot.com/globe
De asemenea, dacă ești interesat să dezvoltți ceva cu acest engine, iți recomand să arunci o privire peste acest tutorial care reprezintă o introducere amănunțită în Three.js. Multă baftă și sunt aștept creațiile tale! 🙂
Daca acest articol contine o greseala, selecteaza cuvintele sau fraza gresita si tasteaza combinatia de taste Shift + Enter sau apasa click aici pentru a o raporta. Multumim!
Mai este un tutorial destul de fain si detaliat la http://learningthreejs.com/ .
Trebuie sa ma apuc si eu de WebGL…. neaparat…
Si inca un exemplu tare, care ii mai „practic”: Un site facut in 3D cu threejs, si se schimba perspectiva cand scrolluiesti: http://acko.net/blog/making-love-to-webkit/