Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Anuj Deshpande
3216
Seminar guide – Prof. Atish Londhe
1. HTML5 and <canvas>
2. What is WebGL?
3. Architecture
4. A WebGL-based method for visualization of intelligent grid
5. B...
 Added in HTML5
 What all can it do ?
 Supported on :
◦ Firefox
◦ Safari
◦ Opera
◦ IE (>9)
◦ Chrome
Anuj Deshpande 3
 History
 OpenGL ES
 Collabarative effort
 Integration with DOM
Anuj Deshpande 4
 Integration with browsers
 Why low level ?
 Hardware accelerated graphics
 ANGLE for Microsoft
Anuj Deshpande 5
 Paper published in Shadong University
 Browser/server vs. Client/server
 Security
 X3DOM
Anuj Deshpande 6
Anuj Deshpande 7
 Platforms
◦ Windows 8
◦ Debian GNU/Linux
◦ Andorid 4.2.2
 Browsers
◦ Opera
◦ Chrome
◦ Firefox
◦ IE/default browser
Anuj...
 Init()
 Set scene parameters like width, height
 Configure camera. Set values like view angle, aspect ratio, etc
 Che...
Anuj Deshpande 10
Anuj Deshpande 11
 History of Flash
 Why Flash is such a predominant technology
on the web ?
 Drawbacks of Flash
 Advantages of WebGL
 ...
 Khronos group
 Apple, Google, Adobe
 Almost all major browsers
 Why NOT Microsoft ?
Anuj Deshpande 13
 Frameworks
◦ Need
◦ Examples
 Research and development being done using
WebGL
Anuj Deshpande 14
 WebGL : still a work in progress
 Research
 WebGL is the future of graphics on the Web
Anuj Deshpande 15
 For architecture
http://stackoverflow.com/questions/732847
2/how-webgl-works
 Official documentation at
https://www.khr...
Anuj Deshpande 17
Upcoming SlideShare
Loading in …5
×

Web gl api to render interactive graphics in html

565 views

Published on

Published in: Technology, Art & Photos
  • Be the first to comment

  • Be the first to like this

Web gl api to render interactive graphics in html

  1. 1. Anuj Deshpande 3216 Seminar guide – Prof. Atish Londhe
  2. 2. 1. HTML5 and <canvas> 2. What is WebGL? 3. Architecture 4. A WebGL-based method for visualization of intelligent grid 5. Benchmarking 6. Flash vs. WebGL 7. Community 8. Development 9. Concluding remarks Anuj Deshpande 2
  3. 3.  Added in HTML5  What all can it do ?  Supported on : ◦ Firefox ◦ Safari ◦ Opera ◦ IE (>9) ◦ Chrome Anuj Deshpande 3
  4. 4.  History  OpenGL ES  Collabarative effort  Integration with DOM Anuj Deshpande 4
  5. 5.  Integration with browsers  Why low level ?  Hardware accelerated graphics  ANGLE for Microsoft Anuj Deshpande 5
  6. 6.  Paper published in Shadong University  Browser/server vs. Client/server  Security  X3DOM Anuj Deshpande 6
  7. 7. Anuj Deshpande 7
  8. 8.  Platforms ◦ Windows 8 ◦ Debian GNU/Linux ◦ Andorid 4.2.2  Browsers ◦ Opera ◦ Chrome ◦ Firefox ◦ IE/default browser Anuj Deshpande 8
  9. 9.  Init()  Set scene parameters like width, height  Configure camera. Set values like view angle, aspect ratio, etc  Check for WebGL renderer  Initialize mouse controls and set lighting conditions  Initialize statistics control panel  Add all of the parameters to the already initialized scene variable  Animate()  render()  reload scene and camera with the current control inputs  update()  update controls and statistics to reflect the latest state  Animate() Anuj Deshpande 9
  10. 10. Anuj Deshpande 10
  11. 11. Anuj Deshpande 11
  12. 12.  History of Flash  Why Flash is such a predominant technology on the web ?  Drawbacks of Flash  Advantages of WebGL  Drawbacks of WebGL Anuj Deshpande 12
  13. 13.  Khronos group  Apple, Google, Adobe  Almost all major browsers  Why NOT Microsoft ? Anuj Deshpande 13
  14. 14.  Frameworks ◦ Need ◦ Examples  Research and development being done using WebGL Anuj Deshpande 14
  15. 15.  WebGL : still a work in progress  Research  WebGL is the future of graphics on the Web Anuj Deshpande 15
  16. 16.  For architecture http://stackoverflow.com/questions/732847 2/how-webgl-works  Official documentation at https://www.khronos.org/webgl/  Weigang Zhang; Hao Yuan; Jiangong Wang; Zhonghua Yan; , "A WebGL-based method for visualization of intelligent grid," Anuj Deshpande 16
  17. 17. Anuj Deshpande 17

×