2012-07-22 42 views
1

对于AR类型的应用程序,我想知道:2D-减去3D对象,使背景可见?

是否有可能2D-减去一个使用WebGL的3D从另一个渲染,通过使背景表演?

实施例,如2012-07-22 CEST与2D画布纯粹实现的:Reality Buildersource

请注意,可以移动红色块照片所示后面块。这是这样完成的:

  1. 红色块被绘制。

  2. globalCompositeOperation设置为destination-out

  3. 块被绘制在如照片是在红色块的前块的确切相同的位置。从而从红色块中减去它们。

+0

此链接不加载...:/ – mrdoob 2012-07-22 23:47:28

+0

它托管在Nodejitsu上,其名称服务器[目前正在获取DDOSed](https://twitter.com/zerigo/status/227262239407759360)。 – feklee 2012-07-23 09:01:27

回答

1

你应该能够做一些trickiness如果设置了拦截目标的material.opacity0和第一渲染。

+0

它的工作原理!我只从修改的例子中,[three.js所](https://github.com/mrdoob/three.js/)[README.md](https://github.com/mrdoob/three.js/blob/ 6492798b46033c8b35c9d2d5cbe7251ffbcb8d89/README.md)(R49),通过改变渲染器的WebGL,设置'Wireframe'到'FALSE'并加入用'不透明性的第二立方体:0'到场景(*后*第一立方体,虽然)。所述第二多维数据集在所述第一立方体的前然后部分被减去,使背景图像显示出来。 – feklee 2012-07-23 09:37:37