This chapter demonstrates about the WebGL Tutorial. WebGL is used to create the graphical effect which just aren't possible or very difficult to implement with some of other graphical technologies such as Canvas or SVG. Following are the concepts covered in this chapter.
Reasons to Learn WebGL
Browser Support
Multiple Disciplines
Reasons to Learn WebGL
Description
Currently Web developers have lot of graphical technologies available such as CSS, Canvas, SVG and WebGL Each of technologies have its own distinct advantages and disadvantages. Following are some reasons to learn WebGL.
Performed tasks not possible with other technologies.
Graphical effects which are using in WebGL, which are not possible with the other technologies.
No plugins & supported in all modern browsers.
WebGL does not required any plugin to work and its platform independent and its supported by all the modern browsers.
Mobile supported
WebGL supported by many browsers and mobile phones. Currently WebGL is not available in iOS except through as a part of Apples's iAD program.
Shaders!
User can perform some cool Graphical effects with shaders.
Dom Integration
User can access all existing web page technologist and combine with the technologies such as CSS, SVG, and Canvas.
Very Open standard
WebGL is a very open standard and theoretically no one can stop use of making a feature or change if user some thing could improved.
Driving other browser performance advance
WebGL is one of the technology driving advances in browse technology and its exciting parts.
WebGL is mainly useful for the commercial purpose for example Client running an online shopping web site in which client needs to explore the products in detail, such way WebGL is the great solution. There are some really nice examples in Three.js. User can refer the Three.js.org for those examples.
Browser Support
Description
WebGL supported by all the modern browsers including internet Explorer version 11 and which is also supported in many mobile browsers like window phone, Oprah, and Firefox Mobile. The image below demonstrates the WebGL supported browsers.
Multiple Disciplines
Description
WebGL has the number of Disciplines in order to concatenating the program some are listed below.
Programming
User should have the knowledge about Three.js, WebGL, JavaScript and webtec.. page techonologies.
Math
In WebGL there are some elements of math involved in Three.js programming. Here user doesn't required much knowledge about the math, user can use the Three.js with the basic knowledge of math and other stuff .
Hardware
Three.js programming is hardware dependent and knowing how this work behind the scenes can help users to get the most out of users applications. Three.js programming techniques are also slight different between what the user have been working and getting a number of solutions to common issues such as collision detection and performance techniques.
Summary
Key Points
WebGL supported by all the modern browsers.
WebGL doesn't require any plugins.
User can combine many technology features into WebGL.