WebGL Tutorial 01 - Setup and Triangle

WebGL is a powerful tool for adding graphics to your client side web application. In this video, I explain the basics of how WebGL works, and guide you through writing the code to display a triangle on the screen.

A live demo of the result of this tutorial is available at http://www.kamaron.me/tutorial-live/w...

In this series, I will not be using any external libraries like Three.JS. These tutorials are intended for people comfortable (but not necessarily experienced) with JavaScript and HTML, with or without any prior graphics programming experience. Ideally, I would like anybody watching my full tutorial set to be able to create a 3D video game from scratch using WebGL.

Source code available at https://github.com/sessamekesh/Indigo...

Diagram in video: https://www.lucidchart.com/documents/...

Other fantastic WebGL resources:
http://antongerdelan.net/opengl/webgl...
http://webglfundamentals.org/
https://www.chromeexperiments.com/webgl
https://developer.mozilla.org/en-US/d...
https://msdn.microsoft.com/en-us/libr...