diff --git a/examples/canvas_geometry_cube.html b/examples/canvas_geometry_cube.html
index 86737ebb4bf451df8446f4b9e23ba7aec43c455f..5f488c823aa7fc6567b376096ac377b6c4c4f514 100644
--- a/examples/canvas_geometry_cube.html
+++ b/examples/canvas_geometry_cube.html
@@ -100,8 +100,8 @@
function onWindowResize() {
- windowHalfX = window.innerWidth / 2,
- windowHalfY = window.innerHeight / 2,
+ windowHalfX = window.innerWidth / 2;
+ windowHalfY = window.innerHeight / 2;
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
diff --git a/examples/canvas_geometry_earth.html b/examples/canvas_geometry_earth.html
index 1716b20d2679b5c4bed61ac8d6c84831b7998035..26944232f3a2c555fcf5d6272c3c5751086044e8 100644
--- a/examples/canvas_geometry_earth.html
+++ b/examples/canvas_geometry_earth.html
@@ -124,8 +124,8 @@
function onWindowResize() {
- windowHalfX = window.innerWidth / 2,
- windowHalfY = window.innerHeight / 2,
+ windowHalfX = window.innerWidth / 2;
+ windowHalfY = window.innerHeight / 2;
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
diff --git a/examples/canvas_geometry_hierarchy.html b/examples/canvas_geometry_hierarchy.html
index d2df448800d271bfdfddce79b0c977657b670506..1b73eff225f695e95fd9837d4b4987e9cc3004be 100644
--- a/examples/canvas_geometry_hierarchy.html
+++ b/examples/canvas_geometry_hierarchy.html
@@ -90,8 +90,8 @@
function onWindowResize() {
- windowHalfX = window.innerWidth / 2,
- windowHalfY = window.innerHeight / 2,
+ windowHalfX = window.innerWidth / 2;
+ windowHalfY = window.innerHeight / 2;
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
diff --git a/examples/canvas_geometry_terrain.html b/examples/canvas_geometry_terrain.html
index 6a198993674e6a9d5b00e3c4d1c0ba03e0e23fde..60e6f0eec719df33aeeae964f902c8c381acb3fd 100644
--- a/examples/canvas_geometry_terrain.html
+++ b/examples/canvas_geometry_terrain.html
@@ -106,8 +106,8 @@
function onWindowResize() {
- windowHalfX = window.innerWidth / 2,
- windowHalfY = window.innerHeight / 2,
+ windowHalfX = window.innerWidth / 2;
+ windowHalfY = window.innerHeight / 2;
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
diff --git a/examples/canvas_geometry_text.html b/examples/canvas_geometry_text.html
index fcc413e6a5c73a210ee27341e40211ce0f0ef5de..141b4ef555a49f954168ac6d7a02ec75781df217 100644
--- a/examples/canvas_geometry_text.html
+++ b/examples/canvas_geometry_text.html
@@ -128,8 +128,8 @@
function onWindowResize() {
- windowHalfX = window.innerWidth / 2,
- windowHalfY = window.innerHeight / 2,
+ windowHalfX = window.innerWidth / 2;
+ windowHalfY = window.innerHeight / 2;
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
diff --git a/examples/canvas_lines.html b/examples/canvas_lines.html
index 559bf3a218cc0aef4500b382b36051f3e96e6eae..c7c63ef904f579d5ede4a0795a8ccb18de181cfb 100644
--- a/examples/canvas_lines.html
+++ b/examples/canvas_lines.html
@@ -106,8 +106,8 @@
function onWindowResize() {
- windowHalfX = window.innerWidth / 2,
- windowHalfY = window.innerHeight / 2,
+ windowHalfX = window.innerWidth / 2;
+ windowHalfY = window.innerHeight / 2;
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
diff --git a/examples/canvas_lines_sphere.html b/examples/canvas_lines_sphere.html
index f6eb9bd2e71bcb1ed343f4a3d5a573eb39d4391b..307c897952f86b38afd5aad05693ece11417474e 100644
--- a/examples/canvas_lines_sphere.html
+++ b/examples/canvas_lines_sphere.html
@@ -120,8 +120,8 @@
function onWindowResize() {
- windowHalfX = window.innerWidth / 2,
- windowHalfY = window.innerHeight / 2,
+ windowHalfX = window.innerWidth / 2;
+ windowHalfY = window.innerHeight / 2;
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
diff --git a/examples/canvas_materials_video.html b/examples/canvas_materials_video.html
index 88af15b12839b93dd29e8ba2bcf38ad665056ac3..a4fc1408705daef1af0baa162967891ea15c2457 100644
--- a/examples/canvas_materials_video.html
+++ b/examples/canvas_materials_video.html
@@ -174,8 +174,8 @@
function onWindowResize() {
- windowHalfX = window.innerWidth / 2,
- windowHalfY = window.innerHeight / 2,
+ windowHalfX = window.innerWidth / 2;
+ windowHalfY = window.innerHeight / 2;
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
diff --git a/examples/canvas_particles_floor.html b/examples/canvas_particles_floor.html
index f800bd5d94d4039fa843588e07ae10f24bd95ce8..a94c335bfc3edaf4a75169842ca071610cabacfb 100644
--- a/examples/canvas_particles_floor.html
+++ b/examples/canvas_particles_floor.html
@@ -97,8 +97,8 @@
function onWindowResize() {
- windowHalfX = window.innerWidth / 2,
- windowHalfY = window.innerHeight / 2,
+ windowHalfX = window.innerWidth / 2;
+ windowHalfY = window.innerHeight / 2;
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
diff --git a/examples/canvas_particles_random.html b/examples/canvas_particles_random.html
index 50883b09255984fe135ad9f086953dae3b6b9ded..9ec018f0e5244ad5b07340fb25d787824fd130ed 100644
--- a/examples/canvas_particles_random.html
+++ b/examples/canvas_particles_random.html
@@ -90,8 +90,8 @@
function onWindowResize() {
- windowHalfX = window.innerWidth / 2,
- windowHalfY = window.innerHeight / 2,
+ windowHalfX = window.innerWidth / 2;
+ windowHalfY = window.innerHeight / 2;
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
diff --git a/examples/canvas_particles_shapes.html b/examples/canvas_particles_shapes.html
index 81786669eea41ca5106092f6baab35cea495d9a9..fd5b47150fcce743020b70ebddded7129ec51f1a 100644
--- a/examples/canvas_particles_shapes.html
+++ b/examples/canvas_particles_shapes.html
@@ -190,9 +190,11 @@
};
- var onParticleCreated = function(p) {
+ var onParticleCreated = function( p ) {
+
var position = p.position;
p.target.position = position;
+
};
var onParticleDead = function(particle) {
@@ -246,8 +248,8 @@
function onWindowResize() {
- windowHalfX = window.innerWidth / 2,
- windowHalfY = window.innerHeight / 2,
+ windowHalfX = window.innerWidth / 2;
+ windowHalfY = window.innerHeight / 2;
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
diff --git a/examples/canvas_particles_sprites.html b/examples/canvas_particles_sprites.html
index 2d7766bf6670475d3334d49e5ae9972e70d68d8e..c4004d3958e20df647f68982d5b942c4857b9dcd 100644
--- a/examples/canvas_particles_sprites.html
+++ b/examples/canvas_particles_sprites.html
@@ -81,8 +81,8 @@
function onWindowResize() {
- windowHalfX = window.innerWidth / 2,
- windowHalfY = window.innerHeight / 2,
+ windowHalfX = window.innerWidth / 2;
+ windowHalfY = window.innerHeight / 2;
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
diff --git a/examples/canvas_particles_waves.html b/examples/canvas_particles_waves.html
index 1bf25abd4b96e069af4be02fc41479f422a8251f..7aaeb187b5fe1eb2554b0d603830c9c486272e2c 100644
--- a/examples/canvas_particles_waves.html
+++ b/examples/canvas_particles_waves.html
@@ -102,8 +102,8 @@
function onWindowResize() {
- windowHalfX = window.innerWidth / 2,
- windowHalfY = window.innerHeight / 2,
+ windowHalfX = window.innerWidth / 2;
+ windowHalfY = window.innerHeight / 2;
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
diff --git a/examples/canvas_sandbox.html b/examples/canvas_sandbox.html
index 70bbd1ff21155fa8e43991eff36507a5fd0982a2..df002ecb1f91a1b1b955cc41f2930e6f5f9c292d 100644
--- a/examples/canvas_sandbox.html
+++ b/examples/canvas_sandbox.html
@@ -164,8 +164,8 @@
function onWindowResize() {
- windowHalfX = window.innerWidth / 2,
- windowHalfY = window.innerHeight / 2,
+ windowHalfX = window.innerWidth / 2;
+ windowHalfY = window.innerHeight / 2;
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
diff --git a/examples/webgl_lines_colors.html b/examples/webgl_lines_colors.html
index 2887d6cf0262b05fb0f12ebb37c3072874c5ff8a..59c1ba89ef228a2cc9aa7bb3c1f9db1df06526a3 100644
--- a/examples/webgl_lines_colors.html
+++ b/examples/webgl_lines_colors.html
@@ -185,8 +185,8 @@
function onWindowResize() {
- windowHalfX = window.innerWidth / 2,
- windowHalfY = window.innerHeight / 2,
+ windowHalfX = window.innerWidth / 2;
+ windowHalfY = window.innerHeight / 2;
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
diff --git a/examples/webgl_loader_obj.html b/examples/webgl_loader_obj.html
index 42d40a4b6a190e77f2772ee14b37156af41157be..dbeb3951ae69c50005c9321fa8013bf8b55f9ad8 100644
--- a/examples/webgl_loader_obj.html
+++ b/examples/webgl_loader_obj.html
@@ -120,8 +120,8 @@
function onWindowResize() {
- windowHalfX = window.innerWidth / 2,
- windowHalfY = window.innerHeight / 2,
+ windowHalfX = window.innerWidth / 2;
+ windowHalfY = window.innerHeight / 2;
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
diff --git a/examples/webgl_loader_scene.html b/examples/webgl_loader_scene.html
index cca6513c2b5432dca2610a57ae6e8d9698fcb305..70a64ac263d14da066c5b8f0e574eb2051eec80e 100644
--- a/examples/webgl_loader_scene.html
+++ b/examples/webgl_loader_scene.html
@@ -319,8 +319,8 @@
function onWindowResize() {
- windowHalfX = window.innerWidth / 2,
- windowHalfY = window.innerHeight / 2,
+ windowHalfX = window.innerWidth / 2;
+ windowHalfY = window.innerHeight / 2;
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
diff --git a/examples/webgl_loader_scene_blender.html b/examples/webgl_loader_scene_blender.html
index 295a91b6bbf56ac95bd5075f0ce6763416f545ff..48411c419a7e85ea585e798a223f7ea60d8374a8 100644
--- a/examples/webgl_loader_scene_blender.html
+++ b/examples/webgl_loader_scene_blender.html
@@ -286,8 +286,8 @@
function onWindowResize() {
- windowHalfX = window.innerWidth / 2,
- windowHalfY = window.innerHeight / 2,
+ windowHalfX = window.innerWidth / 2;
+ windowHalfY = window.innerHeight / 2;
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
diff --git a/examples/webgl_loader_utf8.html b/examples/webgl_loader_utf8.html
index cd9562418013a47904d83368d0a65bf9c9d3561d..499a3bd89293a0050bacadb9d0ea64d26aaaa97a 100644
--- a/examples/webgl_loader_utf8.html
+++ b/examples/webgl_loader_utf8.html
@@ -133,8 +133,8 @@
function onWindowResize() {
- windowHalfX = window.innerWidth / 2,
- windowHalfY = window.innerHeight / 2,
+ windowHalfX = window.innerWidth / 2;
+ windowHalfY = window.innerHeight / 2;
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
diff --git a/examples/webgl_lod.html b/examples/webgl_lod.html
index 4760f76ee35083b4f1df8752f2ed78317af3f31c..e148cc0ff3611d036e1dab029972bbddb902d317 100644
--- a/examples/webgl_lod.html
+++ b/examples/webgl_lod.html
@@ -134,8 +134,8 @@
function onWindowResize() {
- windowHalfX = window.innerWidth / 2,
- windowHalfY = window.innerHeight / 2,
+ windowHalfX = window.innerWidth / 2;
+ windowHalfY = window.innerHeight / 2;
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
diff --git a/examples/webgl_materials_cars.html b/examples/webgl_materials_cars.html
index 28b85910ef052b7b15989a7d0629051775c51617..fbd3ad586f931e0a71b05757ab7d019bc96a738a 100644
--- a/examples/webgl_materials_cars.html
+++ b/examples/webgl_materials_cars.html
@@ -475,8 +475,8 @@
function onWindowResize() {
- windowHalfX = window.innerWidth / 2,
- windowHalfY = window.innerHeight / 2,
+ windowHalfX = window.innerWidth / 2;
+ windowHalfY = window.innerHeight / 2;
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
diff --git a/examples/webgl_materials_cars_anaglyph.html b/examples/webgl_materials_cars_anaglyph.html
index 4b1aa5aa1774f8386265f6cd36d6046a08e95ee0..fbaf27b5d8b67ff2514328a1be0472e52838e2de 100644
--- a/examples/webgl_materials_cars_anaglyph.html
+++ b/examples/webgl_materials_cars_anaglyph.html
@@ -470,8 +470,8 @@
function onWindowResize() {
- windowHalfX = window.innerWidth / 2,
- windowHalfY = window.innerHeight / 2,
+ windowHalfX = window.innerWidth / 2;
+ windowHalfY = window.innerHeight / 2;
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
diff --git a/examples/webgl_materials_cars_camaro.html b/examples/webgl_materials_cars_camaro.html
index 3874dc6da437fbed4293c24e4a59ce6c03d7eb00..5abe94b0c8f5e912637085f30879aca20d749145 100644
--- a/examples/webgl_materials_cars_camaro.html
+++ b/examples/webgl_materials_cars_camaro.html
@@ -148,8 +148,8 @@
function onWindowResize() {
- windowHalfX = window.innerWidth / 2,
- windowHalfY = window.innerHeight / 2,
+ windowHalfX = window.innerWidth / 2;
+ windowHalfY = window.innerHeight / 2;
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
diff --git a/examples/webgl_materials_cars_camaro_crosseyed.html b/examples/webgl_materials_cars_camaro_crosseyed.html
index edb947844f733a6ababbdc669f110a1c20136a90..2975451b1f623bcdb3196cc0f662256ec0956108 100644
--- a/examples/webgl_materials_cars_camaro_crosseyed.html
+++ b/examples/webgl_materials_cars_camaro_crosseyed.html
@@ -158,8 +158,8 @@
function onWindowResize() {
- windowHalfX = window.innerWidth / 2,
- windowHalfY = window.innerHeight / 2,
+ windowHalfX = window.innerWidth / 2;
+ windowHalfY = window.innerHeight / 2;
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
diff --git a/examples/webgl_materials_cars_parallaxbarrier.html b/examples/webgl_materials_cars_parallaxbarrier.html
index 1b5417ff7b534dce0ab9a5d153828133b0ed5d5e..c73a5772999203d2ce6ac0a50df29fb729b14bab 100644
--- a/examples/webgl_materials_cars_parallaxbarrier.html
+++ b/examples/webgl_materials_cars_parallaxbarrier.html
@@ -470,8 +470,8 @@
function onWindowResize() {
- windowHalfX = window.innerWidth / 2,
- windowHalfY = window.innerHeight / 2,
+ windowHalfX = window.innerWidth / 2;
+ windowHalfY = window.innerHeight / 2;
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
diff --git a/examples/webgl_materials_cubemap.html b/examples/webgl_materials_cubemap.html
index 5bedfaf04ea91bdc74b896aa5dadf383c05bc6ef..a6f78d241687d437043af89af9ecd53f19bf5fa4 100644
--- a/examples/webgl_materials_cubemap.html
+++ b/examples/webgl_materials_cubemap.html
@@ -156,6 +156,25 @@
loader.load( "obj/walt/WaltHead_bin.js", function( geometry ) { createScene( geometry, cubeMaterial1, cubeMaterial2, cubeMaterial3 ) } );
+ //
+
+ window.addEventListener( 'resize', onWindowResize, false );
+
+ }
+
+ function onWindowResize() {
+
+ windowHalfX = window.innerWidth / 2;
+ windowHalfY = window.innerHeight / 2;
+
+ camera.aspect = window.innerWidth / window.innerHeight;
+ camera.updateProjectionMatrix();
+
+ cameraCube.aspect = window.innerWidth / window.innerHeight;
+ cameraCube.updateProjectionMatrix();
+
+ renderer.setSize( window.innerWidth, window.innerHeight );
+
}
function createScene( geometry, m1, m2, m3 ) {
diff --git a/examples/webgl_materials_cubemap_balls_reflection.html b/examples/webgl_materials_cubemap_balls_reflection.html
index a0ee6ff35e700b44c93a58ddb3cda94077c1d454..181b42982f15e1c7d6de41b7461edf348699dfdd 100644
--- a/examples/webgl_materials_cubemap_balls_reflection.html
+++ b/examples/webgl_materials_cubemap_balls_reflection.html
@@ -79,7 +79,6 @@
cameraCube = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 100000 );
cubeTarget = new THREE.Vector3( 0, 0, 0 );
-
sceneCube.add( cameraCube );
var geometry = new THREE.SphereGeometry( 100, 32, 16 );
@@ -136,6 +135,25 @@
renderer.autoClear = false;
container.appendChild( renderer.domElement );
+ //
+
+ window.addEventListener( 'resize', onWindowResize, false );
+
+ }
+
+ function onWindowResize() {
+
+ windowHalfX = window.innerWidth / 2,
+ windowHalfY = window.innerHeight / 2,
+
+ camera.aspect = window.innerWidth / window.innerHeight;
+ camera.updateProjectionMatrix();
+
+ cameraCube.aspect = window.innerWidth / window.innerHeight;
+ cameraCube.updateProjectionMatrix();
+
+ renderer.setSize( window.innerWidth, window.innerHeight );
+
}
function onDocumentMouseMove( event ) {
diff --git a/examples/webgl_materials_cubemap_balls_reflection_anaglyph.html b/examples/webgl_materials_cubemap_balls_reflection_anaglyph.html
index 785ea1097365e5cb7b66475e7085ef61ca3a2c96..23ff4c1eeeda4abe295c584f84f8c795bd3d6b13 100644
--- a/examples/webgl_materials_cubemap_balls_reflection_anaglyph.html
+++ b/examples/webgl_materials_cubemap_balls_reflection_anaglyph.html
@@ -127,7 +127,26 @@
renderer = new THREE.WebGLRenderer();
container.appendChild( renderer.domElement );
+ var width = window.innerWidth || 2;
+ var height = window.innerHeight || 2;
+
effect = new THREE.AnaglyphEffect( renderer );
+ effect.setSize( width, height );
+
+ //
+
+ window.addEventListener( 'resize', onWindowResize, false );
+
+ }
+
+ function onWindowResize() {
+
+ windowHalfX = window.innerWidth / 2,
+ windowHalfY = window.innerHeight / 2,
+
+ camera.aspect = window.innerWidth / window.innerHeight;
+ camera.updateProjectionMatrix();
+
effect.setSize( window.innerWidth, window.innerHeight );
}
diff --git a/examples/webgl_materials_cubemap_balls_refraction.html b/examples/webgl_materials_cubemap_balls_refraction.html
index 76dfac02ce16eed7b2b49323448818c9d6bbbdda..e97f6d096bdc6f5c3a9e467ec10dbe19e7c1f4d3 100644
--- a/examples/webgl_materials_cubemap_balls_refraction.html
+++ b/examples/webgl_materials_cubemap_balls_refraction.html
@@ -132,6 +132,25 @@
renderer.autoClear = false;
container.appendChild( renderer.domElement );
+ //
+
+ window.addEventListener( 'resize', onWindowResize, false );
+
+ }
+
+ function onWindowResize() {
+
+ windowHalfX = window.innerWidth / 2,
+ windowHalfY = window.innerHeight / 2,
+
+ camera.aspect = window.innerWidth / window.innerHeight;
+ camera.updateProjectionMatrix();
+
+ cameraCube.aspect = window.innerWidth / window.innerHeight;
+ cameraCube.updateProjectionMatrix();
+
+ renderer.setSize( window.innerWidth, window.innerHeight );
+
}
function onDocumentMouseMove(event) {
diff --git a/examples/webgl_materials_cubemap_balls_refraction_crosseyed.html b/examples/webgl_materials_cubemap_balls_refraction_crosseyed.html
index 4ba4dfc059f7f5e566540c9dfd3027de22736a2a..8882576206da1261f622de12021fcac8efd65f43 100644
--- a/examples/webgl_materials_cubemap_balls_refraction_crosseyed.html
+++ b/examples/webgl_materials_cubemap_balls_refraction_crosseyed.html
@@ -130,9 +130,25 @@
effect = new THREE.CrosseyedEffect( renderer );
effect.setSize( window.innerWidth, window.innerHeight );
effect.separation = 90;
-
+
document.addEventListener( 'keydown', onKeyDown, false );
+ //
+
+ window.addEventListener( 'resize', onWindowResize, false );
+
+ }
+
+ function onWindowResize() {
+
+ windowHalfX = window.innerWidth / 2,
+ windowHalfY = window.innerHeight / 2,
+
+ camera.aspect = window.innerWidth / window.innerHeight;
+ camera.updateProjectionMatrix();
+
+ effect.setSize( window.innerWidth, window.innerHeight );
+
}
function onDocumentMouseMove( event ) {
diff --git a/examples/webgl_materials_cubemap_escher.html b/examples/webgl_materials_cubemap_escher.html
index a6090c9007f902146c600b6ea54ecd884976f9d5..0e9fbbcda0af01db02de5603412957a5494570da 100644
--- a/examples/webgl_materials_cubemap_escher.html
+++ b/examples/webgl_materials_cubemap_escher.html
@@ -118,6 +118,22 @@
}
+ //
+
+ window.addEventListener( 'resize', onWindowResize, false );
+
+ }
+
+ function onWindowResize() {
+
+ windowHalfX = window.innerWidth / 2;
+ windowHalfY = window.innerHeight / 2;
+
+ camera.aspect = window.innerWidth / window.innerHeight;
+ camera.updateProjectionMatrix();
+
+ renderer.setSize( window.innerWidth, window.innerHeight );
+
}
function onDocumentMouseMove(event) {
diff --git a/examples/webgl_materials_cubemap_refraction.html b/examples/webgl_materials_cubemap_refraction.html
index 5322a39f2d977be1fa6eb1838d1b5730caecb9a5..5ff7cc33233414c35845067cb5d2149428e84b71 100644
--- a/examples/webgl_materials_cubemap_refraction.html
+++ b/examples/webgl_materials_cubemap_refraction.html
@@ -150,6 +150,25 @@
document.addEventListener('mousemove', onDocumentMouseMove, false);
+ //
+
+ window.addEventListener( 'resize', onWindowResize, false );
+
+ }
+
+ function onWindowResize() {
+
+ windowHalfX = window.innerWidth / 2,
+ windowHalfY = window.innerHeight / 2,
+
+ camera.aspect = window.innerWidth / window.innerHeight;
+ camera.updateProjectionMatrix();
+
+ cameraCube.aspect = window.innerWidth / window.innerHeight;
+ cameraCube.updateProjectionMatrix();
+
+ renderer.setSize( window.innerWidth, window.innerHeight );
+
}
function createScene( geometry, m1, m2, m3 ) {
diff --git a/examples/webgl_materials_grass.html b/examples/webgl_materials_grass.html
index 71b2fe34604145964ebe019ca74b664fab6d3a56..583eb99c2e8ce87d510afc983275909b0ab6e4ad 100644
--- a/examples/webgl_materials_grass.html
+++ b/examples/webgl_materials_grass.html
@@ -60,6 +60,19 @@
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );
+ //
+
+ window.addEventListener( 'resize', onWindowResize, false );
+
+ }
+
+ function onWindowResize() {
+
+ camera.aspect = window.innerWidth / window.innerHeight;
+ camera.updateProjectionMatrix();
+
+ renderer.setSize( window.innerWidth, window.innerHeight );
+
}
function generateTextureBase() {
@@ -84,6 +97,7 @@
context.globalCompositeOperation = 'lighter';
return canvas;
+
}
function generateTextureLevel( texture ) {
diff --git a/examples/webgl_materials_normalmap.html b/examples/webgl_materials_normalmap.html
index b50a0fc905e06dd9e39e55d41b07aa15c0b93f97..1e8fd21475a9b66aaaf93cb9b7aa2f17737777d6 100644
--- a/examples/webgl_materials_normalmap.html
+++ b/examples/webgl_materials_normalmap.html
@@ -231,6 +231,26 @@
}
+ //
+
+ window.addEventListener( 'resize', onWindowResize, false );
+
+ }
+
+ function onWindowResize() {
+
+ windowHalfX = window.innerWidth / 2;
+ windowHalfY = window.innerHeight / 2;
+
+ camera.left = window.innerWidth / - 2;
+ camera.right = window.innerWidth / 2;
+ camera.top = window.innerHeight / 2;
+ camera.bottom = window.innerHeight / - 2;
+
+ camera.updateProjectionMatrix();
+
+ renderer.setSize( window.innerWidth, window.innerHeight );
+
}
function createScene( geometry, scale, material1, material2 ) {
diff --git a/examples/webgl_materials_shaders.html b/examples/webgl_materials_shaders.html
index 20b4ba5d9e0e53448fa64971f071f3bce8ddc99f..e64a70d2ab86a6b8c767d0817640cc6b2b547c78 100644
--- a/examples/webgl_materials_shaders.html
+++ b/examples/webgl_materials_shaders.html
@@ -189,6 +189,23 @@
document.addEventListener('mousemove', onDocumentMouseMove, false);
+ //
+
+ window.addEventListener( 'resize', onWindowResize, false );
+
+ }
+
+ function onWindowResize() {
+
+ windowHalfX = window.innerWidth / 2;
+ windowHalfY = window.innerHeight / 2;
+
+ camera.aspect = window.innerWidth / window.innerHeight;
+ camera.updateProjectionMatrix();
+
+ if ( webglRenderer ) webglRenderer.setSize( window.innerWidth, window.innerHeight );
+ if ( canvasRenderer ) canvasRenderer.setSize( window.innerWidth, window.innerHeight );
+
}
function addToruses( geometry ) {
diff --git a/examples/webgl_materials_shaders_fresnel.html b/examples/webgl_materials_shaders_fresnel.html
index ae34342e9b1f2d3985d7dbb4f48629d70f74d989..63ea3a974cca6bb8309949d56612e9e750093ec9 100644
--- a/examples/webgl_materials_shaders_fresnel.html
+++ b/examples/webgl_materials_shaders_fresnel.html
@@ -143,9 +143,28 @@
renderer.autoClear = false;
container.appendChild( renderer.domElement );
+ //
+
+ window.addEventListener( 'resize', onWindowResize, false );
+
+ }
+
+ function onWindowResize() {
+
+ windowHalfX = window.innerWidth / 2;
+ windowHalfY = window.innerHeight / 2;
+
+ camera.aspect = window.innerWidth / window.innerHeight;
+ camera.updateProjectionMatrix();
+
+ cameraCube.aspect = window.innerWidth / window.innerHeight;
+ cameraCube.updateProjectionMatrix();
+
+ renderer.setSize( window.innerWidth, window.innerHeight );
+
}
- function onDocumentMouseMove(event) {
+ function onDocumentMouseMove( event ) {
mouseX = ( event.clientX - windowHalfX ) * 10;
mouseY = ( event.clientY - windowHalfY ) * 10;