Display different scenes sharing resources on multiple canvases

Question

I\'m using three.js to create an interactive web application, and I\'ve run into a little stumbling block:

I have a number of canvases contained in draggable divs on

Answer 1

Unfortunately you can not (yet) share resources across canvases. A couple of options

1. Render the different viewports in different parts of the same canvas.

   Example: http://webglsamples.org/multiple-views/multiple-views.html

2. Make a canvas that covers the entire window, use place holder elements to figure out where to draw, use getClientBoundingRect to set the viewport & scissor settings to draw scenes in each element

   Example: Is it possible to enable unbounded number of renderers in THREE.js?

3. Render the scene to an offscreen canvas then draw it into a visible canvases.