three.js中绘制RingGeometry不显示

在项目中想要实现圆弧绕立方体旋转的效果 结果绘制出来的圆弧不显示 多次调整位置 圆弧终于显示出来了 但只有一个角度能观察到

这个角度可以看到

three.js中绘制RingGeometry不显示_第1张图片

换个角度又不行了

three.js中绘制RingGeometry不显示_第2张图片

查看了官方文档发现原来是少了个配置项side: THREE.DoubleSide

const ringMaterial = new THREE.MeshBasicMaterial({ color: 0xffffff, side: THREE.DoubleSide })

 加上之后运行就可以显示了

three.js中绘制RingGeometry不显示_第3张图片

 

 

你可能感兴趣的:(笔记,javascript,前端,vue.js)