使用 alpha 贴图时在 three.js 中显示重叠对象

Question

在我的 three.js 项目中，我有两个对象。一个是金戒指，另一个是钻石。现在我想 "cut out" 一块戒指，然后在孔中放置一个钻石框架。

我创建了一个用于测试的 alpha 贴图并将其应用到戒指 material。我还将钻石定位在戒指现在透明的位置上方。

一切似乎都很好，除了我仍然看不到钻石 "inside" 戒指。查看 this and this post 后，我已将钻石上的 renderOrder 设置为 1，但这没有帮助。

Answer 1

好吧最后证明这是一个非常愚蠢的错误。我忘了在 material 上设置 transparent: true。