Javascript 将ThreeJS代码转换为WebGL的工具?

Javascript 将ThreeJS代码转换为WebGL的工具?,javascript,opengl-es,three.js,webgl,Javascript,Opengl Es,Three.js,Webgl,有人知道存在ThreeJS到WebGL的转换器吗?或者,你能告诉我如何制作一个3JS到WebGL的转换器吗?Three.js是一个基于WebGL的3D渲染引擎,或者应该说是库 Three.js所做的都是纯WebGL,不需要任何形式的转换。代码只是有点抽象,所以您不需要手动创建缓冲区、启用顶点数组和创建着色器,只需加载模型、选择材质并发出绘制调用即可 Three.js代码已经是一个webGL代码,只是糖衣,所以更易于使用 关于WebGL和OpenGL。WebGL类似于OpenGL的一些旧版本。虽然

有人知道存在ThreeJS到WebGL的转换器吗?或者,你能告诉我如何制作一个3JS到WebGL的转换器吗?

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

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

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的接口

所以,据我所知,您需要使用Three.js,将其转换为(嗯,提取)WebGL代码,然后将其转换为OpenGL

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


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

好的,那么我是否要克隆three.js repo并尝试从build->three.js提取WebGL API调用?此外,由于我对WebGL没有太多经验,所以我需要在实现这一点上有指导。所有其他的事情都是在思考之后,我只需要从ThreeJS库中提取WebGL代码,是否有任何实用程序可以实现这一点?简短回答-是的,手动提取。工具-不需要。您需要一步一步地完成代码和执行阶段,并“转换”所需的部分。使用调试选项来检查代码,但是没有工具可以完成90%的开箱即用的工作。所有webGL都在Three.js中,但您需要找到您感兴趣的部分。Three.js将基于其“对象模型”的参数构建一系列webGL命令。它将JavaScript属性转换为纯WebGL代码。。。。基本上,Three.js通过将js转换为WebGLYes实现了您的要求,但是我如何导出实际的WebGL代码呢?例如,我如何从这个BTW中获取WebGL代码这是一般性的,不是专门针对任何人的,但是如果A.他们不确定它在问什么,或者B.不关心它,为什么会有人否决这个问题或其他问题。请记住,这里的人只是想学习记住这一点。@AlexW那么,有没有办法在浏览器编译WebGL代码之前,使用chrome开发工具或其他什么工具导出WebGL代码?您需要深入了解其核心的Three.js输出。我已经有一段时间不熟悉它了,但是它会将参数传递到这个文件中的WebGL上下文