Three.js 渲染到纹理 [英] Three.js render to texture

问题描述

我正在与一些意想不到的行为作斗争.

I'm fighting some unexpected behavior.

似乎我无法将任何内容渲染到目标.

It seems that i can't get anything to render to target.

renderer.render( scene , cam , renderTarget , false ); // does not work, empty target

其中任何一个都会填充目标，这个虽然渲染到帧缓冲区一次

either one of these though, will fill the target, this one though renders to frame buffer once

renderer.render( scene , cam , renderTarget , false );
renderer.render( scene , cam ); //this somehow causes the renderTarget to be filled

或者这个:

renderer.setRenderTarget( renderTarget );
renderer.render( scene , cam , renderTarget , false );
renderer.setRenderTarget( null );

我做错了什么?

推荐答案

这是我渲染到 THREE.WebGLRenderTarget 的方式:

This is how I render to a THREE.WebGLRenderTarget:

var pickingScene = new THREE.Scene();
var pickingTexture = new THREE.WebGLRenderTarget(renderer.domElement.clientWidth, renderer.domElement.clientHeight);
pickingTexture.texture.minFilter = THREE.LinearFilter;

renderer.render(pickingScene, camera, pickingTexture);

这篇关于Three.js 渲染到纹理的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！