Downloaded 24 times
Uploaded byJeffrey Macko
Web GL - Presentation
The document introduces WebGL and discusses its purpose and capabilities. WebGL allows 3D graphics and effects to be displayed within web browsers. It provides an API for rendering interactive 3D graphics and 2D accelerated animation within any compatible web browser without the use of plug-ins. Examples of WebGL applications are shown.
Web GL - Presentation
- 1. WebGL When 3Dgoes to the web Jeffrey MACKO
- 2. Overview Environnement SetupWhy create WebGL ? What is WebGL ? Examples Questions
- 3. Environnement Setup Downloadand install Minefield (aka last Firefox build) => Firefox Beta Type "about:config" in the adress bar then "ok" Type "webgl" in the bar just bellow the address bar Modify this parameter "webgl.enable_for_all_sites" click on false to put it on true Try this url => Shiny Teapot
- 4. Why create WebGL? Need of doing accelerate 3D on websites Need of standard supported by the industry Why not flash ?
- 5. O3D Google responseof the needs of 3D on the Web
- 6. What is WebGL? Who know what is OpenGL ? Need of specification ? Khronos Group WebGL VS O3D WebGL VS CSS3 / JS Example
- 7. OpenGL Open GraphicLibrary It's standard (cross-platform and loyalty free) Supported by Graphic card providers (NVidia/Ati/intel...) Supported by OS Game Developers use it (World of Warcraft)
- 8. Examples San Angeles Collada Viewer (Spore) Shiny Teapot Space Game Asteroid Quake 3 Level Questions ?
- 9. Sources http://code.google.com/p/o3d/ http://www.khronos.org/webgl/wiki/Main_Pagehttp://www.khronos.org/webgl/ http://www.w3.org/TR/css3-2d-transforms/ http://wakaba.c3.cx/w/shader http://www.iquilezles.org/apps/shadertoy/
Editor's Notes
- #2 Bonjour, Je m'appel Jeffrey MACKO et aujourd'hui je vais vous présenter WebGL.
- #3 Ceci est l'overview c'est evident vous êtes pas stupides mais bon j'en avait besoin pour organiser mes idées.
- #4 Demander a tous ce qui on ordis si il veulent participer et attendre que tt le monde soit prêt avant de continuer. Une fois firefox beta télécharger fermer votre navigateur firefox avant de lancer le nouveau. Si il ne se passe rien et que tu utilise le nouveau firefox et que la configuration est ok c'est que la machine n'est pas capable de faire tourner webgl.
- #5 Beaucoup de personne on remarquer qu'il aurez bien aimez pouvoir faire de la 3D sur internet Mais le problème est que pour faire de la 3D performante il n'existait rien Flash n'est pas standard même si il existe des librairies pour faire de la 3D accélérer mais on ne va pas en parler ici car beaucoup d'industrielle boudent la technologie flash pour plein de raison Google est venu avec son idée de la 3D web. O3D qui plugin pour navigateur qui permettait de repondre a ce besoin
- #6 Maintenant je vais vous présenter une vidéo brève montrant le travail effectuer par google pour combler ce manque. Le travail de google est remarquable mais a cependant quelque défaut... c'est un plugin ! Pourquoi est ce que être un plugin est un défaut. Ben parce que ce n'est pas standard donc toutes les personne voulant utiliser cette technologie dépendent du bon vouloir de google pour l'exploiter. Le probleme est toujour pas resolue on a besoin d'un standard permettant de faire de la 3D accellerer materiellement.
- #7 Selon si les gens connaissent OpenGL ou pas je le presente ou pas. Le Khronos Group a été charger de réaliser les specifications de WebGL. Parce que c'est déja eux qui font les spécifications de OpenGL ES 2.0. Donc il était logic qu'il s'en charge. Ces spécification seront ensuite implementer par les browser et driver graphique. Now the done changed google O3D is no longer a plugin but became a library (like JQuery) which run on the top of WebGL. O3D is no longer a concurrent but help now to add feature to WebGL to increase the number of developper who using it and help them to build great app. CSS3 and JS can't compete in the same court as WebGL just because CSS3 can only convert 2D into 3D and it can't load 3D model or accelerate the rendering of 3D application. But it can be use in addition of this one.
- #8 OpenGL is a driver.
- #9 Voici une liste d'example que vous pouvez lancer et essayer. Il est possible que certain test ne fonctionne pas alors que d'autre fonctionne très bien tous dépend de votre carte graphique et de vos pilotes. Avez vous des question ?