Integrare WebGL in dezvoltarea web

Post on 14-Apr-2017

110 views 1 download

transcript

Dezvoltare web folosind tehnologie 3D

Solutii de integrare a tehnologiei 3D in WEB

• Modelare si randare locala• Proiectii isometrice• WebGL (three.js, babylon.js, Unity)• Extinderea capabilitatilor grafice in

WEB• AR (Augmented Reality)

Modelare si randare locala• Randari statice (vizualizari 3D)• Randari in miscare (prezentari video)• Import/export (obj, Collada, .dae) pentru WEB • Simulari

Proiectii isometrice• Solutie de „avarie” in integrarea 3D-ului pentru WEB• Avantaje: obiectele pot suporta multe detalii, se incarca usor

si se conserva culorile (texturile).• Dezavantaje: fara vedere din perspectiva, fara miscare a

camerei in 360 de grade, interactivitate redusa

WebGL• Deriva din OpenGLWebGL (Web Graphic Library) este un standard în curs de dezvoltare ce permite

dezvoltatorilor de pagini WEB să introducă conţinut 3D în aceste pagini folosind Javascript pentru a accesa funcţii low-level din API-ul OpenGL ES (destinat pentru device-uri mobile).

Link-uri: http://threejs.org/http://www.babylonjs.com/

Extinderea capabilitatilor grafice in mediul WEB• Hardware call: JavaScript • Framework: X3D/X3DOM (elemente HTML pentru a reda

3D)• Plug-in: Unity, Paper-Vision 3D (engines)

AR (Augmented Reality)• Camera Tracking (backbone)• Turn Display, Eye Glasses, Contact Lenses, SAR

(Spatial Augmented Reality)• Aplicatii: navigatie, arheologie, comert, design

industrial, etc.