diff --git a/examples/canvas_geometry_panorama.html b/examples/canvas_geometry_panorama.html index d992ec50c7dca4a5984d68245456f5593ace09d9..0c4d7280500a18678afd60b515f50b6a196a68ba 100644 --- a/examples/canvas_geometry_panorama.html +++ b/examples/canvas_geometry_panorama.html @@ -164,7 +164,10 @@ function onDocumentMouseWheel( event ) { - camera.fov += event.deltaY * 0.05; + var fov = camera.fov + event.deltaY * 0.05; + + camera.fov = THREE.Math.clamp( fov, 10, 75 ); + camera.updateProjectionMatrix(); } diff --git a/examples/canvas_geometry_panorama_fisheye.html b/examples/canvas_geometry_panorama_fisheye.html index 91d72c7ede3cf9f1491394c85fa0deb849b8de9a..810bd569bb534602039c538393dd2258e261d644 100644 --- a/examples/canvas_geometry_panorama_fisheye.html +++ b/examples/canvas_geometry_panorama_fisheye.html @@ -172,7 +172,10 @@ function onDocumentMouseWheel( event ) { - camera.fov += event.deltaY * 0.05; + var fov = camera.fov + event.deltaY * 0.05; + + camera.fov = THREE.Math.clamp( fov, 10, 75 ); + camera.updateProjectionMatrix(); } diff --git a/examples/css3d_panorama.html b/examples/css3d_panorama.html index 936c18291d03868e8ca91a1a458aa36754c7a828..68edbebd17bf3478b09bd03f43913b0a2ed38a28 100644 --- a/examples/css3d_panorama.html +++ b/examples/css3d_panorama.html @@ -156,7 +156,10 @@ function onDocumentMouseWheel( event ) { - camera.fov += event.deltaY * 0.05; + var fov = camera.fov + event.deltaY * 0.05; + + camera.fov = THREE.Math.clamp( fov, 10, 75 ); + camera.updateProjectionMatrix(); } diff --git a/examples/webgl_materials_cubemap_dynamic2.html b/examples/webgl_materials_cubemap_dynamic2.html index 15a774083dcaaa228d5241ebb9e828fc3bb1e6f5..c14e8d3ae6a8b67ef1b0498e8fe3f087ea979dbb 100644 --- a/examples/webgl_materials_cubemap_dynamic2.html +++ b/examples/webgl_materials_cubemap_dynamic2.html @@ -142,7 +142,10 @@ function onDocumentMouseWheel( event ) { - camera.fov += ( event.deltaY * 0.05 ); + var fov = camera.fov + event.deltaY * 0.05; + + camera.fov = THREE.Math.clamp( fov, 10, 75 ); + camera.updateProjectionMatrix(); } diff --git a/examples/webgl_panorama_dualfisheye.html b/examples/webgl_panorama_dualfisheye.html index d308274d29ded61614563ffef4ab9b64500e0dee..0f1dfe4605eb407ecdf346302460d22025144f99 100644 --- a/examples/webgl_panorama_dualfisheye.html +++ b/examples/webgl_panorama_dualfisheye.html @@ -98,7 +98,7 @@ var texture = new THREE.TextureLoader().load( 'textures/ricoh_theta_s.jpg' ); texture.format = THREE.RGBFormat; - var material = new THREE.MeshBasicMaterial( { map: texture } ); + var material = new THREE.MeshBasicMaterial( { map: texture } ); mesh = new THREE.Mesh( geometry, material ); scene.add( mesh ); @@ -163,6 +163,8 @@ distance += event.deltaY * 0.05; + distance = THREE.Math.clamp( distance, 400, 1000 ); + } function animate() { diff --git a/examples/webgl_panorama_equirectangular.html b/examples/webgl_panorama_equirectangular.html index b73c4f6fb8513c9eec915021008b36133111fd3b..b602860dd55a80615e94b659d77886c8a8952de3 100644 --- a/examples/webgl_panorama_equirectangular.html +++ b/examples/webgl_panorama_equirectangular.html @@ -169,7 +169,10 @@ function onDocumentMouseWheel( event ) { - camera.fov += event.deltaY * 0.05; + var fov = camera.fov + event.deltaY * 0.05; + + camera.fov = THREE.Math.clamp( fov, 10, 75 ); + camera.updateProjectionMatrix(); } diff --git a/examples/webgl_video_panorama_equirectangular.html b/examples/webgl_video_panorama_equirectangular.html index 4bf39cd9e531898738b63b1e79610c052dce7b58..371db2915528288bfec5730fa74157f1a06c6a2c 100644 --- a/examples/webgl_video_panorama_equirectangular.html +++ b/examples/webgl_video_panorama_equirectangular.html @@ -146,6 +146,8 @@ distance += event.deltaY * 0.05; + distance = THREE.Math.clamp( distance, 400, 500 ); + } function animate() {