Animații 3D superbe folosind noul engine Three.js

1

Unul 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!

— Andrei Avădănei a scris 1246 articole

Andrei scrie pe worldit.info din vara lui 2011. Este fondatorul Asociatiei Centrul de Cercetare in Securitate Informatica din Romania - CCSIR si coordoneaza DefCamp, cea mai importanta conferinta de securitate informatica & hacking din Europa Centrala si de Est. Andrei ofera in cadrul Bit Sentinel servicii de securitate informatica, penetration testing, security management, recuperarea de pe urma unui atac cibernetic, training-uri si workshop-uri.

1 Comentariu

  1. Roland spune:
    ianuarie 26, 2012 la 5:11 pm

    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/