Indigo Code | WebGL Tutorial 01 - Setup and Triangle @IndigoCode | Uploaded 8 years ago | Updated 1 hour ago
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/webgl/01-simple-triangle/
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/IndigoCS-webgl-tutorials/tree/master/01%20-%20Simple%20Triangle
Diagram in video: https://www.lucidchart.com/documents/view/eba35393-4569-4651-89db-d3f5689667bf/0
Other fantastic WebGL resources:
http://antongerdelan.net/opengl/webgl_starter.html
http://webglfundamentals.org/
https://www.chromeexperiments.com/webgl
https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Tutorial
https://msdn.microsoft.com/en-us/library/dn302341(v=vs.85).aspx
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/webgl/01-simple-triangle/
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/IndigoCS-webgl-tutorials/tree/master/01%20-%20Simple%20Triangle
Diagram in video: https://www.lucidchart.com/documents/view/eba35393-4569-4651-89db-d3f5689667bf/0
Other fantastic WebGL resources:
http://antongerdelan.net/opengl/webgl_starter.html
http://webglfundamentals.org/
https://www.chromeexperiments.com/webgl
https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Tutorial
https://msdn.microsoft.com/en-us/library/dn302341(v=vs.85).aspx
