Mozilla Ignite + WebGL: Introduction

Over the last two weeks I have invested considerable time reading about, talking with people, and watching the occasional youtube video on WebGL. I've been doing this to create some learning resources for the Mozilla Ignite challenge. I won't be creating the technical resources myself; I will be facilitating the discussions and thinking around the WebGL technology and how Mozilla can best support the ignite candidates to onboard themselves. In otherwords, what aspects of OpenGL ES, WebGL (and related libraries) does a software developer need to understand to implement their ignite challenge idea. And what learning resources can Mozilla create to assist these developers.

A concept map can go a long way toward developing an understanding of any subject domain. This simple concept map is my first stab at WebGL and will be added to as I deepen my understanding.

An introductory concept map for WebGL. What is WebGL?

To start learning about WebGL there are many resources and tutorials to assist with learning. These resources can be found with internet searches and will take you to many step-by-step guides and youtube videos. I strongly suggest you spend time searching for, and completing WebGL tutorials if you are wanting to deepen your understanding of the coding to WebGL. An excellent YouTube video that covered an introduction to WebGL with a whole lot of coding examples is from Erik Möller...