小编Red*_*all的帖子

在 Three.js 中以线框模式显示加载的 OBJ 模型

我想以线框模式显示加载的 .obj 文件。我了解了 WireFrameGeometry 但出于某种原因 .mtl 纹理只能显示。

下面是代码..

  /* Model */

 var mtlLoader = new THREE.MTLLoader();
 mtlLoader.setBaseUrl('assets/');
 mtlLoader.setPath('assets/');
 mtlLoader.load('materialfile.mtl', function(materials) {

     materials.preload();


     var objLoader = new THREE.OBJLoader();
     objLoader.setMaterials(materials);
     objLoader.setPath('assets/');
     objLoader.load('Objectfile.obj', function(object) {

         object.traverse(function(child) {

             if (child.isMesh) {

                 var wireframeGeomtry = new THREE.WireframeGeometry(child.geometry);
                 var wireframeMaterial = new THREE.LineBasicMaterial({
                     color: 0xffffff
                 });
                 var wireframe = new THREE.LineSegments(wireframeGeomtry, wireframeMaterial);
                 child.add(wireframe);

             }
         });
         scene.add(object);

     });

 });

Run Code Online (Sandbox Code Playgroud)

我只想要模型的线框,没有任何填充..

提前致谢。

整个代码如下...


<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <script src="three.js"></script>
    <script src="TrackballControls.js"></script>
    <script …
Run Code Online (Sandbox Code Playgroud)

wireframe three.js 3d-model

3
推荐指数
1
解决办法
1833
查看次数

标签 统计

3d-model ×1

three.js ×1

wireframe ×1