+ All Categories
Home > Technology > Integrare WebGL in dezvoltarea web

Integrare WebGL in dezvoltarea web

Date post: 14-Apr-2017
Category:
Upload: dan-stefan
View: 110 times
Download: 1 times
Share this document with a friend
7
Dezvoltare web folosind tehnologie 3D
Transcript
Page 1: Integrare WebGL in dezvoltarea web

Dezvoltare web folosind tehnologie 3D

Page 2: Integrare WebGL in dezvoltarea web

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)

Page 3: Integrare WebGL in dezvoltarea web

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

Page 4: Integrare WebGL in dezvoltarea web

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

Page 5: Integrare WebGL in dezvoltarea web

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/

Page 6: Integrare WebGL in dezvoltarea web

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)

Page 7: Integrare WebGL in dezvoltarea web

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

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

industrial, etc.


Recommended