javascript - 如何在 Three.js 中查看两侧的自定义 2D 形状

标签 javascript three.js custom-object

我对 Three.js 和 3D 编程不太熟悉,我用 Three.js 绘制了一个扇区,我可以在一个方向上看到对象,但在相反的方向上看不到它,看起来Three.js 示例 here有同样的现象,我怎样才能在两种方向看到物体?

var squareShape = new THREE.Shape();
var arc = 1/6*Math.PI
var len = 20
squareShape.moveTo( 0,0 );
squareShape.absarc( 0, 0, 20, 4/3*Math.PI, 5/3*Math.PI, false );
squareShape.moveTo( 0, 0 );
var geometry = new THREE.ExtrudeGeometry( squareShape,  {amount:0.1} );
var mesh = THREE.SceneUtils.createMultiMaterialObject( geometry, [ new THREE.MeshLambertMaterial( { color: 0xff0000 ,opacity: 1.0} ), new THREE.MeshBasicMaterial( { color: 0xff0000, wireframe: true, transparent: true ,opacity: 1.0} ) ] );
mesh.position.set( 10, 10, 10  );
mesh.rotation.set( Math.PI/2, 0, Math.PI/2 );
scene.add( mesh );

最佳答案

就你而言,它是

new THREE.MeshLambertMaterial( { color: 0xff0000, opacity: 1.0, side: THREE.DoubleSide } )

关于javascript - 如何在 Three.js 中查看两侧的自定义 2D 形状,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14310447/

相关文章:

javascript - Three.js 在点击时改变旋转

swift - 在 Swift 中访问共享容器中的自定义对象

javascript - 将播放列表添加到 iframe 标记

javascript - chrome扩展消息传递空div

javascript - Three.js LoadingManager onProgress 只在完成后才工作?

mongodb - 在 mongodb 集合中存储一个 three.js 场景

javascript - 通过字符串 var 获取自定义对象属性

powershell - PowerShell:开始作业,接收作业:无返回值

javascript - d3.js v4 条形图,y 轴上有负值

javascript - Bluebird Promise 串行迭代,并解析到修改后的数组?