I just tried to code a 3d engine using webgl and JavaScript in one day (24 hours), completely from scratch. It’s been a lonnngggg time since I did any serious graphics work as a programmer, and even longer since I touched opengl. This was a bit of a jump-into-the-deep-end project to see if I could crank out a deferred lighting demo in a short time using webgl. In the video I cover all parts of the project, starting with the initial plan, a super general overview on how 3d engines are often structured, and then stepping through the development of the code. By the end you should understand the basics of how a light prepass renderer works and how to implement one using pure webgl.
What was covered:
- 3D Engine Design Considerations
- Materials/Shaders/Drawables/Cameras
- Vertex/Fragment shader implementations
- Framebuffer Objects
- Floating point textures
- Other buzzwords
Full source code for the project is available:
Subscribe: https://www.youtube.com/channel/UCEwhtpXrg5MmwlH04ANpL8A
#js #javascript
