如何在WebGL中实现一个简单的立方体而不使用任何像glMatrix等库？

Question

我正在学习 Three.js，这个库很棒，它简化了我的开发过程。但今天我想开始学习普通的 WebGL 只是为了更好地理解，我想从头开始实现基本示例，而不使用任何已经完成的 JavaScript 库，如 glMatrix、sylvester、j3di 等......

我尝试在网络中搜索一些简单的示例，但是任何接近简单的示例（我的意思是在这种情况下“不使用任何附加库”）都使用一些库。

当然，当你开发产品来节省时间时，使用库是非常好的，但我今天的目标不同，我只是想了解如何从头开始在 WebGL 中制作平面、立方体等，以便更好地理解。

我要求提供这样的示例，因为即使在 MDN 或 Khronos 官方 wiki 中也有使用库的建议：

那么你能帮我展示一些带有立方体或平面的 WebGL 示例吗，它不使用任何库。

Answer 1

我认为格雷格曼的这篇文章涵盖了您正在寻找的所有内容，并且不依赖于任何第三方数学库。