Three.js:导入并使用3d模型

时间:2014-06-04 08:55:06

标签: javascript import model 3d three.js

您好! 我已经在网上搜索了很多关于这个的信息,但是我发现了一些有用的东西。 我的问题是:我如何使用像collada,stl,obj这样的3D模型,并使用示例model.position.rotation=10;移动它?

Whitch是以这些格式导入模型的最简单方法吗?我只需要一种格式导入我的three.js代码。

TNX!

2 个答案:

答案 0 :(得分:1)

我总是将.obj文件转换为JSON,然后将它们加载到Three.js中。 对于该转换,我使用convert_obj_three.py脚本。您只需要运行它,它将完成转换的所有工作。

对于加载部分,您可以执行此操作(通过一些示例如何操作网格):

function addMapMesh()
        {
            var loader = new THREE.JSONLoader();
            loader.load("convertedFile.js", function(geometry){

                mesh = new THREE.Mesh( geometry, new THREE.MeshFaceMaterial(geometry.materials));

                mesh.position.x -= 5.0;
                mesh.scale.x = mesh.scale.y = mesh.scale.z = 0.05;
                mesh.rotation.x = .25*Math.PI;
                scene.add(mesh);

                //make sure mesh is loaded before renderering
                loadRestOfScene()
            });             
        }

答案 1 :(得分:0)

不能说很多关于如何使用Three.js移动,旋转或操纵模式,但我记得有一些转换器脚本和一些导出程序脚本供Blender将不同的3D模型类型分成三个。 JS。

This link可能会对您有所帮助。它提供了转换器脚本的链接,甚至在示例代码中显示了一个旋转!