To get the most out of this course, it is strongly recommended that you follow this hands-on course on your personal computer.
A simple text editor is essential to edit the codes in this class.
You can even use Notepad or Wordpad to edit the codes.
We need a modern web browser for this course. Mozilla Firefox is our browser of choice. We will NOT use Internet Explorer or Safari.
Our sample programs all have the following directory structure.
The source codes that we will be editing are mostly main.js, vertShader.vert and compShader.frag.
Download the source codes from here!
After extracting, you will see a few sub-directories which are all numbered. We will start from directory 01, and as we go to the next directory we copy the content of the previous directory into the next one.
At any point, if you fall behind, you can pick up from the latest changes from the cheat sheet directory.