Three-rt-helper: visualize WebGLRenderTarget in realtime

[felixmariotto]

Resizable canvas element that shows the output of a WebGLRenderTarget in realtime.

jsFiddle

Github

NPM

[Fyrestar]

I made the same longer ago ^^ it also supports multiple thumbs with different encoding, shader injection and a popup window for zooming.

THREE.RenderTargetInspector

[RTI-01] This is a small helper tool to view render targets and data textures, displaying thumbnails and a separate viewer window when you click on a thumb, in the viewer you can zoom in and pick the pixel values. Click on the small rectangle to save it as image. With the arrows you can place the thumbs bar where it doesn’t cover your overlay if any. [RTI] I just made it for some quick inspection and comparing of values, unfortunately it seems Firefox has a bug with drawImage using the onsc…

[felixmariotto]

@Fyrestar ah… I didn’t remember this, it would have save me a few hours