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

Question

在Three.js中，如何在平面内创建透明孔，以便只能看到孔下方的对象。类似于canvasRect的东西。

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”它也是一个透明的图像。您可以使用带孔的透明图像替换它。