2D 减去 3D 对象，使背景可见？答案

【问题标题】：2D-subtract 3D objects, to make background visible?2D 减去 3D 对象，使背景可见？
【发布时间】：2012-07-23 07:48:12
【问题描述】：

对于一个AR类型的应用，我想知道：

是否可以2D-subtract一个 WebGL 3D 渲染从另一个渲染，以使背景显示出来？

例如，截至 2012-07-22 CEST 完全使用 2D 画布实现：Reality Builder (source)

请注意，您可以将照片中显示的红色块在块后面移动。这样做如下：

【问题讨论】：

【解决方案1】：

如果您将拦截器对象的material.opacity 设置为0 并首先渲染它，您应该可以做一些技巧。

【讨论】：

有效！我刚刚修改了 Three.js README.md (r49) 中的示例，将渲染器更改为 WebGL，将 Wireframe 设置为 false 并将带有 opacity: 0 的第二个立方体添加到场景中（之后 i> 但是，第一个立方体）。第二个立方体在第一个立方体前面的部分然后被减去，让背景图像显示出来。