在JavaScript / HTML5中显示3D模型

时间:2012-07-05 18:10:59

标签: javascript html5 3d webgl

我正在寻找在浏览器中渲染3D模型。我应该使用什么工具/我应该看哪些地方?

我不知道该模型的数据格式是什么,我可能会要求以我想要的任何方式格式化数据。

我正在查看three.js但似乎它需要WebGL才能工作,这似乎在IE中不受支持。

"跨浏览器兼容的HTML 3d渲染引擎"存在? :)

4 个答案:

答案 0 :(得分:22)

我还没有使用3D,但我知道在HTML5上为3D资源进行资源调整的好地方。

http://www.html5rocks.com/en/gaming

这是一个关于如何使用Three.js框架创建3D模型的教程。

http://www.html5rocks.com/en/tutorials/three/intro/

这可能会对你有所帮助。祝你好运。

答案 1 :(得分:6)

我也需要你一直在寻找并做了一些研究。

我找到了 JSC3D https://code.google.com/p/jsc3d/)。 这是一个完全用Javascript编写的项目,使用HTML画布。它已经过Opera,Chrome,Firefox,Safari,IE9等测试。

然后您有 p3d.in Sketchfab 等服务,这些服务可以让您在网页上查看3D模型:他们使用HTML5和WebGL。他们都有免费版本。

答案 2 :(得分:3)

您是否使用maya等3D工具?对于玛雅你可以看看http://www.inka3d.com

答案 3 :(得分:1)

未来几年,我会投票支持three.js,因为

即11支持webgl(由于我通常使用chrome,我无法向你保证的程度)

并且,就将外部模型导入three.js而言,这里是mrdoob更新的加载器的链接(这么多!)

http://threejs.org/examples/webgl_loader_json_blender.html以及更多