web-gl-curriculum

Weekly Bookclub Curriculum to go from Graphics noob to Graphics pro

Syllabus

Becoming Competent

0. Overview of the Cozzi Book for Historical Context
1. Udacity Course
2. Specification readthrough (shaderific)
3. WebGL2Fundamentals
4. TSherif examples (github)
5. Book of Shaders
6. How OpenGL works: software rendering in 500 lines of code

Becoming Cool

6. Quilez Formulanimations
7. Shiffman Nature of Code Youtube/Book
8. Quilez examples
9. Amanda Ghassaei examples

Becoming Extremely Cool

10. NVidia Book
11. GATech Course
12. MIT Course

Enrichment

13. Bitcoin Miner in Browser
14. Machine Learning in the Browser (Shiffman MNIST example, etc)

Curriculum

The Specification

• https://www.khronos.org/registry/webgl/specs/latest/2.0/
• http://www.shaderific.com/glsl/

The Basics

• https://www.udacity.com/course/interactive-3d-graphics--cs291
• https://webgl2fundamentals.org/
• https://github.com/tsherif/webgl2examples
• http://thebookofshaders.com/
• https://github.com/ssloy/tinyrenderer/wiki

Applied Learning

• https://www.youtube.com/watch?v=aNR4n0i2ZlM&list=PL0EpikNmjs2CYUMePMGh3IjjP4tQlYqji
• https://www.youtube.com/user/shiffman/playlists?sort=dd&view=50&shelf_id=6
• http://natureofcode.com/book/chapter-10-neural-networks/

Awesome Examples to Copy

• http://www.iquilezles.org/www/index.htm
• https://www.shadertoy.com/
• http://apps.amandaghassaei.com/
• https://github.com/amandaghassaei/VortexShedding

Truly Awesome Expertise to Gain

• http://developer.download.nvidia.com/books/HTML/gpugems/gpugems_ch01.html (all 40+ chapters)
• https://www.cc.gatech.edu/~turk/bio_sim/index.html
• http://fab.cba.mit.edu/classes/MAS.864/

Machine Learning Libraries - in the browser!

• https://github.com/ml5js/ml5-library
• https://js.tensorflow.org/

Bitcoin Miner

• https://github.com/derjanb/hamiyoca

Utilities

• http://twgljs.org/
• https://tsherif.github.io/picogl.js/
• https://tsherif.wordpress.com/2017/07/26/webgl-2-development-with-picogl-js/
• https://github.com/glslify/glslify

Resources

• https://intuitive-math.club/
• http://www.realtimerendering.com/webgl.html
• https://github.com/sjfricke/awesome-webgl
• Interactive Computer Graphics. A Top-Down Approach with WebGL (Edward Angel)
• WebGL Insights (Patric Cozzi)