Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在three.js中创建平面中的透明孔_Three.js - Fatal编程技术网

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

如何在three.js中创建平面中的透明孔,three.js,Three.js,在Three.js中,如何在平面内创建透明孔,以便只有孔下方的对象可见。类似于画布的clearRect 我正在用Blender和PSP做这件事。 因此,我的设想如下: 在PS或PSP中创建一个带有孔的倾斜图像 打开混合器并创建您的平面。使用刚刚在其上创建的透明纹理 将混合器场景导出到collada文件中 在sample.html-s上使用,以显示collada文件 这是我的工作方案。如果你愿意,我可以给你工作代码 或者,如果您不熟悉Blender和这个collada相关的东西,那么您应该使用它们

在Three.js中,如何在平面内创建透明孔,以便只有孔下方的对象可见。类似于画布的clearRect

我正在用Blender和PSP做这件事。 因此,我的设想如下:

  • 在PS或PSP中创建一个带有孔的倾斜图像
  • 打开混合器并创建您的平面。使用刚刚在其上创建的透明纹理
  • 将混合器场景导出到collada文件中
  • 在sample.html-s上使用,以显示collada文件
  • 这是我的工作方案。如果你愿意,我可以给你工作代码

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