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;