A collection of notes, resources, code snippets, experiments and mini-projects documenting personal experience of learning WebGL.
| # | Title | Description | Resources |
|---|---|---|---|
| 001 | WebGL introduction | Learning about what WebGL is, understanding basics of how it works and creating first program. | R001, R002, R003 |
| 002 | Under the hood | Discussing at a basic level of how WebGL and GPU communicate together and what they actually do | R001, R004, R005, R006 |
| 003 | GLSL | Taking a closer look at the specification of OpenGL ES shading language | R001, R006, R007 |
| 004 | Math primer | A brief refresh of some math principles used in WebGL | R006 |
| 005 | Model data | Defining WebGL's virtual world and model properties of each object in it | R006 |
List of learning resources I have used:
| # | Title | Author | Link |
|---|---|---|---|
| R001 | WebGL2 Fundamentals | Greggman | Link |
| R002 | WebGL public wiki | Khronos | Link |
| R003 | WebGL: 2D and 3D graphics for the web | MDN Web Docs | Link |
| R004 | An Introduction to WebGL | Luz Caballero | Link |
| R005 | An intro to modern OpenGL | Joe Groff | Link |
| R006 | Learn WebGL | Dr. Wayne Brown | Link |
| R007 | WebGL2 Reference Card | Khronos | Link |
Some contents of this repository are a compilation of material from various publicly available sources. All such information and/or images may be copyrighted by their respective owners. Credit and link to the original content is always provided at the bottom of each section. If you find any uncited content or other discrepancy, please feel free to open an issue.