javascript - 将 ThreeJS 代码转换为 WebGL 的工具？

Question

有人知道存在 ThreeJS 到 WebGL 转换器吗？或者你能给我一些关于如何制作 ThreeJS 到 WebGL 转换器的见解吗？

Answer 1

Three.js 是一个基于 WebGL 的 3D 渲染引擎，或者应该说是库。

Three.js所做的都是纯粹的WebGL，不需要任何类型的转换。代码有点抽象，因此您无需手动创建缓冲区、启用顶点数组和创建着色器，只需加载模型、选择 Material 并发出绘制调用即可。

Three.js 代码已经是 webGL 代码，只是进行了糖衣处理，因此更易于使用。

关于 WebGL 和 OpenGL。 WebGL 就像一些旧版本的 OpenGL。虽然 OpenGL 的较新版本 (4.x) 具有许多新功能，但 WebGL 与 OpenGL 2.0 (ES) 规范非常相似。这意味着缺乏功能，但代码可以轻松地在 OGL2.0 和 WebGL 之间转换。

WebGL 是一个 JavaScript API。这意味着您在 JavaScript 中编写特定于 WebGL 技术的函数，并且这些函数实际上与您的 GPU 进行通信。因此，JavaScript 是用于编写支持浏览器的 3D 应用程序的语言，而 WebGL 函数是 GPU 的接口(interface)。

因此，据我了解，您想要使用 Three.js，将其转换为(好吧，提取)WebGL 代码，然后将其转换为 OpenGL。

正如我所说，Three.js 实际上是 WebGL，但使用了许多漂亮的 JavaScript 功能，因此在绘制 API 函数时将 JavaScript/WebGL 代码转换为 Cpp/OpenGL 应该很简单，但数据结构可能是很痛苦。

关于 OpenGL 到 DirectX 的转换 - 这可能会更复杂，因为 DX 是一个面向对象的绘图 API，而 OpenGL 是一个状态机。另外，函数名称和数据结构非常不同。