suleyman yildirim. overview browser support scalability performance demos added value to the...
TRANSCRIPT
![Page 1: Suleyman YILDIRIM. Overview Browser support Scalability Performance Demos Added value to the project](https://reader036.vdocuments.us/reader036/viewer/2022082517/56649e015503460f94aeb463/html5/thumbnails/1.jpg)
WebGLSuleyman YILDIRIM
![Page 2: Suleyman YILDIRIM. Overview Browser support Scalability Performance Demos Added value to the project](https://reader036.vdocuments.us/reader036/viewer/2022082517/56649e015503460f94aeb463/html5/thumbnails/2.jpg)
Overview Browser support Scalability Performance Demos Added value to the project
Content
![Page 3: Suleyman YILDIRIM. Overview Browser support Scalability Performance Demos Added value to the project](https://reader036.vdocuments.us/reader036/viewer/2022082517/56649e015503460f94aeb463/html5/thumbnails/3.jpg)
3D graphics library for web browsers Open source Based on OpenGL ES 2.0 and JavaScript Used in HTML5 canvas elements Big players in the market
◦ Google, Apple, Mozilla, and Opera
Overview
![Page 4: Suleyman YILDIRIM. Overview Browser support Scalability Performance Demos Added value to the project](https://reader036.vdocuments.us/reader036/viewer/2022082517/56649e015503460f94aeb463/html5/thumbnails/4.jpg)
Default browser◦ Google Chrome 9
Configuration needed◦ Opera 12 Beta ◦ Firefox 4◦ Safari
How to configure browsers◦ http://www.khronos.org/webgl/wiki/Getting_a_Web
GL_Implementation
Browser Support
![Page 5: Suleyman YILDIRIM. Overview Browser support Scalability Performance Demos Added value to the project](https://reader036.vdocuments.us/reader036/viewer/2022082517/56649e015503460f94aeb463/html5/thumbnails/5.jpg)
Browser Support
![Page 6: Suleyman YILDIRIM. Overview Browser support Scalability Performance Demos Added value to the project](https://reader036.vdocuments.us/reader036/viewer/2022082517/56649e015503460f94aeb463/html5/thumbnails/6.jpg)
Demos work in desktop◦ Chrome◦ Firefox
Demos work in tablet◦ Opera◦ Firefox
Demos DOES NOT work in desktop◦ Opera◦ IE
Demos DOES NOT work in tablet◦ Chrome android
‘WebGL is currently not supported, and we have no plans to announce at this time’ (https://developers.google.com/chrome/mobile/docs/faq)
◦ IE
Scalability
![Page 7: Suleyman YILDIRIM. Overview Browser support Scalability Performance Demos Added value to the project](https://reader036.vdocuments.us/reader036/viewer/2022082517/56649e015503460f94aeb463/html5/thumbnails/7.jpg)
Desktop◦ The best performance
Simple applications works well for all devices.
Performance in tablet and phone is slower than desktop.
The more a 3D application is complex, the more performance is worse for all devices.
Performance
![Page 8: Suleyman YILDIRIM. Overview Browser support Scalability Performance Demos Added value to the project](https://reader036.vdocuments.us/reader036/viewer/2022082517/56649e015503460f94aeb463/html5/thumbnails/8.jpg)
Chrome◦ Angry Birds◦ http://www.chromeexperiments.com/webgl◦ http://code.google.com/p/webglsamples/
Khronos◦ http://www.khronos.org/webgl/wiki/Demo_Reposit
ory Mozilla
◦ http://blog.mozilla.org/tilt/◦ https://developer.mozilla.org/en-US/demos/tag/te
ch:webgl◦ https://developer.mozilla.org/en-US/demos/detail/
tankworldderby
Examples
![Page 9: Suleyman YILDIRIM. Overview Browser support Scalability Performance Demos Added value to the project](https://reader036.vdocuments.us/reader036/viewer/2022082517/56649e015503460f94aeb463/html5/thumbnails/9.jpg)
3D Bosch logo in login page 3D view of the whole building 3D view of the floors
Added value to the project
![Page 10: Suleyman YILDIRIM. Overview Browser support Scalability Performance Demos Added value to the project](https://reader036.vdocuments.us/reader036/viewer/2022082517/56649e015503460f94aeb463/html5/thumbnails/10.jpg)
Disadvantages◦ Not much added value◦ Possible performance problems on mobile
devices as well as PCs◦ Lack of browser support◦ Scalability
Advantages◦ Good look and feel
Conclusion