three.js - 如何在three.js中创建平面中的透明孔

Question

在 Three.js 中，如何在平面内创建透明孔，以便只有孔下方的对象可见。像画布的 clearRect 之类的东西。

Answer 1

我正在用 Blender 和 PSP 做这个。所以我的情况如下：

1. 在 PS 或 PSP 中创建带有孔的透明图像。
2. 打开 Blender 并创建你的飞机。使用您刚刚在其上创建的透明纹理。
3. 将 Blender 场景导出到 collada 文件中。
4. 使用示例 .html-s 来显示 collada 文件。

这是我的工作解决方案。如果你愿意，我可以给你工作代码。

或者，如果您不熟悉 Blender 和这个 collada 相关的东西，那么您应该使用他们使用透明图像的示例文件（例如：webgl_particles_billboards.html）。看看“textures/sprites/disc.png”它也是一个透明的图像。您可以将其替换为带有孔的透明图像。