Three.js中的着色器中的多个缓冲区。WebGL与setRenderTarget而不是renderTarget
Three.js中的着色器中的多个缓冲区。WebGL与setRenderTarget而不是renderTarget
提问于 2020-09-28 12:09:19
我试图了解如何用多个缓冲区在three.js中编写一个着色器，方法是从着色器中转换一个着色器。我找到了这个例子：https://codepen.io/lickedwindows/pen/jGOLJr
但是，当我使用最新版本的Three.js运行它时，会遇到以下错误：
"THREE.WebGLRenderer.render()：renderTarget参数已被删除。请使用.setRenderTarget()代替。“"THREE.WebGLRenderer.render()：forceClear参数已被删除。请使用.clear()代替。“
我试图改变这种状况，但却想不出怎么做。如何将此代码转换为使用最新版本的three.js编译的正确代码？
基本上，我想在three.js中找到一个用于编写多缓冲着色器的样板
//Create 2 buffer textures
textureA = new THREE.WebGLRenderTarget(window.innerWidth, window.innerHeight, { minFilter: THREE.LinearFilter, magFilter: THREE.NearestFilter });
textureB = new THREE.WebGLRenderTarget(window.innerWidth, window.innerHeight, { minFilter: THREE.LinearFilter, magFilter: THREE.NearestFilter });回答 1
Stack Overflow用户
发布于 2020-09-28 18:41:47
您的演示程序使用了Three.js r85，这有点过时。到2020年9月，我们有了r120，现在您必须在每次向目标呈现时使用renderer.setRenderTarget(renderT);。您可以在docs：https://threejs.org/docs/#api/en/renderers/WebGLRenderer.setRenderTarget中读到这方面的内容。
这是一种新方法：
var textureA = new THREE.WebGLRenderTarget(window.innerWidth, window.innerHeight);
var textureB = new THREE.WebGLRenderTarget(window.innerWidth, window.innerHeight);
renderer.setRenderTarget(textureA);
renderer.render(scene1, camera1);
renderer.setRenderTarget(textureB);
renderer.render(scene2, camera2);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64108975
复制相关文章
相似问题
SpriteBatch绘制到后台缓冲区而不是RenderTarget？
Three.js着色器的旋转(WebGL着色器)
从webgl中的着色器中更新缓冲区
WebGL:从着色器访问缓冲区
WebGL/three.js片段着色器-覆盖α-透明纹理与α-透明颜色
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
