Journey towards WebGL

What is WebGL ?

WebGL is JavaScript API for rendering interactive 2D and 3D graphics within any compatible web browser without the use of plug-ins.

Useful link to learn WebGl core concept

First of all we have to learn about the mathematics behind the graphics programming like : vectors , matrix, forces, oscillation particle system and different physics library.

To learn these basic concept I found , “Daniel Shiffman” youtube channel very helpful .

The Coding Train

Its time to choose a WebGL library

There are so many library to do 2D and 3D rendering in web browser but among of them three.js and babylon.js are very popular.Feel free to choose anyone of the library to simplify your programming.

1. three.js
2. babylon.js
3. p5.js
4. pixiJS

Please follow the link to get the comparison between different library

20 Open Source WebGL Frameworks

What is the future of WebGL ?

As we know world is moving toward the technology like VR(Virtual reality), AR(Augmented reality) and MR(Mixed reality) to give a realistic experience to a user. WebGL will be to core engine to experience the 3D world inside a browser.

Find the link below to experience the AR in the browser. Just need a camera to experience the VR content.

Three.js and AR.js - examples