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

How to implement a simple cube in WebGL without using any libraries as glMatrix and etc?

本文关键字：立方体 glMatrix 任何库 一个 WebGL 实现 简单      更新时间：2023-09-26

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

我试着在网上搜索一些简单的例子，但任何样本，这是接近简单(我的意思是"不使用任何额外的库"在这种情况下)使用一些库。

当然，当你开发一个产品来节省你的时间时，使用库是非常好的，但我今天的目的是不同的，我只是想了解如何从头开始在WebGL中制作平面，立方体和其他东西，只是为了更好地理解。

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

  • MDN: https://developer.mozilla.org/en-US/docs/Web/WebGL/Creating_3D_objects_using_WebGL (sylvester.js, glUtils.js)
  • Khronos: http://www.khronos.org/webgl/wiki/Tutorial (webgl- utis3d .js, J3DI.js)

所以你能帮我展示一些WebGL的立方体或平面的例子，它不使用任何库。

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

http://games.greggman.com/game/webgl-3d-cameras/

http://greggman.github.io/webgl-fundamentals/webgl/lessons/webgl-3d-camera.html

相关文章：