diff --git a/README.md b/README.md index 4d68370..1a3bf9a 100644 --- a/README.md +++ b/README.md @@ -5,13 +5,37 @@ This repository contains all the final code files we've written in my series on WebGL 2 on YouTube. More will be added as new videos go up. #### Episode list -1. Hello World [link to come](#) -2. Uniforms 1 [link to come](#) -3. Attributes 1 [link to come](#) -4. Precision [link to come](#) -5. Attributes 2 [link to come](#) -6. drawElements [link to come](#) -7. Targets [link to come](#) +1. [Programs (Hello World)](https://www.youtube.com/watch?v=-T6EbWCq99c&list=PLPbmjY2NVO_X1U1JzLxLDdRn4NmtxyQQo&index=1) +2. [Quickie: Precision](https://www.youtube.com/watch?v=lWLqi3DzaCk&list=PLPbmjY2NVO_X1U1JzLxLDdRn4NmtxyQQo&index=2) +3. [Uniforms (Part 1)](https://www.youtube.com/watch?v=hUxw5Ni0l78&list=PLPbmjY2NVO_X1U1JzLxLDdRn4NmtxyQQo&index=3) +4. [Attributes (Part 1)](https://www.youtube.com/watch?v=C6BztStktJY&list=PLPbmjY2NVO_X1U1JzLxLDdRn4NmtxyQQo&index=4) +5. [Attributes (Part 2)](https://www.youtube.com/watch?v=e5qwESME00E&list=PLPbmjY2NVO_X1U1JzLxLDdRn4NmtxyQQo&index=5) +6. [Element Arrays & drawElements()](https://www.youtube.com/watch?v=IsyHfmq18ec&list=PLPbmjY2NVO_X1U1JzLxLDdRn4NmtxyQQo&index=6) +7. [Objects, Targets & Binding](https://www.youtube.com/watch?v=sWBt5WrQTfE&list=PLPbmjY2NVO_X1U1JzLxLDdRn4NmtxyQQo&index=7) +8. [Textures (Part 1)](https://www.youtube.com/watch?v=0nZn5YPNf5k&list=PLPbmjY2NVO_X1U1JzLxLDdRn4NmtxyQQo&index=8) +9. [Mipmaps (Textures Part 2)](https://www.youtube.com/watch?v=ocGDNM0AL3c&list=PLPbmjY2NVO_X1U1JzLxLDdRn4NmtxyQQo&index=9) +10. [Vertex Array Objects (VAOs)](https://www.youtube.com/watch?v=R2Y6vb3z_Hw&list=PLPbmjY2NVO_X1U1JzLxLDdRn4NmtxyQQo&index=10) +11. [Texture Atlases or Sprite Sheets (Textures Part 3)](https://www.youtube.com/watch?v=w3im_9qbM18&list=PLPbmjY2NVO_X1U1JzLxLDdRn4NmtxyQQo&index=11) +12. [Texture Arrays (Textures Part 4)](https://www.youtube.com/watch?v=FCkMPkgWClo&list=PLPbmjY2NVO_X1U1JzLxLDdRn4NmtxyQQo&index=12) +13. [Instanced Drawing](https://www.youtube.com/watch?v=Ude1zZbf20s&list=PLPbmjY2NVO_X1U1JzLxLDdRn4NmtxyQQo&index=13) +14. [Transparency & Depth](https://www.youtube.com/watch?v=B2z0FhUk8gc&list=PLPbmjY2NVO_X1U1JzLxLDdRn4NmtxyQQo&index=14) +15. [Cameras & Perspective (Part 1)](https://www.youtube.com/watch?v=s6xGZy2FIMo&list=PLPbmjY2NVO_X1U1JzLxLDdRn4NmtxyQQo&index=15) +16. [Visualizing Projection (Camera Part 2)](https://www.youtube.com/watch?v=cWl4M0vsiSA&list=PLPbmjY2NVO_X1U1JzLxLDdRn4NmtxyQQo&index=16) +17. [Matrix Attributes](https://www.youtube.com/watch?v=8XOctnNrJn4&list=PLPbmjY2NVO_X1U1JzLxLDdRn4NmtxyQQo&index=17) +18. [Directional diffuse lighting](https://www.youtube.com/watch?v=EcLagI5JWHs&list=PLPbmjY2NVO_X1U1JzLxLDdRn4NmtxyQQo&index=18) +19. [Point lights & Spotlights](https://www.youtube.com/watch?v=7VN4QqOtvt0&list=PLPbmjY2NVO_X1U1JzLxLDdRn4NmtxyQQo&index=19) +20. [Creating binary model files](https://www.youtube.com/watch?v=xhoILgKOOwk&list=PLPbmjY2NVO_X1U1JzLxLDdRn4NmtxyQQo&index=20) +21. [Uniform Buffer Objects](https://www.youtube.com/watch?v=JPvbRko9lBg&list=PLPbmjY2NVO_X1U1JzLxLDdRn4NmtxyQQo&index=21) +22. [Arrays & Uniforms](https://www.youtube.com/watch?v=KSbY518HNWQ&list=PLPbmjY2NVO_X1U1JzLxLDdRn4NmtxyQQo&index=22) +23. [Hardware Bugs, UBOs & Arrays](https://www.youtube.com/watch?v=54rMDUOg12s&list=PLPbmjY2NVO_X1U1JzLxLDdRn4NmtxyQQo&index=23) +24. [Transform Feedback (for Particle Systems etc)](https://www.youtube.com/watch?v=ro4bDXcISms&list=PLPbmjY2NVO_X1U1JzLxLDdRn4NmtxyQQo&index=24) +25. [Framebuffer Objects (The Basics)](https://www.youtube.com/watch?v=m0RsLImjtgM&list=PLPbmjY2NVO_X1U1JzLxLDdRn4NmtxyQQo&index=25) +26. [Framebuffer Objects (The gnarly details)](https://www.youtube.com/watch?v=HpUW7Z2Y42g&list=PLPbmjY2NVO_X1U1JzLxLDdRn4NmtxyQQo&index=26) +27. [Deferred rendering (framebuffer object technique 1)](https://www.youtube.com/watch?v=cmfMVicl6Uw&list=PLPbmjY2NVO_X1U1JzLxLDdRn4NmtxyQQo&index=27) +28. [Object Picking (framebuffer object technique 2)](https://www.youtube.com/watch?v=9uG0W7659lA&list=PLPbmjY2NVO_X1U1JzLxLDdRn4NmtxyQQo&index=28) +29. [Variable Gaussian blur (framebuffer object Technique 3)](https://www.youtube.com/watch?v=IEvLyMwh1k8&list=PLPbmjY2NVO_X1U1JzLxLDdRn4NmtxyQQo&index=29) +30. [Multisample anti-aliasing (framebuffer object technique 4)](https://www.youtube.com/watch?v=fAERZC4PjnI&list=PLPbmjY2NVO_X1U1JzLxLDdRn4NmtxyQQo&index=30) +31. [Bloom (framebuffer object technique 5)](https://www.youtube.com/watch?v=bAq9Zk7BAWo&list=PLPbmjY2NVO_X1U1JzLxLDdRn4NmtxyQQo&index=31) #### About the series Every video will attempt to demonstrate some aspect of WebGL 2 in isolation. We're avoiding all 3rd party dependencies. We're not building up to a grand application at the end. We're not even building our own WebGL library. All code will exist in a single page and, as much as possible, will focus on a single, isolated concept. @@ -35,4 +59,4 @@ That's my goal anyways. Feedback is appreciated. You can leave comments in the videos or file pull requests here. -I'd make a video about this but honestly I hate YouTubers who insist on giving their life story. Nobody needs to hear mine. \ No newline at end of file +I'd make a video about this but honestly I hate YouTubers who insist on giving their life story. Nobody needs to hear mine.