WebGLSuleyman YILDIRIM

Overview Browser support Scalability Performance Demos Added value to the project

Content

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

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

Browser Support

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

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

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

3D Bosch logo in login page 3D view of the whole building 3D view of the floors

Added value to the project

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