render to custom RenderTarget using Three.js

mofangbao — Tue, 29 May 2018 09:05:25 GMT

Hello,everyone:

I'm working on render a three.js scene to texture,so i can postprocess the texture and use in another scene,but i found that creating custom THREE.WebGLRenderTarget doesn't work. I'v read many articles and codes relate to externalRenderers and tried for serveral days,so if you can help,i will so appreciate.

Here is my render method for renderer:

render(context?:any) {

this.updateCamera(context);

this.updateLights(context);

this.renderer.state.reset();

this.renderer.render(this.scene, this.camera);

for (let targetOptKey in this.targetsToRender) {

let targetOpt = this.targetsToRender[targetOptKey];

this.renderer.render(targetOpt.scene, this.camera, targetOpt.target);

targetOpt.rendered(targetOpt);

if (targetOpt.once) {

this.removeTarget(targetOptKey);

}

context.resetWebGLState();

this.fire('rendered', {});

if (this._animiating) {

this.fire('animiating', { delta: this.clock.getDelta(), tick: this.clock.getElapsedTime() });

externalRenderers.requestRender(this.view);

}

and also inject context.bindRenderTarget() to three renderer's setRenderTarget method.

Thanks a lot.

topic render to custom RenderTarget using Three.js in ArcGIS JavaScript Maps SDK Questions

render to custom RenderTarget using Three.js