Skip to content

Add links to the videos #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
VoxSerico wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Add links to the videos #1

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
40 changes: 32 additions & 8 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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.
Expand All @@ -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.
I'd make a video about this but honestly I hate YouTubers who insist on giving their life story. Nobody needs to hear mine.