【问题标题】:Three.js: Import and use 3d modelsThree.js:导入和使用 3d 模型
【发布时间】:2014-07-24 20:12:44
【问题描述】:

你好! 我在网上搜索了很多关于此的内容,但没有找到任何有效的方法。 我的问题是:我如何使用 collada、stl、obj 等 3d 模型并通过示例model.position.rotation=10; 移动它?

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

Tnx!

【问题讨论】:

    标签: javascript import model 3d three.js


    【解决方案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()
                });             
            }
    

    【讨论】:

    • 你觉得你能解释一下把它放在哪里和使用它吗?我已经尝试过,但我无法让它工作。 :( 比如:我应该为“几何”添加一些东西吗?“loadrestofscene”是什么意思?对不起,我是three.js的新手:P
    • 在您的代码中看起来不错,似乎有什么问题?是否旋转?
    【解决方案2】:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2019-03-07
      • 2018-10-31
      • 2019-09-20
      • 2020-05-03
      • 2019-05-19
      • 1970-01-01
      • 2017-03-09
      相关资源
      最近更新 更多