Three.js - Trying To Include A Subwindow Into Main Window

I try to include, into a main window (representing sphere), a subwindow representing a zoomed view of this sphere. For this moment, I can display a right-bottom subwindow containin

Solution 1:

You want to render another view of your scene in an inset window.

Create one scene, and two cameras.

Make sure you set autoClear to false when you instantiate the renderer.

renderer.autoClear = false;

Then, in your render loop, use this pattern

// render scene
renderer.clear();
renderer.setViewport( 0, 0, window.innerWidth, window.innerHeight );
renderer.render( scene, camera );

// render inset
renderer.clearDepth(); // important!
renderer.setViewport( 10, window.innerHeight - insetHeight - 10, insetWidth, insetHeight );
renderer.render( scene, camera2 );

three.js r.75