我想创建一个(半透明(盒子
<mesh position={position} transparent opacity={0.1}>
<boxGeometry args={scale}>
<meshPhingMaterial color={(0.5, 0.5, 0.5)} opacity={0.1} transparent />
</boxGeometry>
</mesh>
我尝试了几个不透明度值,但长方体保持不透明。
怎么了?
<mesh position={position} scale={scale}>
<boxGeometry />
<meshPhongMaterial color="#ff0000" opacity={0.1} transparent />
</mesh>
您可以查阅所有这些对象的三个js文档:https://threejs.org/docs/index.html#manual/en/introduction/Creating-a-scene中列出了所有的props和构造函数args。
并且至少有一次非常快速地跳过这一部分https://docs.pmnd.rs/react-three-fiber/API/objects了解react语义。
ps。javascript中的(0.5, 0.5, 0.5)
只是意味着它将返回最后一个数字。CCD_ 2得3。
pps。最好缩放网格,而不是构造函数args。如果您更改args,则必须重新创建对象,因为您确实执行了new BoxGeometry(scale)
。另一方面,在网格上,它不必这样做,而且速度更快。