代码之家 › 专栏 › 技术社区 › Alex Khoroshylov

为什么我的3.js画布掩蔽不起作用?

mask shader glsl three.js

Alex Khoroshylov · 技术社区 · 7 年前

我想复制一下这里展示的斯泽尼亚·扎德沃尼克的例子 https://medium.com/@Zadvorsky/webgl-masking-composition-75b82dd4cdfd

他的演示基于three.js r80,所以我引用了r101并试图删除大部分不相关的部分,只是在上面有网格和png掩码的场景。

评论过 // composer.addPass(maskPass) 网格出现了。但看起来不像 uniform sampler2D tDiffuse 具有render pass的输出。

我希望在画布下看到网格助手和底层HTML内容,其中mask使画布透明。

更新 ,正在工作,感谢@Mugen87: http://jsfiddle.net/mmalex/y2kt3Lrf/

0 回复 | 直到 7 年前

Mugen87 7 年前

你的小提琴文件不匹配。如果我使用最新版本的 three.js 以及相应的后处理类,您的代码可以正常工作:

三.js 已经否决了 renderTarget 和 forceClear 参数来自 WebGLrenderer.render() 具有 R102 . 更改完成后,必须更改examples目录中的许多文件,以避免警告甚至破坏。所以使用最新的后处理类 三.js 版本不起作用。

因为更改列在 release note ,我建议您阅读相应的PRs以了解更多详细信息。

推荐文章

user714171 · RenderDoc不让我调试吗?

1 年前

Oliver · 使用glslc从vulkan教程编译顶点着色器时出现错误:尚不支持链接中的多个文件

2 年前

user17328284 · 无法从OpenGL中的着色器程序设置多行的厚度的问题[重复]

2 年前

certrue · Godot将具有不同着色器的图像渲染到纹理

2 年前

Haerang Lee · 它是如何在Unity StandardSurfaceshader中使用自定义照明功能的

3 年前

geniar99s · 使用着色器进行三个JS滑块过渡?

3 年前

JS4137 · OpenGL-如何同时渲染无纹理的四边形和纹理四边形

3 年前

ããã¯ è¡æ ãªæç« ã · 使用着色器和MonoGame绘制颜色之间的边界

3 年前

Community wiki · 基于GLSL的投影/模型视图使对象不可见

3 年前

Guillaume Voiron · 如何使用WebGL和仅一个顶点着色器绘制多条Bézier曲线?

3 年前