三.js如何制作双面对象

Posted

技术标签:

【中文标题】三.js如何制作双面对象【英文标题】:three.js how to make double sided object 【发布时间】:2013-04-08 06:32:56 【问题描述】:

Blender 导出 obj 不导出双面对象。如何以双面模式渲染对象。我试过这个没有成功:

var loader = new THREE.OBJMTLLoader();
    loader.load('models/test.obj');
    loader.addEventListener( 'load', function ( event ) 
        objects = event.content;
        objects.position.set(0,5,0);
        objects.scale.set(1.5,1.5,1.5);
        objects.mesh.doubleSided = true;
        scene.add(objects);
    );

【问题讨论】:

【参考方案1】:

在您的情况下,您将以下内容添加到您的回调函数中:

objects.traverse( function( node ) 
    if( node.material ) 
        node.material.side = THREE.DoubleSide;
    
);

MeshdoubleSided 属性已弃用。它已被 Materialside 属性替换

另外,最好从可以使用当前版本库的三个.js 示例中学习。

three.js r.57

【讨论】:

以上是关于三.js如何制作双面对象的主要内容,如果未能解决你的问题,请参考以下文章

react js如何制作动态表格

如何用SVG制作面积图(没有JS)

三.js动画

如何用highcharts制作3d图

AEJoy —— 表达式之如何制作滑块控制效果JS

如何在javascript / vuejs中制作对象的副本[重复]