Three.js:导入并使用三维模型

Three.js: Import and use 3d models

本文关键字：三维 模型 js 导入 Three      更新时间：2023-09-26

你好我已经在网上搜索了很多关于这件事的信息，但没有得到任何有效的信息。我的问题是：如何使用collada、stl、obj等三维模型，并将其与示例model.position.rotation=10;一起移动？

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

Tnx

我总是将.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()
            });             
        }

不能说太多关于如何使用Three.js移动、旋转或操纵模型的内容，但我记得Blender有一些转换器脚本和一些导出器脚本，可以将不同的3D Modell类型转换为Three.js.

此链接可能会对您有所帮助。它提供了到转换器脚本的链接，甚至在示例代码中显示了旋转！

相关文章：