|
@@ -31,12 +31,13 @@
|
|
|
|
|
|
var scene2, renderer2;
|
|
|
|
|
|
+ var frustumSize = 500;
|
|
|
+
|
|
|
init();
|
|
|
animate();
|
|
|
|
|
|
function init() {
|
|
|
|
|
|
- var frustumSize = 500;
|
|
|
var aspect = window.innerWidth / window.innerHeight;
|
|
|
camera = new THREE.OrthographicCamera( frustumSize * aspect / - 2, frustumSize * aspect / 2, frustumSize / 2, frustumSize / - 2, 1, 1000 );
|
|
|
|
|
@@ -116,6 +117,25 @@
|
|
|
|
|
|
}
|
|
|
|
|
|
+ window.addEventListener( 'resize', onWindowResize, false );
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ function onWindowResize() {
|
|
|
+
|
|
|
+ var aspect = window.innerWidth / window.innerHeight;
|
|
|
+
|
|
|
+ camera.left = - frustumSize * aspect / 2;
|
|
|
+ camera.right = frustumSize * aspect / 2;
|
|
|
+ camera.top = frustumSize / 2;
|
|
|
+ camera.bottom = - frustumSize / 2;
|
|
|
+
|
|
|
+ camera.updateProjectionMatrix();
|
|
|
+
|
|
|
+ renderer.setSize( window.innerWidth, window.innerHeight );
|
|
|
+
|
|
|
+ renderer2.setSize( window.innerWidth, window.innerHeight );
|
|
|
+
|
|
|
}
|
|
|
|
|
|
function animate() {
|