Rendering multiple scenes on same canvas

You can use the renderers scissor test.
I have an example here: Anistropic Filtering - Three.js Tutorials (sbcode.net)

See lines 148 - 161. Left and right of canvas render different scenes.

Read more about scissors here : WebGLRenderer#setScissor – three.js docs (threejs.org)

Also, if you want to render multiple scenes at the same time, there is no problem with using different canvases.
Example : Scene, Camera and Renderer - Three.js Tutorials (sbcode.net)

1 Like