MENU

Fun & Interesting

[03] WebGL Tutorial - Intro to 3D

Indigo Code 3,472 lượt xem 11 months ago
Video Not Working? Fix It Now

Two dimensional WebGL graphics are fun, but what about THREE dimensions?

In this video:
* How vectors and matrices help with geometry things
* Using linear algebra (via gl-matrix library) to project 3D shapes onto 2D surfaces
* Useful WebGL features - index buffers, depth testing, back-face culling
* GLSL and uniforms for using matrices in shaders

-----------------------------

Text version of this tutorial: (coming soon!)

Source code on GitHub: https://github.com/sessamekesh/webgl-tutorials-2023/tree/main/src/03-intro-to-3d

3B1B Quaternions video: https://www.youtube.com/watch?v=zjMuIxRvygQ

Mozilla 3D rendering tutorial: https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Tutorial/Creating_3D_objects_using_WebGL

Webpack basic TypeScript setup page: https://webpack.js.org/guides/typescript/#basic-setup

Comment