diff --git a/examples/canvas_camera_orthographic.html b/examples/canvas_camera_orthographic.html index 8e146f3180b6bca885810b1e3254784ec5d743fe..de2ef47793f64ba54f7da072f14e74bea6dd727f 100644 --- a/examples/canvas_camera_orthographic.html +++ b/examples/canvas_camera_orthographic.html @@ -111,8 +111,8 @@ renderer = new THREE.CanvasRenderer(); renderer.setClearColor( 0xf0f0f0 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); stats = new Stats(); diff --git a/examples/canvas_camera_orthographic2.html b/examples/canvas_camera_orthographic2.html index 82768337aa7fc60b66369a1b128d70d90486b7d7..f15050dc64ec82cdc109f5a4ec4a960d983cb9f8 100644 --- a/examples/canvas_camera_orthographic2.html +++ b/examples/canvas_camera_orthographic2.html @@ -180,8 +180,8 @@ renderer = new THREE.CanvasRenderer(); renderer.setClearColor( 0xf0f0f0 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); stats = new Stats(); diff --git a/examples/canvas_effects_stereo.html b/examples/canvas_effects_stereo.html index 2d7ffe783a9e6e577b3659d5678088b2f6b4f2ed..5e50de83f02b8aa2d5b7ab8a2ad38ce4d4718edf 100644 --- a/examples/canvas_effects_stereo.html +++ b/examples/canvas_effects_stereo.html @@ -78,6 +78,7 @@ renderer = new THREE.CanvasRenderer(); renderer.setClearColor( 0xffffff ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/canvas_geometry_birds.html b/examples/canvas_geometry_birds.html index 91cb5302b8441ff2674fe454871c686a27545a50..5fa67ccf61bdbe5e49a0892dfa40cafce010ce19 100644 --- a/examples/canvas_geometry_birds.html +++ b/examples/canvas_geometry_birds.html @@ -370,6 +370,7 @@ renderer = new THREE.CanvasRenderer(); renderer.setClearColor( 0xffffff ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); document.addEventListener( 'mousemove', onDocumentMouseMove, false ); diff --git a/examples/canvas_geometry_cube.html b/examples/canvas_geometry_cube.html index 40513af974a6ca76ed3299cfdfa7fc3eb7fe156c..9cef45df22785960f5f98f44cd226644810b46d9 100644 --- a/examples/canvas_geometry_cube.html +++ b/examples/canvas_geometry_cube.html @@ -91,8 +91,8 @@ renderer = new THREE.CanvasRenderer(); renderer.setClearColor( 0xf0f0f0 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); stats = new Stats(); diff --git a/examples/canvas_geometry_earth.html b/examples/canvas_geometry_earth.html index 35bcdbac550ce0770fa5fbadd9a600dd87dc24bb..4bc930a527b7e6ebb29f6303fc40322df3ae5a2e 100644 --- a/examples/canvas_geometry_earth.html +++ b/examples/canvas_geometry_earth.html @@ -113,8 +113,8 @@ renderer = new THREE.CanvasRenderer(); renderer.setClearColor( 0xffffff ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); stats = new Stats(); diff --git a/examples/canvas_geometry_hierarchy.html b/examples/canvas_geometry_hierarchy.html index 8acb46e23afd7d70a07f19e22d07538a7e02b081..01a96968f2f96ac569cb3d04bf4e313e48b9f00a 100644 --- a/examples/canvas_geometry_hierarchy.html +++ b/examples/canvas_geometry_hierarchy.html @@ -74,6 +74,7 @@ renderer = new THREE.CanvasRenderer(); renderer.setClearColor( 0xffffff ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/canvas_geometry_nurbs.html b/examples/canvas_geometry_nurbs.html index 1422f5cf77f9794ff669ae53271fed11fa15ef4c..2a0023d778c6fb26e71b83d08b10d2e1711b476d 100644 --- a/examples/canvas_geometry_nurbs.html +++ b/examples/canvas_geometry_nurbs.html @@ -129,6 +129,7 @@ renderer = new THREE.CanvasRenderer(); renderer.setClearColor( 0xf0f0f0 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/canvas_geometry_panorama.html b/examples/canvas_geometry_panorama.html index fc10f90417cd864a42ddb3540e484f2a72987626..bd9f6121dcd757b5e832cbf73289f4fe73f66879 100644 --- a/examples/canvas_geometry_panorama.html +++ b/examples/canvas_geometry_panorama.html @@ -86,8 +86,8 @@ scene.add( mesh ); renderer = new THREE.CanvasRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); document.addEventListener( 'mousedown', onDocumentMouseDown, false ); diff --git a/examples/canvas_geometry_panorama_fisheye.html b/examples/canvas_geometry_panorama_fisheye.html index cde80a1d8a4f73aad5aa8829ff74d0f9bf1e90a2..09994514f8eff8f416cd6847454cdea5131ffa2d 100644 --- a/examples/canvas_geometry_panorama_fisheye.html +++ b/examples/canvas_geometry_panorama_fisheye.html @@ -95,8 +95,8 @@ } renderer = new THREE.CanvasRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); document.addEventListener( 'mousedown', onDocumentMouseDown, false ); diff --git a/examples/canvas_geometry_shapes.html b/examples/canvas_geometry_shapes.html index a3b378f67cd6810bc4b9531f9824f470d4f66600..014c299b0177381e11c89d86fdebf37b68f60a4c 100644 --- a/examples/canvas_geometry_shapes.html +++ b/examples/canvas_geometry_shapes.html @@ -292,6 +292,7 @@ renderer = new THREE.CanvasRenderer(); renderer.setClearColor( 0xf0f0f0 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.sortElements = false; container.appendChild( renderer.domElement ); diff --git a/examples/canvas_geometry_terrain.html b/examples/canvas_geometry_terrain.html index 45bd2333becfbfbd6c68b421438f9dc51b049bdb..73656a49e143e5340b036708f70c54a1716d27c1 100644 --- a/examples/canvas_geometry_terrain.html +++ b/examples/canvas_geometry_terrain.html @@ -91,6 +91,7 @@ renderer = new THREE.CanvasRenderer(); renderer.setClearColor( 0xbfd1e5 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.innerHTML = ""; diff --git a/examples/canvas_geometry_text.html b/examples/canvas_geometry_text.html index d630e9e196cec896f0beeb4d35843930a73f6160..73f8518a3792d321962fba4b9dae5066ac597c47 100644 --- a/examples/canvas_geometry_text.html +++ b/examples/canvas_geometry_text.html @@ -107,8 +107,8 @@ renderer = new THREE.CanvasRenderer(); renderer.setClearColor( 0xf0f0f0 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); stats = new Stats(); diff --git a/examples/canvas_interactive_cubes.html b/examples/canvas_interactive_cubes.html index ee69cda6f6289a798408377b3e23a4e350a5fcc0..1b4c6f7da91489d58a75202f8092434505650d9c 100644 --- a/examples/canvas_interactive_cubes.html +++ b/examples/canvas_interactive_cubes.html @@ -96,8 +96,8 @@ renderer = new THREE.CanvasRenderer(); renderer.setClearColor( 0xf0f0f0 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); stats = new Stats(); diff --git a/examples/canvas_interactive_cubes_tween.html b/examples/canvas_interactive_cubes_tween.html index 36f8b66fd4c3b8602b510998b82717ca25b36aec..545407dc303de4c42f479050311d343efb32a826 100644 --- a/examples/canvas_interactive_cubes_tween.html +++ b/examples/canvas_interactive_cubes_tween.html @@ -76,8 +76,8 @@ renderer = new THREE.CanvasRenderer(); renderer.setClearColor( 0xf0f0f0 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild(renderer.domElement); stats = new Stats(); diff --git a/examples/canvas_interactive_particles.html b/examples/canvas_interactive_particles.html index cca8c0c395da0410ffe24b921c768ac2bd34631e..795d008a0a8ee8246f362d85097df5a04810eaff 100644 --- a/examples/canvas_interactive_particles.html +++ b/examples/canvas_interactive_particles.html @@ -88,6 +88,7 @@ renderer = new THREE.CanvasRenderer(); renderer.setClearColor( 0xf0f0f0 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/canvas_interactive_voxelpainter.html b/examples/canvas_interactive_voxelpainter.html index 484d218d2b9b658608151a225eb46c49d507194d..f0487d73bff0eb91a90344534ceb5e3354466c00 100644 --- a/examples/canvas_interactive_voxelpainter.html +++ b/examples/canvas_interactive_voxelpainter.html @@ -113,6 +113,7 @@ renderer = new THREE.CanvasRenderer(); renderer.setClearColor( 0xf0f0f0 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild(renderer.domElement); diff --git a/examples/canvas_lights_pointlights.html b/examples/canvas_lights_pointlights.html index ef04a15664d7b2640086dc50b2ca9e6e018aaae7..3801f69ff6cb0a8bf4945029e37bb9496964f972 100644 --- a/examples/canvas_lights_pointlights.html +++ b/examples/canvas_lights_pointlights.html @@ -100,6 +100,7 @@ } ); renderer = new THREE.CanvasRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/canvas_lines.html b/examples/canvas_lines.html index cdbc4804cb33dc00a06147c0c782c17336cf0bcf..4a5b835bfd7b0d8d5e82c2ab649ee51ba5e7001e 100644 --- a/examples/canvas_lines.html +++ b/examples/canvas_lines.html @@ -53,6 +53,7 @@ scene = new THREE.Scene(); renderer = new THREE.CanvasRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/canvas_lines_colors.html b/examples/canvas_lines_colors.html index b0090d0132fbddc20320980df1c0a9fa06760e90..2882ae67c06a30d5c42f2b4f3de38ab5c1a28bd3 100644 --- a/examples/canvas_lines_colors.html +++ b/examples/canvas_lines_colors.html @@ -82,8 +82,8 @@ renderer = new THREE.CanvasRenderer( { antialias: false } ); renderer.setClearColor( 0x000000, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); var geometry3 = new THREE.Geometry(), diff --git a/examples/canvas_lines_colors_2d.html b/examples/canvas_lines_colors_2d.html index e48122b8c3efd3dbb64ae436b1e1e923ff5551f1..2ff31e7518d9480be9dc4f129691c7b694029bea 100644 --- a/examples/canvas_lines_colors_2d.html +++ b/examples/canvas_lines_colors_2d.html @@ -82,8 +82,8 @@ renderer = new THREE.CanvasRenderer( { antialias: false } ); renderer.setClearColor( 0x000000, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); var geometry3 = new THREE.Geometry(), diff --git a/examples/canvas_lines_dashed.html b/examples/canvas_lines_dashed.html index dadc1c69b849af0b0885a34d52bfd13109236aa2..9dc2952700eb226dc69a9d908730dc1756dcf685 100644 --- a/examples/canvas_lines_dashed.html +++ b/examples/canvas_lines_dashed.html @@ -100,6 +100,7 @@ renderer = new THREE.CanvasRenderer(); renderer.setClearColor( 0x111111, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( WIDTH, HEIGHT ); var container = document.getElementById( 'container' ); diff --git a/examples/canvas_lines_sphere.html b/examples/canvas_lines_sphere.html index 909a3b49b7b52295315a925197f65f02407cdd56..63c61d0a59aa9ca4984171ba674771737614d4bf 100644 --- a/examples/canvas_lines_sphere.html +++ b/examples/canvas_lines_sphere.html @@ -56,6 +56,7 @@ scene = new THREE.Scene(); renderer = new THREE.CanvasRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); container.appendChild( renderer.domElement ); diff --git a/examples/canvas_materials.html b/examples/canvas_materials.html index 6a3b7d711120b7b9dadc2dbd3696a4b2cd76a078..23ec24ab62dd0209b168bdeaaca7bc2abde04c43 100644 --- a/examples/canvas_materials.html +++ b/examples/canvas_materials.html @@ -136,6 +136,7 @@ pointLight.add( sprite ); renderer = new THREE.CanvasRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/canvas_materials_depth.html b/examples/canvas_materials_depth.html index 71447b839917d7e635de9c00158be77606da28d2..1af6c5d55540dd0d5db3293f68dc35caee6d1f2f 100644 --- a/examples/canvas_materials_depth.html +++ b/examples/canvas_materials_depth.html @@ -94,8 +94,8 @@ } renderer = new THREE.CanvasRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); var debugCanvas = document.createElement( 'canvas' ); diff --git a/examples/canvas_materials_normal.html b/examples/canvas_materials_normal.html index 41c4299020e1bbedfc4de37d3565af8538cec313..02c37abff19e1d99500318c4965d9380fa9f66bf 100644 --- a/examples/canvas_materials_normal.html +++ b/examples/canvas_materials_normal.html @@ -70,6 +70,7 @@ } ); renderer = new THREE.CanvasRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/canvas_materials_reflection.html b/examples/canvas_materials_reflection.html index 3fa02c91520b8601221c7514c416dfa15c2ffb7d..73b8ed683744e564c86aea91fec8112e1683d2f7 100644 --- a/examples/canvas_materials_reflection.html +++ b/examples/canvas_materials_reflection.html @@ -73,6 +73,7 @@ } ); renderer = new THREE.CanvasRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/canvas_materials_video.html b/examples/canvas_materials_video.html index e5c5cbc10c7d2de7cff8bc4dfb4c1ba64e7403fa..1288854339f8af550f30e4153da4dcfe4cb586f6 100644 --- a/examples/canvas_materials_video.html +++ b/examples/canvas_materials_video.html @@ -151,6 +151,7 @@ renderer = new THREE.CanvasRenderer(); renderer.setClearColor( 0xf0f0f0 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/canvas_morphtargets_horse.html b/examples/canvas_morphtargets_horse.html index 5a05dba3ef9029c495002532e4e20bb9f3439cdf..39e9e106c6a860eced484e19ba1799822146a05e 100644 --- a/examples/canvas_morphtargets_horse.html +++ b/examples/canvas_morphtargets_horse.html @@ -78,6 +78,7 @@ renderer = new THREE.CanvasRenderer(); renderer.setClearColor( 0xf0f0f0 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild(renderer.domElement); diff --git a/examples/canvas_particles_floor.html b/examples/canvas_particles_floor.html index 5708c54609a81ad4f662e1bf446aa4aef63d427b..34b3df2f2e094c007726472b59d96dfef1710c99 100644 --- a/examples/canvas_particles_floor.html +++ b/examples/canvas_particles_floor.html @@ -68,6 +68,7 @@ } renderer = new THREE.CanvasRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/canvas_particles_random.html b/examples/canvas_particles_random.html index 140b17e4b4318f4b0cb3aa638601942c70b1423b..fe778f70fcd07fb596e48e7cd47bb1700027689c 100644 --- a/examples/canvas_particles_random.html +++ b/examples/canvas_particles_random.html @@ -75,6 +75,7 @@ } renderer = new THREE.CanvasRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/canvas_particles_shapes.html b/examples/canvas_particles_shapes.html index 82f387cb87aba5d249be353eacce081000bc0d63..1fc2f7ec3fdeacc81da39cdacd7584d0486881e4 100644 --- a/examples/canvas_particles_shapes.html +++ b/examples/canvas_particles_shapes.html @@ -220,6 +220,7 @@ renderer = new THREE.CanvasRenderer(); renderer.setClearColor( 0xf0f0f0 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/canvas_particles_sprites.html b/examples/canvas_particles_sprites.html index 23ec1c952a3d30af793dfa8d867ce385889c9814..76bb819fbefb693fdc925d6048f933d8aa0c6722 100644 --- a/examples/canvas_particles_sprites.html +++ b/examples/canvas_particles_sprites.html @@ -64,6 +64,7 @@ renderer = new THREE.CanvasRenderer(); renderer.setClearColor( 0x000040 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/canvas_particles_waves.html b/examples/canvas_particles_waves.html index d539bbe8e15d8e0239220ab24f3373e6da283a63..2b44de46556c6cb19d501fe4698fc533aeb0d82f 100644 --- a/examples/canvas_particles_waves.html +++ b/examples/canvas_particles_waves.html @@ -83,6 +83,7 @@ } renderer = new THREE.CanvasRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/canvas_performance.html b/examples/canvas_performance.html index d98b63ffa195ec49ce270745a3679b231b7fee95..32600676f55b8a9c96e60ded2b4b225d9748388b 100644 --- a/examples/canvas_performance.html +++ b/examples/canvas_performance.html @@ -96,6 +96,7 @@ renderer = new THREE.CanvasRenderer(); renderer.setClearColor( 0xf0f0f0 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/canvas_sandbox.html b/examples/canvas_sandbox.html index 841876b23ab8553253f1c93ec2b275aab9fffb85..a3aa97c776a4791b7f089e2c44afec55b69b6387 100644 --- a/examples/canvas_sandbox.html +++ b/examples/canvas_sandbox.html @@ -133,6 +133,7 @@ renderer = new THREE.CanvasRenderer(); renderer.setClearColor( 0xf0f0f0 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/css3d_sandbox.html b/examples/css3d_sandbox.html index 649a80910637d36517bd6f779021fc153129360e..635b69de8cc975428b8988e0b125dbb0b06753b3 100644 --- a/examples/css3d_sandbox.html +++ b/examples/css3d_sandbox.html @@ -92,6 +92,7 @@ renderer = new THREE.WebGLRenderer(); renderer.setClearColor( 0xf0f0f0 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); document.body.appendChild( renderer.domElement ); diff --git a/examples/misc_animation_keys.html b/examples/misc_animation_keys.html index 88956d95c860e161e8b33ea3ff8cc6063d052c62..52a3c7ce3950fab962bbb71a981f1ed0e2898cc8 100644 --- a/examples/misc_animation_keys.html +++ b/examples/misc_animation_keys.html @@ -59,8 +59,9 @@ camera.lookAt(new THREE.Vector3( 0, 0, 0 )); renderer = new THREE.WebGLRenderer(); - renderer.setSize( window.innerWidth, window.innerHeight ); renderer.setClearColor( 0x555555, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); + renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); stats = new Stats(); diff --git a/examples/misc_controls_deviceorientation.html b/examples/misc_controls_deviceorientation.html index b6e67db5d7b6f6c32f9a215ccfa94bef596f7451..659f04a5f4cc428dfb8d0ce73a14a779ab95285e 100644 --- a/examples/misc_controls_deviceorientation.html +++ b/examples/misc_controls_deviceorientation.html @@ -80,6 +80,7 @@ scene.add( mesh ); renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize(window.innerWidth, window.innerHeight); renderer.domElement.style.position = 'absolute'; renderer.domElement.style.top = 0; diff --git a/examples/misc_controls_fly.html b/examples/misc_controls_fly.html index 12c1d38662d13470785eda9caa1b4ab651e671d5..23aa32f2a7ba4c4179c710632ad16d0c7f54a2ca 100644 --- a/examples/misc_controls_fly.html +++ b/examples/misc_controls_fly.html @@ -233,6 +233,7 @@ } renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); renderer.sortObjects = false; diff --git a/examples/misc_controls_oculusrift.html b/examples/misc_controls_oculusrift.html index ca875639b9f84b5b2b8e831043b32594547a4d22..11b3649424bc91ec2de813ecd45a271871e013e8 100644 --- a/examples/misc_controls_oculusrift.html +++ b/examples/misc_controls_oculusrift.html @@ -63,6 +63,7 @@ function init() { renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); perlin = new ImprovedNoise(); diff --git a/examples/misc_controls_orbit.html b/examples/misc_controls_orbit.html index 0716bd11d7064f110813324d9b24b05e12dd1be6..5a894d005b5dd0d114468b76824fd4f4c9e94a0f 100644 --- a/examples/misc_controls_orbit.html +++ b/examples/misc_controls_orbit.html @@ -110,6 +110,7 @@ renderer = new THREE.WebGLRenderer( { antialias: false } ); renderer.setClearColor( scene.fog.color, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container = document.getElementById( 'container' ); diff --git a/examples/misc_controls_pointerlock.html b/examples/misc_controls_pointerlock.html index ed665ab4fc7bf64f5d9667101fcd58549905be16..939b3e54442ac444517d51f67c79a11bf72996c0 100644 --- a/examples/misc_controls_pointerlock.html +++ b/examples/misc_controls_pointerlock.html @@ -325,8 +325,8 @@ renderer = new THREE.WebGLRenderer(); renderer.setClearColor( 0xffffff ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - document.body.appendChild( renderer.domElement ); // diff --git a/examples/misc_controls_trackball.html b/examples/misc_controls_trackball.html index d2435b890b099c0f5c63dd5702c805e5a68ff5b4..6f5a631879a0f96559e2b5a5c22898eb20499000 100644 --- a/examples/misc_controls_trackball.html +++ b/examples/misc_controls_trackball.html @@ -118,6 +118,7 @@ renderer = new THREE.WebGLRenderer( { antialias: false } ); renderer.setClearColor( scene.fog.color, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container = document.getElementById( 'container' ); diff --git a/examples/misc_controls_transform.html b/examples/misc_controls_transform.html index 45a21be9844f4daf732a6619f32200b7dee672f7..dca44fbf4f27796adb8535f29baebd349328bfae 100644 --- a/examples/misc_controls_transform.html +++ b/examples/misc_controls_transform.html @@ -42,8 +42,9 @@ function init() { renderer = new THREE.WebGLRenderer(); - renderer.sortObjects = false; + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); + renderer.sortObjects = false; document.body.appendChild( renderer.domElement ); // diff --git a/examples/misc_fps.html b/examples/misc_fps.html index 697df6386b71384114719873e6519680f3062c8d..1135dffa4bf0a90cc89affb9bbe13c085e576886 100644 --- a/examples/misc_fps.html +++ b/examples/misc_fps.html @@ -251,6 +251,7 @@ }; var renderer = new THREE.WebGLRenderer({ antialias : true }); + renderer.setPixelRatio( window.devicePixelRatio ); var camera = new THREE.PerspectiveCamera( 60, 1, 0.1, 9000 ); @@ -319,4 +320,4 @@ start( gameLoop, gameViewportSize ); - \ No newline at end of file + diff --git a/examples/misc_lights_test.html b/examples/misc_lights_test.html index d99c0443e0b9ed0cd7345fa10c18b7333082adbd..086f02a3f0a9fb39f662796d66e26e03b57aa477 100644 --- a/examples/misc_lights_test.html +++ b/examples/misc_lights_test.html @@ -111,11 +111,13 @@ canvasRenderer = new THREE.CanvasRenderer(); canvasRenderer.setClearColor( 0xffffff ); + canvasRenderer.setPixelRatio( window.devicePixelRatio ); canvasRenderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); container.appendChild( canvasRenderer.domElement ); webglRenderer = new THREE.WebGLRenderer(); webglRenderer.setClearColor( 0xffffff ); + webglRenderer.setPixelRatio( window.devicePixelRatio ); webglRenderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); webglRenderer.domElement.style.position = "relative"; container.appendChild( webglRenderer.domElement ); diff --git a/examples/misc_lookat.html b/examples/misc_lookat.html index 59cff1c9acd3aede8eecb84223aaadc4030e2c83..ec3a00d00641cbee57dcc3714ff465efc6a5d0f7 100644 --- a/examples/misc_lookat.html +++ b/examples/misc_lookat.html @@ -87,6 +87,7 @@ renderer = new THREE.WebGLRenderer( { antialias: true } ); renderer.setClearColor( 0xffffff ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.sortObjects = false; container.appendChild( renderer.domElement ); diff --git a/examples/misc_sound.html b/examples/misc_sound.html index c45e89b05b206212cbb6405a5f9ede2f9e6859eb..f0feba8ba7c2fb6725840e068488b1919232388c 100644 --- a/examples/misc_sound.html +++ b/examples/misc_sound.html @@ -126,6 +126,7 @@ // renderer = new THREE.WebGLRenderer( { antialias: true } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.innerHTML = ""; diff --git a/examples/misc_ubiquity_test.html b/examples/misc_ubiquity_test.html index d76fc363eb75be9d63c11e5ea42462bba118f44a..e6e7b2aca62bdb860adbad1d9daa51954784ff60 100644 --- a/examples/misc_ubiquity_test.html +++ b/examples/misc_ubiquity_test.html @@ -182,6 +182,7 @@ canvasRenderer = new THREE.CanvasRenderer(); canvasRenderer.setClearColor( 0xf0f0f0 ); + canvasRenderer.setPixelRatio( window.devicePixelRatio ); canvasRenderer.setSize( width, height ); document.body.appendChild( canvasRenderer.domElement ); @@ -198,6 +199,7 @@ webglRenderer = new THREE.WebGLRenderer( { antialias: true } ); webglRenderer.setClearColor( 0xf0f0f0 ); + webglRenderer.setPixelRatio( window.devicePixelRatio ); webglRenderer.setSize( width, height ); document.body.appendChild( webglRenderer.domElement ); diff --git a/examples/misc_ubiquity_test2.html b/examples/misc_ubiquity_test2.html index 64a34902de6bf2a6d45d30d1cfe4c5d96dad7549..0827c736400ad4e64f404e3880808dd0b1850908 100644 --- a/examples/misc_ubiquity_test2.html +++ b/examples/misc_ubiquity_test2.html @@ -148,12 +148,14 @@ canvasRenderer = new THREE.CanvasRenderer(); canvasRenderer.setClearColor( 0xf0f0f0 ); + canvasRenderer.setPixelRatio( window.devicePixelRatio ); canvasRenderer.setSize( width, height ); var container1 = document.getElementById( 'container1' ); container1.appendChild( canvasRenderer.domElement ); webglRenderer = new THREE.WebGLRenderer( { antialias: true } ); webglRenderer.setClearColor( 0xf0f0f0 ); + webglRenderer.setPixelRatio( window.devicePixelRatio ); webglRenderer.setSize( width, height ); var container2 = document.getElementById( 'container2' ); container2.appendChild( webglRenderer.domElement ); diff --git a/examples/webgl_animation_cloth.html b/examples/webgl_animation_cloth.html index 8e11965ed8b50f2c9f9aeafacca2aa1334f7e064..d59061a4dac5cfe69f18c2c15a0052dfa3004f2b 100644 --- a/examples/webgl_animation_cloth.html +++ b/examples/webgl_animation_cloth.html @@ -283,6 +283,7 @@ // renderer = new THREE.WebGLRenderer( { antialias: true } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.setClearColor( scene.fog.color ); diff --git a/examples/webgl_animation_skinning_blending.html b/examples/webgl_animation_skinning_blending.html index 82341367ff77ebd9c82a0cd04cf8a5e613bb36e0..2b532e00386fa066428b7f0f0b254393d266399a 100644 --- a/examples/webgl_animation_skinning_blending.html +++ b/examples/webgl_animation_skinning_blending.html @@ -69,6 +69,7 @@ renderer = new THREE.WebGLRenderer( { antialias: true, alpha: false } ); renderer.setClearColor( '#777777', 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.autoClear = true; diff --git a/examples/webgl_animation_skinning_morph.html b/examples/webgl_animation_skinning_morph.html index b98414527a662af57c615d5151a46d101997d653..ffdcb29af9c53f52e4cbf617d13207c6d0c454e9 100644 --- a/examples/webgl_animation_skinning_morph.html +++ b/examples/webgl_animation_skinning_morph.html @@ -134,6 +134,7 @@ // RENDERER renderer = new THREE.WebGLRenderer( { antialias: true } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); renderer.domElement.style.position = "relative"; diff --git a/examples/webgl_buffergeometry.html b/examples/webgl_buffergeometry.html index c76ae9cb157ed353635fbdcb190daa514ea62e8c..c36495f0b07dbcff2eb866b6af521ca40bcd11b5 100644 --- a/examples/webgl_buffergeometry.html +++ b/examples/webgl_buffergeometry.html @@ -228,6 +228,7 @@ renderer = new THREE.WebGLRenderer( { antialias: false } ); renderer.setClearColor( scene.fog.color, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.gammaInput = true; diff --git a/examples/webgl_buffergeometry_custom_attributes_particles.html b/examples/webgl_buffergeometry_custom_attributes_particles.html index 61168d506dc5d021d2165bfeed4893d607f3e400..aecf43e209661a8562cc67e8d4f92427960a20f6 100644 --- a/examples/webgl_buffergeometry_custom_attributes_particles.html +++ b/examples/webgl_buffergeometry_custom_attributes_particles.html @@ -161,6 +161,7 @@ scene.add( particleSystem ); renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( WIDTH, HEIGHT ); var container = document.getElementById( 'container' ); diff --git a/examples/webgl_buffergeometry_lines.html b/examples/webgl_buffergeometry_lines.html index f7820994d030ff62ed931850d293c9c966f16926..064131e4cb62fc4d800ce56a2d967b036f991dd8 100644 --- a/examples/webgl_buffergeometry_lines.html +++ b/examples/webgl_buffergeometry_lines.html @@ -105,6 +105,7 @@ // renderer = new THREE.WebGLRenderer( { antialias: false } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.gammaInput = true; diff --git a/examples/webgl_buffergeometry_lines_indexed.html b/examples/webgl_buffergeometry_lines_indexed.html index 6a8a2c745c93420565e1e4dd74c767c7b6f356c6..24160dfd11f6f748cfd1110e8aef77097a260d4d 100644 --- a/examples/webgl_buffergeometry_lines_indexed.html +++ b/examples/webgl_buffergeometry_lines_indexed.html @@ -197,6 +197,7 @@ scene.add( parent_node ); renderer = new THREE.WebGLRenderer( { antialias: false } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.gammaInput = true; diff --git a/examples/webgl_buffergeometry_particles.html b/examples/webgl_buffergeometry_particles.html index 87a92da63c64bdc344d6216e1a8c7ebb6e878e7d..34305dc3cb5b335dd0ceba1b376619026a668c00 100644 --- a/examples/webgl_buffergeometry_particles.html +++ b/examples/webgl_buffergeometry_particles.html @@ -118,6 +118,7 @@ renderer = new THREE.WebGLRenderer( { antialias: false } ); renderer.setClearColor( scene.fog.color, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_buffergeometry_rawshader.html b/examples/webgl_buffergeometry_rawshader.html index 4a1e89a83e7d7aed70836d0f337f291501254790..679d1e6cc312c86f0ce4f5873086edf92b4ff4c1 100644 --- a/examples/webgl_buffergeometry_rawshader.html +++ b/examples/webgl_buffergeometry_rawshader.html @@ -152,6 +152,8 @@ renderer = new THREE.WebGLRenderer(); renderer.setClearColor( 0x101010 ); + renderer.setPixelRatio( window.devicePixelRatio ); + renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); stats = new Stats(); @@ -159,8 +161,6 @@ stats.domElement.style.top = '0px'; container.appendChild( stats.domElement ); - onWindowResize(); - window.addEventListener( 'resize', onWindowResize, false ); } diff --git a/examples/webgl_buffergeometry_uint.html b/examples/webgl_buffergeometry_uint.html index aec9ddb4543b4dfe784bf73c75fa44572102c557..043a99ce82ad8eec85078f4270983d77f7249318 100644 --- a/examples/webgl_buffergeometry_uint.html +++ b/examples/webgl_buffergeometry_uint.html @@ -209,6 +209,7 @@ renderer = new THREE.WebGLRenderer( { antialias: false } ); renderer.setClearColor( scene.fog.color, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.gammaInput = true; diff --git a/examples/webgl_camera.html b/examples/webgl_camera.html index 63cc78920f2169ff22c07a75f8f0f31ccc8e4f5e..91f4a2b3268c095fc7cb4c2e7bfda0ccc29fc4c5 100644 --- a/examples/webgl_camera.html +++ b/examples/webgl_camera.html @@ -135,6 +135,7 @@ renderer = new THREE.WebGLRenderer( { antialias: true } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); renderer.domElement.style.position = "relative"; container.appendChild( renderer.domElement ); diff --git a/examples/webgl_camera_logarithmicdepthbuffer.html b/examples/webgl_camera_logarithmicdepthbuffer.html index 4037d8387f4f35f4eac97b1f2baae2e682518f05..19699502cf81f7b288a2928d71d8f9e5e8b96ceb 100644 --- a/examples/webgl_camera_logarithmicdepthbuffer.html +++ b/examples/webgl_camera_logarithmicdepthbuffer.html @@ -225,6 +225,7 @@ } var renderer = new THREE.WebGLRenderer({ antialias: true, logarithmicDepthBuffer: logDepthBuf }); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize(SCREEN_WIDTH/2, SCREEN_HEIGHT); renderer.domElement.style.position = "relative"; renderer.domElement.id = 'renderer_' + name; diff --git a/examples/webgl_custom_attributes.html b/examples/webgl_custom_attributes.html index b0f74428e04de50699d7e51298a2a883c9b15be0..812e77ed15ea5f57883256fe5d36fdff02facac0 100644 --- a/examples/webgl_custom_attributes.html +++ b/examples/webgl_custom_attributes.html @@ -151,6 +151,7 @@ renderer = new THREE.WebGLRenderer(); renderer.setClearColor( 0x050505, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( WIDTH, HEIGHT ); var container = document.getElementById( 'container' ); diff --git a/examples/webgl_custom_attributes_lines.html b/examples/webgl_custom_attributes_lines.html index df477c043781f269d159015f3422880fe6ef99c4..d5e8376d3f099875cab0a83fd6ff7e4241956fc8 100644 --- a/examples/webgl_custom_attributes_lines.html +++ b/examples/webgl_custom_attributes_lines.html @@ -187,6 +187,7 @@ renderer = new THREE.WebGLRenderer( { antialias: true } ); renderer.setClearColor( 0x050505, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( WIDTH, HEIGHT ); var container = document.getElementById( 'container' ); diff --git a/examples/webgl_custom_attributes_particles.html b/examples/webgl_custom_attributes_particles.html index 8a25a2116f32a10ad055ed7d63486c9e98c21748..0746da0e32d7762a0db0a1f07e789c8c8167d4dc 100644 --- a/examples/webgl_custom_attributes_particles.html +++ b/examples/webgl_custom_attributes_particles.html @@ -167,6 +167,7 @@ scene.add( sphere ); renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( WIDTH, HEIGHT ); var container = document.getElementById( 'container' ); diff --git a/examples/webgl_custom_attributes_particles2.html b/examples/webgl_custom_attributes_particles2.html index 92ccb55dd4669d6b45e624144fc03c6ee94aa096..26d632f54328ff8df3984fb20a9ecf38546cafe8 100644 --- a/examples/webgl_custom_attributes_particles2.html +++ b/examples/webgl_custom_attributes_particles2.html @@ -164,6 +164,7 @@ scene.add( sphere ); renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( WIDTH, HEIGHT ); var container = document.getElementById( 'container' ); diff --git a/examples/webgl_custom_attributes_particles3.html b/examples/webgl_custom_attributes_particles3.html index efdf0284d2685c4d490cda9c46f3eba16beceabe..8c452741fa8aa531c340ab472f3615d1a5ab133b 100644 --- a/examples/webgl_custom_attributes_particles3.html +++ b/examples/webgl_custom_attributes_particles3.html @@ -225,6 +225,7 @@ scene.add( object ); renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( WIDTH, HEIGHT ); var container = document.getElementById( 'container' ); diff --git a/examples/webgl_decals.html b/examples/webgl_decals.html index a4ae4c5f316b56773efbc8012ce4a6f6b51c1e16..ec235261c12a7548326c8da58a1a8289dbb4c332 100644 --- a/examples/webgl_decals.html +++ b/examples/webgl_decals.html @@ -95,6 +95,7 @@ function init() { renderer = new THREE.WebGLRenderer( { antialias: true } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_effects_anaglyph.html b/examples/webgl_effects_anaglyph.html index 92004f3a52ee42eee8c5deb2be40adc1a13c7a67..0edcec344559fb18e1a1abd60b4af91a7e2f5171 100644 --- a/examples/webgl_effects_anaglyph.html +++ b/examples/webgl_effects_anaglyph.html @@ -124,6 +124,7 @@ // renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); container.appendChild( renderer.domElement ); var width = window.innerWidth || 2; diff --git a/examples/webgl_effects_oculusrift.html b/examples/webgl_effects_oculusrift.html index c75ececf2a2f1d6718705e3511ed03fb7f72e9cd..aa3a3d23ff08c258f5a734d625ebb6adfc0c48f8 100644 --- a/examples/webgl_effects_oculusrift.html +++ b/examples/webgl_effects_oculusrift.html @@ -195,6 +195,7 @@ renderer = new THREE.WebGLRenderer(); renderer.setClearColor( 0xbfd1e5, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); // Here is the effect for the Oculus Rift diff --git a/examples/webgl_effects_parallaxbarrier.html b/examples/webgl_effects_parallaxbarrier.html index 0faee3aa9ddf8b8e8b8517e9d2f3813a4816a3cd..00e8501ab0b5979afc3d66822610083955d4f6e8 100644 --- a/examples/webgl_effects_parallaxbarrier.html +++ b/examples/webgl_effects_parallaxbarrier.html @@ -204,6 +204,7 @@ renderer = new THREE.WebGLRenderer(); renderer.setFaceCulling( THREE.CullFaceNone ); + renderer.setPixelRatio( window.devicePixelRatio ); container.appendChild( renderer.domElement ); var width = window.innerWidth || 2; diff --git a/examples/webgl_effects_stereo.html b/examples/webgl_effects_stereo.html index f18cdb01c0d97ce0310270bf185670491d0eb2f3..d67381e6ec7376a708c95c9aada6463d3bc340de 100644 --- a/examples/webgl_effects_stereo.html +++ b/examples/webgl_effects_stereo.html @@ -122,6 +122,7 @@ // renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); container.appendChild( renderer.domElement ); effect = new THREE.StereoEffect( renderer ); diff --git a/examples/webgl_effects_vr.html b/examples/webgl_effects_vr.html index 119863e556aec844ceb48c19b93223ed0b13d4ec..7482f45b55941653a29e81ff758206c5c160063a 100644 --- a/examples/webgl_effects_vr.html +++ b/examples/webgl_effects_vr.html @@ -114,6 +114,7 @@ raycaster = new THREE.Raycaster(); renderer = new THREE.WebGLRenderer( { antialias: true } ); + renderer.setPixelRatio( window.devicePixelRatio ); var fullScreenButton = document.querySelector( '.full-screen' ); var mouseLookButton = document.querySelector( '.mouse-look' ); diff --git a/examples/webgl_geometries.html b/examples/webgl_geometries.html index 86e2159b10833536b6e285494332c026ae4ac4bc..b121c41f814d35e50f83048dec43343201b36766 100644 --- a/examples/webgl_geometries.html +++ b/examples/webgl_geometries.html @@ -128,6 +128,7 @@ // renderer = new THREE.WebGLRenderer( { antialias: true } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_geometries2.html b/examples/webgl_geometries2.html index 5395f8c1506a89685427d455f9536e7a576d8199..db8448d4cd9176ed7d27f1993f345d82e438b401 100644 --- a/examples/webgl_geometries2.html +++ b/examples/webgl_geometries2.html @@ -157,8 +157,8 @@ scene.add( object ); renderer = new THREE.WebGLRenderer( { antialias: true } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); stats = new Stats(); diff --git a/examples/webgl_geometry_colors.html b/examples/webgl_geometry_colors.html index db8fddb29605d6ba63f7f945fa3451e135a55ee0..42358abe8144ec571bd8e74e9bcc4822761ca3ea 100644 --- a/examples/webgl_geometry_colors.html +++ b/examples/webgl_geometry_colors.html @@ -175,8 +175,8 @@ renderer = new THREE.WebGLRenderer( { antialias: true } ); renderer.setClearColor( 0xffffff ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); stats = new Stats(); diff --git a/examples/webgl_geometry_colors_blender.html b/examples/webgl_geometry_colors_blender.html index 0c7c4c45aadf24a867ff3250685713dde57b7370..deabf095797460899b9ac65c858fb7519f60d1ff 100644 --- a/examples/webgl_geometry_colors_blender.html +++ b/examples/webgl_geometry_colors_blender.html @@ -76,8 +76,8 @@ loader.load( "obj/cubecolors/cube_fvc.js", createScene2 ); renderer = new THREE.WebGLRenderer( { antialias: true } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); stats = new Stats(); diff --git a/examples/webgl_geometry_colors_lookuptable.html b/examples/webgl_geometry_colors_lookuptable.html index ac71c5b72bb448e70c419a18a726b5939d9bbe7d..68b9b547c7927f462350b47fbdd720605cb1723d 100644 --- a/examples/webgl_geometry_colors_lookuptable.html +++ b/examples/webgl_geometry_colors_lookuptable.html @@ -106,8 +106,8 @@ renderer = new THREE.WebGLRenderer( { antialias: true } ); renderer.setClearColor(0xffffff, 1); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); window.addEventListener( 'resize', onWindowResize, false ); diff --git a/examples/webgl_geometry_convex.html b/examples/webgl_geometry_convex.html index 4a7567d9994ebf91786f5c0e06dc592943d959bb..bdaaf91325fe6185f7ff972ac0e71d4e5bc1241b 100644 --- a/examples/webgl_geometry_convex.html +++ b/examples/webgl_geometry_convex.html @@ -112,8 +112,8 @@ scene.add( object ); renderer = new THREE.WebGLRenderer( { antialias: true } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); stats = new Stats(); diff --git a/examples/webgl_geometry_cube.html b/examples/webgl_geometry_cube.html index 7f740b6c50ba4d4c6604e30417160c9484f29079..73041a0827d48776d2e4c55581014446f7c02ddd 100644 --- a/examples/webgl_geometry_cube.html +++ b/examples/webgl_geometry_cube.html @@ -26,6 +26,7 @@ function init() { renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); document.body.appendChild( renderer.domElement ); diff --git a/examples/webgl_geometry_dynamic.html b/examples/webgl_geometry_dynamic.html index 601cf83fd9ee315b9a09cb2ecddbd5d98cd5fcdc..9435870961de581ce5b9534ebd85ed97921159f3 100644 --- a/examples/webgl_geometry_dynamic.html +++ b/examples/webgl_geometry_dynamic.html @@ -113,6 +113,7 @@ renderer = new THREE.WebGLRenderer(); renderer.setClearColor( 0xaaccff, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.innerHTML = ""; diff --git a/examples/webgl_geometry_extrude_shapes.html b/examples/webgl_geometry_extrude_shapes.html index 53f9b91677dd62e7215aaf3db3b28cf1f053392f..690a8933cf10ba463fd076d6f2f340a024fd0ee8 100644 --- a/examples/webgl_geometry_extrude_shapes.html +++ b/examples/webgl_geometry_extrude_shapes.html @@ -46,6 +46,7 @@ renderer = new THREE.WebGLRenderer(); renderer.setClearColor( 0x222222 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); document.body.appendChild( renderer.domElement ); diff --git a/examples/webgl_geometry_extrude_shapes2.html b/examples/webgl_geometry_extrude_shapes2.html index 9517980161130804f7b26ab00ba52dfca8402f6d..6613cee2f0704b8771ecd05d9d3247426357e079 100644 --- a/examples/webgl_geometry_extrude_shapes2.html +++ b/examples/webgl_geometry_extrude_shapes2.html @@ -319,6 +319,7 @@ var init3d = function(){ /// Global : renderer renderer = new THREE.WebGLRenderer( { antialias: true } ); renderer.setClearColor( 0xb0b0b0 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); /// Global : scene diff --git a/examples/webgl_geometry_extrude_splines.html b/examples/webgl_geometry_extrude_splines.html index e84766b0551ff6d2d0612c4e4661f533bbc95b21..d2e62f8da824c4b9a88b06c66bd812266cf8683b 100644 --- a/examples/webgl_geometry_extrude_splines.html +++ b/examples/webgl_geometry_extrude_splines.html @@ -228,8 +228,8 @@ renderer = new THREE.WebGLRenderer( { antialias: true } ); renderer.setClearColor( 0xf0f0f0 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); stats = new Stats(); diff --git a/examples/webgl_geometry_hierarchy.html b/examples/webgl_geometry_hierarchy.html index 34e993b9a10ef78675b13d73db667b86f1aa8b68..de202ec7bdc125e52f55ceafda1388e5b32dcd19 100644 --- a/examples/webgl_geometry_hierarchy.html +++ b/examples/webgl_geometry_hierarchy.html @@ -74,6 +74,7 @@ renderer = new THREE.WebGLRenderer(); renderer.setClearColor( 0xffffff ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.sortObjects = false; diff --git a/examples/webgl_geometry_hierarchy2.html b/examples/webgl_geometry_hierarchy2.html index d6ad1447d1be5b0a6d21015ac1d90995469f0f52..c20961238713860810a92d7fe0537099f4554ae5 100644 --- a/examples/webgl_geometry_hierarchy2.html +++ b/examples/webgl_geometry_hierarchy2.html @@ -128,6 +128,7 @@ renderer = new THREE.WebGLRenderer(); renderer.setClearColor( 0xffffff ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.sortObjects = false; container.appendChild( renderer.domElement ); diff --git a/examples/webgl_geometry_large_mesh.html b/examples/webgl_geometry_large_mesh.html index 30acccbb126e45038e53bac03c8f24faa5ba6443..19a938b2a21065df1bfbe12a845104c7f39f1001 100644 --- a/examples/webgl_geometry_large_mesh.html +++ b/examples/webgl_geometry_large_mesh.html @@ -132,6 +132,7 @@ try { webglRenderer = new THREE.WebGLRenderer( { antialias: true, alpha: true } ); + renderer.setPixelRatio( window.devicePixelRatio ); webglRenderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); webglRenderer.domElement.style.position = "relative"; container.appendChild( webglRenderer.domElement ); @@ -145,6 +146,7 @@ if( render_canvas ) { canvasRenderer = new THREE.CanvasRenderer(); + canvasRenderer.setPixelRatio( window.devicePixelRatio ); canvasRenderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); container.appendChild( canvasRenderer.domElement ); diff --git a/examples/webgl_geometry_minecraft.html b/examples/webgl_geometry_minecraft.html index 5b1289395252380749a4427e734a6673ab627a6d..2d182d551e976f61f6b5283748e3c8a505a1ff3a 100644 --- a/examples/webgl_geometry_minecraft.html +++ b/examples/webgl_geometry_minecraft.html @@ -194,6 +194,7 @@ renderer = new THREE.WebGLRenderer(); renderer.setClearColor( 0xbfd1e5, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.innerHTML = ""; diff --git a/examples/webgl_geometry_minecraft_ao.html b/examples/webgl_geometry_minecraft_ao.html index d3cc35debc1185e4b9df0d01e2910591f8c7d76f..e662bd5b6cf66610f348674c0f683d581f2a3872 100644 --- a/examples/webgl_geometry_minecraft_ao.html +++ b/examples/webgl_geometry_minecraft_ao.html @@ -290,6 +290,7 @@ renderer = new THREE.WebGLRenderer(); renderer.setClearColor( 0xffffff ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.innerHTML = ""; diff --git a/examples/webgl_geometry_normals.html b/examples/webgl_geometry_normals.html index 048ba5db54e8dc83b4124e40926273b5aafc6888..94af465f641825a2e285e01b2fbb295c8b6ad874 100644 --- a/examples/webgl_geometry_normals.html +++ b/examples/webgl_geometry_normals.html @@ -297,8 +297,8 @@ renderer = new THREE.WebGLRenderer( { antialias: true } ); // WebGLRenderer CanvasRenderer renderer.setClearColor( 0xf0f0f0 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); stats = new Stats(); diff --git a/examples/webgl_geometry_nurbs.html b/examples/webgl_geometry_nurbs.html index d40d480ccf6818ed98ac3fdd6973f3d22e69e25d..3ab232f20eea2bdc7010405c8507a67b4f9f77de 100644 --- a/examples/webgl_geometry_nurbs.html +++ b/examples/webgl_geometry_nurbs.html @@ -171,8 +171,8 @@ renderer = new THREE.WebGLRenderer( { antialias: true } ); renderer.setClearColor( 0xf0f0f0 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); stats = new Stats(); diff --git a/examples/webgl_geometry_shapes.html b/examples/webgl_geometry_shapes.html index 29e69954c111d8f7bf1441a638d80f748c158c60..53e07f88c8dd955c6cfe435c9cac906f99bc10b8 100644 --- a/examples/webgl_geometry_shapes.html +++ b/examples/webgl_geometry_shapes.html @@ -332,8 +332,8 @@ renderer = new THREE.WebGLRenderer( { antialias: true } ); renderer.setClearColor( 0xf0f0f0, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); stats = new Stats(); diff --git a/examples/webgl_geometry_terrain.html b/examples/webgl_geometry_terrain.html index f9eeea09e55b8541138f75956c858f6a517b05db..90eceba0440dc71d9ec5e3bf18208b0d1df1b411 100644 --- a/examples/webgl_geometry_terrain.html +++ b/examples/webgl_geometry_terrain.html @@ -100,6 +100,7 @@ renderer = new THREE.WebGLRenderer(); renderer.setClearColor( 0xbfd1e5 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.innerHTML = ""; diff --git a/examples/webgl_geometry_terrain_fog.html b/examples/webgl_geometry_terrain_fog.html index 1fc77dc78b42fe7463dc555a5667505ad1b255a9..ecda34c319d068c3aaff888714c761f4541cf46a 100644 --- a/examples/webgl_geometry_terrain_fog.html +++ b/examples/webgl_geometry_terrain_fog.html @@ -102,6 +102,7 @@ renderer = new THREE.WebGLRenderer(); renderer.setClearColor( 0xefd1b5 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.innerHTML = ""; diff --git a/examples/webgl_geometry_terrain_raycast.html b/examples/webgl_geometry_terrain_raycast.html index 09b072bdca5b92740ae8ea8e763d5b9fe5837f62..2060074d595f7ab3ac21ce3f4f6ec27d95670c49 100644 --- a/examples/webgl_geometry_terrain_raycast.html +++ b/examples/webgl_geometry_terrain_raycast.html @@ -112,6 +112,7 @@ renderer = new THREE.WebGLRenderer(); renderer.setClearColor( 0xbfd1e5 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.innerHTML = ""; diff --git a/examples/webgl_geometry_text.html b/examples/webgl_geometry_text.html index 28920a1597449aee604be61086eef6c462f2c301..3eebed1ed4b0ed66c108b8401dd6e9c1a339a7da 100644 --- a/examples/webgl_geometry_text.html +++ b/examples/webgl_geometry_text.html @@ -246,10 +246,9 @@ // RENDERER renderer = new THREE.WebGLRenderer( { antialias: true } ); - renderer.setSize( window.innerWidth, window.innerHeight ); - renderer.setClearColor( scene.fog.color, 1 ); - + renderer.setPixelRatio( window.devicePixelRatio ); + renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); // STATS diff --git a/examples/webgl_geometry_text2.html b/examples/webgl_geometry_text2.html index f1f26d613ce8d628a286c8681056c083bb304177..437bdf468d7942eee15ac4b074460b9ce8008f18 100644 --- a/examples/webgl_geometry_text2.html +++ b/examples/webgl_geometry_text2.html @@ -261,10 +261,9 @@ // RENDERER renderer = new THREE.WebGLRenderer( { antialias: true } ); - renderer.setSize( window.innerWidth, window.innerHeight ); - renderer.setClearColor( scene.fog.color, 1 ); - + renderer.setPixelRatio( window.devicePixelRatio ); + renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); // STATS diff --git a/examples/webgl_gpgpu_birds.html b/examples/webgl_gpgpu_birds.html index 7149cfb129e95aa042f3644f6a56a91ab5308a20..2f0b9032ae5abfeaa09357197b35662f14ccdc30 100644 --- a/examples/webgl_gpgpu_birds.html +++ b/examples/webgl_gpgpu_birds.html @@ -505,8 +505,9 @@ scene.fog = new THREE.Fog( 0xffffff, 100, 1000 ); renderer = new THREE.WebGLRenderer(); - renderer.setSize( window.innerWidth, window.innerHeight ); renderer.setClearColor( scene.fog.color, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); + renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); simulator = new SimulationRenderer(WIDTH, renderer); diff --git a/examples/webgl_hdr.html b/examples/webgl_hdr.html index 606f5470e8900833f882eae812e47775963bbef6..204482832ff195dcc6dddf4ec04091b8780bb399 100644 --- a/examples/webgl_hdr.html +++ b/examples/webgl_hdr.html @@ -149,6 +149,7 @@ scene.add( quad ); renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_helpers.html b/examples/webgl_helpers.html index ac59b7601bb9d9c9999b479a88d83f07f0f77413..58742ae5e326abfb9d75f245e9871958e8942d99 100644 --- a/examples/webgl_helpers.html +++ b/examples/webgl_helpers.html @@ -26,6 +26,7 @@ function init() { renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); document.body.appendChild( renderer.domElement ); diff --git a/examples/webgl_interactive_buffergeometry.html b/examples/webgl_interactive_buffergeometry.html index 897e5c18fe1c670b347043964bacb2a33f5de205..d0e00785e38f0b4fe6ddf2f26e9072bcb107b14e 100644 --- a/examples/webgl_interactive_buffergeometry.html +++ b/examples/webgl_interactive_buffergeometry.html @@ -214,8 +214,8 @@ renderer = new THREE.WebGLRenderer( { antialias: false } ); renderer.setClearColor( scene.fog.color, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); // diff --git a/examples/webgl_interactive_cubes.html b/examples/webgl_interactive_cubes.html index c98a92c043eef311a5c389abf9d3704cbe074afa..6967c4b128f447766ed1409cc56c52f0faea4888 100644 --- a/examples/webgl_interactive_cubes.html +++ b/examples/webgl_interactive_cubes.html @@ -77,6 +77,7 @@ renderer = new THREE.WebGLRenderer(); renderer.setClearColor( 0xf0f0f0 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.sortObjects = false; container.appendChild(renderer.domElement); diff --git a/examples/webgl_interactive_cubes_gpu.html b/examples/webgl_interactive_cubes_gpu.html index 20d61ae2a9f06b53b249cc29ca93e71add98dbb7..8b27d73ca46c073f24d597efb56ba2a1c19195c5 100644 --- a/examples/webgl_interactive_cubes_gpu.html +++ b/examples/webgl_interactive_cubes_gpu.html @@ -165,6 +165,7 @@ renderer = new THREE.WebGLRenderer( { antialias: true } ); renderer.setClearColor( 0xffffff, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.sortObjects = false; container.appendChild( renderer.domElement ); diff --git a/examples/webgl_interactive_cubes_ortho.html b/examples/webgl_interactive_cubes_ortho.html index e693a7036635c305d623d9d9203fbe41221abfa8..bf665a78a321f402b03ef03d58c8be7d8969a9a7 100644 --- a/examples/webgl_interactive_cubes_ortho.html +++ b/examples/webgl_interactive_cubes_ortho.html @@ -77,6 +77,7 @@ renderer = new THREE.WebGLRenderer(); renderer.setClearColor( 0xf0f0f0 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.sortObjects = false; container.appendChild(renderer.domElement); diff --git a/examples/webgl_interactive_draggablecubes.html b/examples/webgl_interactive_draggablecubes.html index ce76c3f5879a7a33203f2e06a438a89a23712b4b..104521a7b812dea5a847eae97561970091378a29 100644 --- a/examples/webgl_interactive_draggablecubes.html +++ b/examples/webgl_interactive_draggablecubes.html @@ -109,6 +109,7 @@ renderer = new THREE.WebGLRenderer( { antialias: true } ); renderer.setClearColor( 0xf0f0f0 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.sortObjects = false; diff --git a/examples/webgl_interactive_lines.html b/examples/webgl_interactive_lines.html index 29286bb45c3c2298e7e3aa3fba0f9649a9ca0f6e..c74c79672ff6140e6e96ab3440510a62c09cbbe2 100644 --- a/examples/webgl_interactive_lines.html +++ b/examples/webgl_interactive_lines.html @@ -115,8 +115,8 @@ renderer = new THREE.WebGLRenderer( { antialias: true } ); renderer.setClearColor( 0xf0f0f0 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild(renderer.domElement); stats = new Stats(); diff --git a/examples/webgl_interactive_particles.html b/examples/webgl_interactive_particles.html index 8405dceda3a7025ec6f791d1867c894f7daff4cd..85c958cca5f3f0e5bcc9a009021d1f09c49512c9 100644 --- a/examples/webgl_interactive_particles.html +++ b/examples/webgl_interactive_particles.html @@ -152,8 +152,8 @@ // renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); // diff --git a/examples/webgl_interactive_raycasting_pointcloud.html b/examples/webgl_interactive_raycasting_pointcloud.html index 2aecc80d20241dd434b083bcf05c1a7edf064a9f..f969311e3876fc46341567eee3ed4c25fe4c1963 100644 --- a/examples/webgl_interactive_raycasting_pointcloud.html +++ b/examples/webgl_interactive_raycasting_pointcloud.html @@ -268,8 +268,8 @@ // renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); // diff --git a/examples/webgl_interactive_voxelpainter.html b/examples/webgl_interactive_voxelpainter.html index 9386df7de9994418a3454641829fa10abb4e2dc0..6d34a5396ad65101aaa55b7b5b6e403f36d59e34 100644 --- a/examples/webgl_interactive_voxelpainter.html +++ b/examples/webgl_interactive_voxelpainter.html @@ -116,8 +116,8 @@ renderer = new THREE.WebGLRenderer( { antialias: true } ); renderer.setClearColor( 0xf0f0f0 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); document.addEventListener( 'mousemove', onDocumentMouseMove, false ); diff --git a/examples/webgl_kinect.html b/examples/webgl_kinect.html index 74c38d346b92c4b5102e82de7d359b4e1cb88cfb..d8e46d61107d04e2ce238868d2dd8784a9e986c1 100644 --- a/examples/webgl_kinect.html +++ b/examples/webgl_kinect.html @@ -214,6 +214,7 @@ video.play(); renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_lensflares.html b/examples/webgl_lensflares.html index 7d8229b1e02d875baab37bf237d81e065d648a30..cb74144a04689d3612e6ef48c0ee7b0b557d9825 100644 --- a/examples/webgl_lensflares.html +++ b/examples/webgl_lensflares.html @@ -170,9 +170,9 @@ // renderer renderer = new THREE.WebGLRenderer( { antialias: true, alpha: true } ); - renderer.setSize( window.innerWidth, window.innerHeight ); renderer.setClearColor( scene.fog.color, 1 ); - + renderer.setPixelRatio( window.devicePixelRatio ); + renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); // diff --git a/examples/webgl_lights_hemisphere.html b/examples/webgl_lights_hemisphere.html index 60756c0a8742faa4b03669714147f61543b4dd2d..158dc02d470ead8411f9a0332d69b25b9c21ea90 100644 --- a/examples/webgl_lights_hemisphere.html +++ b/examples/webgl_lights_hemisphere.html @@ -225,11 +225,11 @@ // RENDERER renderer = new THREE.WebGLRenderer( { antialias: true } ); + renderer.setClearColor( scene.fog.color, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); - renderer.setClearColor( scene.fog.color, 1 ); - renderer.gammaInput = true; renderer.gammaOutput = true; diff --git a/examples/webgl_lights_pointlights.html b/examples/webgl_lights_pointlights.html index 1bb0f90391e2042baa88168217756710b796571b..2355071784d36a46b26b8d5b16f3352290aecb7d 100644 --- a/examples/webgl_lights_pointlights.html +++ b/examples/webgl_lights_pointlights.html @@ -104,6 +104,7 @@ scene.add( light4 ); renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_lights_pointlights2.html b/examples/webgl_lights_pointlights2.html index 39922c77013b43402d4f8711b04e52fe2aac5f3f..5a5c49962f551385718a78d63c520adebdfbcfd5 100644 --- a/examples/webgl_lights_pointlights2.html +++ b/examples/webgl_lights_pointlights2.html @@ -204,8 +204,8 @@ renderer = new THREE.WebGLRenderer( { antialias: false } ); renderer.setClearColor( scene.fog.color, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); renderer.gammaInput = true; diff --git a/examples/webgl_lines_colors.html b/examples/webgl_lines_colors.html index 775512a77c089afa6226c90ff665ac25c56b78fe..1a7bd321bfa0d3c70aa95d5db8a28bfc7bbf3504 100644 --- a/examples/webgl_lines_colors.html +++ b/examples/webgl_lines_colors.html @@ -90,6 +90,7 @@ scene = new THREE.Scene(); renderer = new THREE.WebGLRenderer( { antialias: false } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.autoClear = false; diff --git a/examples/webgl_lines_cubes.html b/examples/webgl_lines_cubes.html index aceb19e06ed6b289b7bc2b589cc9636f1543c51e..025bad2b6c8a0d641e77a5d5003dbd59b045de86 100644 --- a/examples/webgl_lines_cubes.html +++ b/examples/webgl_lines_cubes.html @@ -78,6 +78,7 @@ scene = new THREE.Scene(); renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_lines_dashed.html b/examples/webgl_lines_dashed.html index 60c642a1a9942b3633d89451b283c3b10a7053c0..897a231aeaf4cf79f38b299adba1bb8f700d0edf 100644 --- a/examples/webgl_lines_dashed.html +++ b/examples/webgl_lines_dashed.html @@ -97,6 +97,7 @@ renderer = new THREE.WebGLRenderer( { antialias: true } ); renderer.setClearColor( 0x111111, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( WIDTH, HEIGHT ); var container = document.getElementById( 'container' ); diff --git a/examples/webgl_lines_sphere.html b/examples/webgl_lines_sphere.html index e4583299adf0971a2ad5a17fd06c706c16c1f437..d9a287c38a38e7021fc96527644c358be3fb3bd1 100644 --- a/examples/webgl_lines_sphere.html +++ b/examples/webgl_lines_sphere.html @@ -119,6 +119,7 @@ } renderer = new THREE.WebGLRenderer( { antialias: true } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_lines_splines.html b/examples/webgl_lines_splines.html index b572a794e0d07eb6b8d7d6f8ed00d9b78b8d4fe2..f3407edc187417a7cd91d1710485b457d9f35580 100644 --- a/examples/webgl_lines_splines.html +++ b/examples/webgl_lines_splines.html @@ -78,8 +78,8 @@ scene = new THREE.Scene(); renderer = new THREE.WebGLRenderer( { antialias: true } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); var geometry = new THREE.Geometry(), diff --git a/examples/webgl_loader_assimp2json.html b/examples/webgl_loader_assimp2json.html index 26869ac05b96df5435897e25e39508f3f4b0ff62..645a9d9872d03da3fb22fa3b07db8b91c32be362 100644 --- a/examples/webgl_loader_assimp2json.html +++ b/examples/webgl_loader_assimp2json.html @@ -139,8 +139,8 @@ // Renderer renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); // Stats diff --git a/examples/webgl_loader_awd.html b/examples/webgl_loader_awd.html index 586891b9a9ef6b89770469d1b6b811af57b04805..385e48ecae63f65a59bff42fe973e5481ad799be 100644 --- a/examples/webgl_loader_awd.html +++ b/examples/webgl_loader_awd.html @@ -106,8 +106,8 @@ scene.add( pointLight ); renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); stats = new Stats(); diff --git a/examples/webgl_loader_babylon.html b/examples/webgl_loader_babylon.html index d9dc4a53e295cb6aed2f188369221869da06866f..1e37bdfa43d49ae4e1aaa82c4b6c5be19f9dacc2 100644 --- a/examples/webgl_loader_babylon.html +++ b/examples/webgl_loader_babylon.html @@ -103,6 +103,7 @@ // renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_loader_collada.html b/examples/webgl_loader_collada.html index 17c5216d6b5f502e7df3cd9cfd1597e9a0e853d3..52b1c9e24883f415daa49cb5b4f6f29b6f1bdf86 100644 --- a/examples/webgl_loader_collada.html +++ b/examples/webgl_loader_collada.html @@ -126,8 +126,8 @@ particleLight.add( pointLight ); renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); stats = new Stats(); diff --git a/examples/webgl_loader_collada_keyframe.html b/examples/webgl_loader_collada_keyframe.html index d13e9c381319c3280230ce9fbe6fc6bffda07fbf..b865e616bcd7deb4d46244e7726de61aca9ef21d 100644 --- a/examples/webgl_loader_collada_keyframe.html +++ b/examples/webgl_loader_collada_keyframe.html @@ -131,8 +131,8 @@ // Renderer renderer = new THREE.WebGLRenderer( { antialias: true } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); // Stats diff --git a/examples/webgl_loader_collada_kinematics.html b/examples/webgl_loader_collada_kinematics.html index f36a602bad4be24dc0da0af2c618dd4be6b31a47..81145f06e5249dcd37cf5784bcbda89c5e793465 100644 --- a/examples/webgl_loader_collada_kinematics.html +++ b/examples/webgl_loader_collada_kinematics.html @@ -133,8 +133,8 @@ particleLight.add( pointLight ); renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); stats = new Stats(); diff --git a/examples/webgl_loader_collada_skinning.html b/examples/webgl_loader_collada_skinning.html index d6d26e47b3587be26d902a6fd1bf6c16e5bb288d..fe2efc78cf2a35b1e040b9bb19631e3627219577 100644 --- a/examples/webgl_loader_collada_skinning.html +++ b/examples/webgl_loader_collada_skinning.html @@ -68,9 +68,9 @@ renderer = new THREE.WebGLRenderer( { antialias: true } ); renderer.setClearColor( 0xfff4e5 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.sortObjects = false; - container.appendChild( renderer.domElement ); stats = new Stats(); diff --git a/examples/webgl_loader_ctm.html b/examples/webgl_loader_ctm.html index fb805de49cb60e0405edc29c7450b8c4a43f4f76..01f51ab9de9b8d4ea5616b4ee69f359d62c490f9 100644 --- a/examples/webgl_loader_ctm.html +++ b/examples/webgl_loader_ctm.html @@ -114,10 +114,9 @@ // RENDERER renderer = new THREE.WebGLRenderer( { antialias: true } ); - renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); - renderer.setClearColor( scene.fog.color, 1 ); - + renderer.setPixelRatio( window.devicePixelRatio ); + renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); renderer.domElement.style.position = "relative"; container.appendChild( renderer.domElement ); diff --git a/examples/webgl_loader_ctm_materials.html b/examples/webgl_loader_ctm_materials.html index a9a5fd9b7bf56e05f9c57f0d9d31a38f194dae94..1058532eebe61f66de5205d5db6514a95490a14f 100644 --- a/examples/webgl_loader_ctm_materials.html +++ b/examples/webgl_loader_ctm_materials.html @@ -149,6 +149,7 @@ // RENDERER renderer = new THREE.WebGLRenderer( { antialias: true } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); renderer.domElement.style.position = "relative"; diff --git a/examples/webgl_loader_gltf.html b/examples/webgl_loader_gltf.html index 7591e842b3eb4b3fdceb61bec1cc7cd870307828..7d4b3e8f0a5ae7d67f8cf7945057318fcba2d54d 100644 --- a/examples/webgl_loader_gltf.html +++ b/examples/webgl_loader_gltf.html @@ -184,6 +184,7 @@ // RENDERER renderer = new THREE.WebGLRenderer({antialias:true}); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( container.offsetWidth, container.offsetHeight ); if (sceneInfo.shadows) { diff --git a/examples/webgl_loader_json_blender.html b/examples/webgl_loader_json_blender.html index 564666f0be2f7cc3ade24e5aefc8fc7a7649f42f..4f41cc46f0b79af3c04b795e008142b56dbe0002 100644 --- a/examples/webgl_loader_json_blender.html +++ b/examples/webgl_loader_json_blender.html @@ -165,8 +165,8 @@ // Renderer renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); // Stats diff --git a/examples/webgl_loader_json_objconverter.html b/examples/webgl_loader_json_objconverter.html index ae31b6dea3775f1b7be5d968e7e11f1358a98828..d16d45b2a4587d22ec99a2d10ecc74b4d2ee2d46 100644 --- a/examples/webgl_loader_json_objconverter.html +++ b/examples/webgl_loader_json_objconverter.html @@ -150,6 +150,7 @@ webglRenderer = new THREE.WebGLRenderer(); webglRenderer.setClearColor( 0xffffff ); + webglRenderer.setPixelRatio( window.devicePixelRatio ); webglRenderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); webglRenderer.domElement.style.position = "relative"; @@ -167,6 +168,7 @@ canvasRenderer = new THREE.CanvasRenderer(); canvasRenderer.setClearColor( 0xffffff ); + canvasRenderer.setPixelRatio( window.devicePixelRatio ); canvasRenderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); container.appendChild( canvasRenderer.domElement ); diff --git a/examples/webgl_loader_msgpack.html b/examples/webgl_loader_msgpack.html index 333ca8807710cdf90b3e1e9e3ad649d9f0800ef0..60276053702425e5fb5202c5fc0969f96aa09e05 100644 --- a/examples/webgl_loader_msgpack.html +++ b/examples/webgl_loader_msgpack.html @@ -134,8 +134,9 @@ https://github.com/creationix/msgpack-js-browser container = document.getElementById('viewport'); renderer = new THREE.WebGLRenderer( { antialias: true, alpha: true } ); - renderer.setSize( container.offsetWidth, container.offsetHeight ); renderer.setClearColor( 0x000000, 0 ); + renderer.setPixelRatio( window.devicePixelRatio ); + renderer.setSize( container.offsetWidth, container.offsetHeight ); container.appendChild( renderer.domElement ); var aspect = container.offsetWidth / container.offsetHeight; diff --git a/examples/webgl_loader_obj.html b/examples/webgl_loader_obj.html index 8c412566bbbc375b2dda56694bfb7aea69ca377f..bd71a6e35fe184c11cb0059215883cc8d0d53795 100644 --- a/examples/webgl_loader_obj.html +++ b/examples/webgl_loader_obj.html @@ -121,6 +121,7 @@ // renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_loader_obj_mtl.html b/examples/webgl_loader_obj_mtl.html index 1a82d893fb466672f1cbab5e6c1f90359bd09e73..b646a92df274a47c3167907037bfe74c01f0aaa6 100644 --- a/examples/webgl_loader_obj_mtl.html +++ b/examples/webgl_loader_obj_mtl.html @@ -100,6 +100,7 @@ // renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_loader_pdb.html b/examples/webgl_loader_pdb.html index 2c6bc495e327756c7a4d4d28a613c1344139a338..7d7f6e3b60ae904ab53ca66faa7f89595854330e 100644 --- a/examples/webgl_loader_pdb.html +++ b/examples/webgl_loader_pdb.html @@ -124,6 +124,7 @@ renderer = new THREE.WebGLRenderer( { antialias: true } ); renderer.setClearColor( 0x050505 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); document.getElementById( 'container' ).appendChild( renderer.domElement ); diff --git a/examples/webgl_loader_ply.html b/examples/webgl_loader_ply.html index 06f7e637f0ad388537a4a848c22b143f55c30017..6c32aada0fc46978d8eaa39845117f377ffeaa5b 100644 --- a/examples/webgl_loader_ply.html +++ b/examples/webgl_loader_ply.html @@ -118,9 +118,9 @@ // renderer renderer = new THREE.WebGLRenderer( { antialias: true } ); - renderer.setSize( window.innerWidth, window.innerHeight ); - renderer.setClearColor( scene.fog.color, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); + renderer.setSize( window.innerWidth, window.innerHeight ); renderer.gammaInput = true; renderer.gammaOutput = true; diff --git a/examples/webgl_loader_scene.html b/examples/webgl_loader_scene.html index e645d295133074472c7e507f8fe69642bbeb28e6..92055ca3f6bb0758e2d96610f2a8d113cd5cb39d 100644 --- a/examples/webgl_loader_scene.html +++ b/examples/webgl_loader_scene.html @@ -171,6 +171,7 @@ scene = loadScene.scene; renderer = new THREE.WebGLRenderer( { antialias: true } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); renderer.domElement.style.position = "relative"; container.appendChild( renderer.domElement ); diff --git a/examples/webgl_loader_stl.html b/examples/webgl_loader_stl.html index cdf6ee866372347c85639f42c9952fbdd53f3b90..5c1a39db42c2c6c6019db1339374b14a8de2e4e9 100644 --- a/examples/webgl_loader_stl.html +++ b/examples/webgl_loader_stl.html @@ -173,9 +173,9 @@ // renderer renderer = new THREE.WebGLRenderer( { antialias: true } ); - renderer.setSize( window.innerWidth, window.innerHeight ); - renderer.setClearColor( scene.fog.color, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); + renderer.setSize( window.innerWidth, window.innerHeight ); renderer.gammaInput = true; renderer.gammaOutput = true; diff --git a/examples/webgl_loader_utf8.html b/examples/webgl_loader_utf8.html index b59e2eacb577e4b0d8d429f4914df7ac64a2a37a..ea3f24a9c078daf64900aaa303badd039d2b52b4 100644 --- a/examples/webgl_loader_utf8.html +++ b/examples/webgl_loader_utf8.html @@ -115,10 +115,9 @@ // RENDERER renderer = new THREE.WebGLRenderer( { antialias: true } ); - renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); - renderer.setClearColor( scene.fog.color, 1 ); - + renderer.setPixelRatio( window.devicePixelRatio ); + renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); renderer.domElement.style.position = "relative"; container.appendChild( renderer.domElement ); diff --git a/examples/webgl_loader_vrml.html b/examples/webgl_loader_vrml.html index 820b62ec8a59ee7b237e1b01f95aae880543459c..0421ac0c40654577906860368d9fcb45654439e3 100644 --- a/examples/webgl_loader_vrml.html +++ b/examples/webgl_loader_vrml.html @@ -89,6 +89,7 @@ // renderer renderer = new THREE.WebGLRenderer( { antialias: false } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container = document.createElement( 'div' ); diff --git a/examples/webgl_loader_vtk.html b/examples/webgl_loader_vtk.html index 10a369c1d4db8d3aa1e1e74b73c2e226ed233192..1026197b3e9cfb7ac5366f8114840b60bbc70784 100644 --- a/examples/webgl_loader_vtk.html +++ b/examples/webgl_loader_vtk.html @@ -99,6 +99,7 @@ // renderer renderer = new THREE.WebGLRenderer( { antialias: false } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container = document.createElement( 'div' ); diff --git a/examples/webgl_lod.html b/examples/webgl_lod.html index 4de9f244777b52fb1a0b88d35661024b1b7b271b..a73fb2e72a40fa10768b5c629f84a7a3a1926e2f 100644 --- a/examples/webgl_lod.html +++ b/examples/webgl_lod.html @@ -121,6 +121,7 @@ renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.sortObjects = false; container.appendChild( renderer.domElement ); diff --git a/examples/webgl_marchingcubes.html b/examples/webgl_marchingcubes.html index 3b985b1fd2dc6c7f3623449857473b6a8437f97a..a6e5fce426605989740107b34470293b94621e1f 100644 --- a/examples/webgl_marchingcubes.html +++ b/examples/webgl_marchingcubes.html @@ -159,6 +159,7 @@ renderer = new THREE.WebGLRenderer(); renderer.setClearColor( 0x050505, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); renderer.domElement.style.position = "absolute"; diff --git a/examples/webgl_materials.html b/examples/webgl_materials.html index a45c2e77226917be29d85e18c522a7625343491b..d7f8b500efc6195e3969e94578fb2b14b83a93f2 100644 --- a/examples/webgl_materials.html +++ b/examples/webgl_materials.html @@ -153,8 +153,8 @@ // renderer = new THREE.WebGLRenderer( { antialias: true } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); // diff --git a/examples/webgl_materials2.html b/examples/webgl_materials2.html index b12236249a0de1a04c66de3a77689eef49683dc6..85297a87266a20be804fcdab096147a51c70c83d 100644 --- a/examples/webgl_materials2.html +++ b/examples/webgl_materials2.html @@ -118,6 +118,7 @@ renderer = new THREE.WebGLRenderer( { antialias: true } ); renderer.setClearColor( 0x0a0a0a, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.sortObjects = true; diff --git a/examples/webgl_materials_blending.html b/examples/webgl_materials_blending.html index 080b5d7be58ca615d15879b90a76adf0ef35a838..394aa9f8ba845e963621b8cab22ba080d546b26a 100644 --- a/examples/webgl_materials_blending.html +++ b/examples/webgl_materials_blending.html @@ -118,6 +118,7 @@ // RENDERER renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); document.body.appendChild( renderer.domElement ); diff --git a/examples/webgl_materials_blending_custom.html b/examples/webgl_materials_blending_custom.html index 3eebd8969f1505021090003789dc88c98ed6c0e3..9307e688cd844bfda2bb1ba312b3745941dde31c 100644 --- a/examples/webgl_materials_blending_custom.html +++ b/examples/webgl_materials_blending_custom.html @@ -279,6 +279,7 @@ // RENDERER renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.domElement.style.position = "absolute"; diff --git a/examples/webgl_materials_bumpmap.html b/examples/webgl_materials_bumpmap.html index ef89abcffed2e7291bcb89432f4ccb3ca0ae0e52..7ed27e24b4ada9eb1b9a9a58dde850238c9eb05d 100644 --- a/examples/webgl_materials_bumpmap.html +++ b/examples/webgl_materials_bumpmap.html @@ -178,6 +178,7 @@ renderer = new THREE.WebGLRenderer( { antialias: false } ); renderer.setClearColor( 0x060708, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_materials_bumpmap_skin.html b/examples/webgl_materials_bumpmap_skin.html index 44ea54e03d84253c94ed8ff37741d8892e61d477..fcaad3291af4e018494c06ba894ece17edf1cb67 100644 --- a/examples/webgl_materials_bumpmap_skin.html +++ b/examples/webgl_materials_bumpmap_skin.html @@ -181,6 +181,7 @@ renderer = new THREE.WebGLRenderer( { antialias: false } ); renderer.setClearColor( 0x060708, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_materials_cars.html b/examples/webgl_materials_cars.html index 9881febaf958eba9218ccdc5aca8a70a3d96fd75..7a4527cd445565e8df905b6c00a5807d44e5f297 100644 --- a/examples/webgl_materials_cars.html +++ b/examples/webgl_materials_cars.html @@ -210,6 +210,7 @@ // renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.setFaceCulling( THREE.CullFaceNone ); renderer.autoClear = false; diff --git a/examples/webgl_materials_cars_camaro.html b/examples/webgl_materials_cars_camaro.html index 34214f2b8842d9cbb40f17c30bfdc5cdfce44b23..d57650b1793f2b878f1a5b561a3f97f8255357b1 100644 --- a/examples/webgl_materials_cars_camaro.html +++ b/examples/webgl_materials_cars_camaro.html @@ -91,6 +91,7 @@ pointLight.add( mesh ); renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); renderer.setFaceCulling( THREE.CullFaceNone ); diff --git a/examples/webgl_materials_cubemap.html b/examples/webgl_materials_cubemap.html index 192c4b6abecd0ce756c7f4b31538a7c03015a73e..108f2d7ce72c0865e16620012b32498ffb116ad1 100644 --- a/examples/webgl_materials_cubemap.html +++ b/examples/webgl_materials_cubemap.html @@ -137,6 +137,7 @@ // renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.autoClear = false; container.appendChild( renderer.domElement ); diff --git a/examples/webgl_materials_cubemap_balls_reflection.html b/examples/webgl_materials_cubemap_balls_reflection.html index 8d947baba1866966da7ca14aa6d7a194e878f158..003f35dc9ebfbc3f8b290c7e20e78813c7c4cec9 100644 --- a/examples/webgl_materials_cubemap_balls_reflection.html +++ b/examples/webgl_materials_cubemap_balls_reflection.html @@ -127,6 +127,7 @@ // renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.autoClear = false; container.appendChild( renderer.domElement ); diff --git a/examples/webgl_materials_cubemap_balls_refraction.html b/examples/webgl_materials_cubemap_balls_refraction.html index 0b4a547e5e52be012bda4bc6ca8d9e3775161600..36ea824e82e6c68eaf774881cb2eea1825ef5677 100644 --- a/examples/webgl_materials_cubemap_balls_refraction.html +++ b/examples/webgl_materials_cubemap_balls_refraction.html @@ -126,6 +126,7 @@ // renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.autoClear = false; container.appendChild( renderer.domElement ); diff --git a/examples/webgl_materials_cubemap_dynamic.html b/examples/webgl_materials_cubemap_dynamic.html index d0344fabe984982f1ad08621534223c690c0dfac..b373aa08540379df2e6a9edf738fd4e851ac18b3 100644 --- a/examples/webgl_materials_cubemap_dynamic.html +++ b/examples/webgl_materials_cubemap_dynamic.html @@ -188,6 +188,7 @@ renderer = new THREE.WebGLRenderer( { antialias: false } ); renderer.setClearColor( scene.fog.color, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_materials_cubemap_dynamic2.html b/examples/webgl_materials_cubemap_dynamic2.html index 131ce3d9341aff160269650cdff241f078116152..784311b5bc9748172f81d0a0796673a4aa9af3fc 100644 --- a/examples/webgl_materials_cubemap_dynamic2.html +++ b/examples/webgl_materials_cubemap_dynamic2.html @@ -63,6 +63,7 @@ scene.add( mesh ); renderer = new THREE.WebGLRenderer( { antialias: true } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); cubeCamera = new THREE.CubeCamera( 1, 1000, 256 ); diff --git a/examples/webgl_materials_cubemap_escher.html b/examples/webgl_materials_cubemap_escher.html index 02ca28bb58d044c39e68133f272f2ec3c2df3ff3..f931b575c8d7eaca90855d85362ed6a0aab10bda 100644 --- a/examples/webgl_materials_cubemap_escher.html +++ b/examples/webgl_materials_cubemap_escher.html @@ -117,6 +117,7 @@ // renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_materials_cubemap_refraction.html b/examples/webgl_materials_cubemap_refraction.html index 53718aa3abff8121a6595d3d6fa97f63e2014c57..9ffe3cb1e57190d39ccfd8a82a84b0d3167513ad 100644 --- a/examples/webgl_materials_cubemap_refraction.html +++ b/examples/webgl_materials_cubemap_refraction.html @@ -129,6 +129,7 @@ // renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.autoClear = false; container.appendChild( renderer.domElement ); diff --git a/examples/webgl_materials_envmaps.html b/examples/webgl_materials_envmaps.html index c37d635b7d1506c50d64bbe50e103a6cc4a23557..777d1661cd352ac03d0e07576d1ca0a2f6389146 100644 --- a/examples/webgl_materials_envmaps.html +++ b/examples/webgl_materials_envmaps.html @@ -133,6 +133,7 @@ renderer = new THREE.WebGLRenderer(); renderer.autoClear = false; + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.setFaceCulling( THREE.CullFaceNone ); document.body.appendChild( renderer.domElement ); diff --git a/examples/webgl_materials_grass.html b/examples/webgl_materials_grass.html index 758e5d310b9ea8f90c368eca530a1b7d3685d3da..24077b4c0f06ece672072267d4d8d863b064f915 100644 --- a/examples/webgl_materials_grass.html +++ b/examples/webgl_materials_grass.html @@ -67,6 +67,7 @@ renderer = new THREE.WebGLRenderer(); renderer.sortObjects = false; renderer.setClearColor( 0x003300 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); document.body.appendChild( renderer.domElement ); diff --git a/examples/webgl_materials_lightmap.html b/examples/webgl_materials_lightmap.html index afc54c80bda71fe06491cf2b6535f50f2eab2538..dbbf8a2fb3296aa437554f9cdc1e73a84222d4a5 100644 --- a/examples/webgl_materials_lightmap.html +++ b/examples/webgl_materials_lightmap.html @@ -140,6 +140,7 @@ renderer = new THREE.WebGLRenderer( { antialias: true } ); renderer.setClearColor( scene.fog.color, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); renderer.domElement.style.position = "relative"; container.appendChild( renderer.domElement ); diff --git a/examples/webgl_materials_normalmap.html b/examples/webgl_materials_normalmap.html index 8b0da6ab9aac3146a942ce2bcfd93c9e5080646d..cb5f19ed54eb7f5a7bc91f1820496bb7e94ff116 100644 --- a/examples/webgl_materials_normalmap.html +++ b/examples/webgl_materials_normalmap.html @@ -208,6 +208,7 @@ // renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_materials_normalmap2.html b/examples/webgl_materials_normalmap2.html index 5c58ba2abb8168eaf434467620e08234bf440874..3a9512875d392aca46f9b086fd7fcaca17a76d27 100644 --- a/examples/webgl_materials_normalmap2.html +++ b/examples/webgl_materials_normalmap2.html @@ -155,6 +155,7 @@ renderer = new THREE.WebGLRenderer( { antialias: false } ); renderer.setClearColor( 0x111111, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_materials_parallaxmap.html b/examples/webgl_materials_parallaxmap.html index 1241e820289845963603efb5dc01376a718dc47a..9de97c4d1b6ca879b9dc6d922be62eea28243ea8 100644 --- a/examples/webgl_materials_parallaxmap.html +++ b/examples/webgl_materials_parallaxmap.html @@ -84,6 +84,7 @@ initScene(); renderer = new THREE.WebGLRenderer( { antialias: true } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_materials_shaders_fresnel.html b/examples/webgl_materials_shaders_fresnel.html index ea47467665ae20eefa3de451c7f42106f5f2f4ba..9cf98b8df5768df77bb282af541ce26f0e5c907e 100644 --- a/examples/webgl_materials_shaders_fresnel.html +++ b/examples/webgl_materials_shaders_fresnel.html @@ -138,6 +138,7 @@ // renderer = new THREE.WebGLRenderer( { antialias: false } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.autoClear = false; container.appendChild( renderer.domElement ); diff --git a/examples/webgl_materials_skin.html b/examples/webgl_materials_skin.html index 79c29db2b0b170cb345194b82122aff97434f5b6..6d55b57a4edd48969051743b7e2b75267a8d9ca5 100644 --- a/examples/webgl_materials_skin.html +++ b/examples/webgl_materials_skin.html @@ -157,8 +157,9 @@ // RENDERER renderer = new THREE.WebGLRenderer( { antialias: false } ); - renderer.setSize( window.innerWidth, window.innerHeight ); renderer.setClearColor( 0x050505, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); + renderer.setSize( window.innerWidth, window.innerHeight ); renderer.autoClear = false; container.appendChild( renderer.domElement ); diff --git a/examples/webgl_materials_texture_anisotropy.html b/examples/webgl_materials_texture_anisotropy.html index e9dc667e27d0a018b2d469851572e0d75f3efcc0..ce8fda38b9575d26c79e7e757c49eb7669d88a49 100644 --- a/examples/webgl_materials_texture_anisotropy.html +++ b/examples/webgl_materials_texture_anisotropy.html @@ -154,8 +154,9 @@ // RENDERER - renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); renderer.setClearColor( scene1.fog.color, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); + renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); renderer.autoClear = false; renderer.domElement.style.position = "relative"; diff --git a/examples/webgl_materials_texture_compressed.html b/examples/webgl_materials_texture_compressed.html index 3d3ae301059c325905f6dffbbd688ce7f287462c..cc936f11a90e5c52a4f3b08dbe5068e2a62beb3e 100644 --- a/examples/webgl_materials_texture_compressed.html +++ b/examples/webgl_materials_texture_compressed.html @@ -173,6 +173,7 @@ renderer = new THREE.WebGLRenderer( { antialias: true } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); document.body.appendChild( renderer.domElement ); diff --git a/examples/webgl_materials_texture_filters.html b/examples/webgl_materials_texture_filters.html index e4a56f95a60eae48a91d5483a8b017fb1f2f5e8c..f953e0bbafd1b164d9e2d6bb031b51c6c6cf08fc 100644 --- a/examples/webgl_materials_texture_filters.html +++ b/examples/webgl_materials_texture_filters.html @@ -195,8 +195,9 @@ renderer = new THREE.WebGLRenderer( { antialias: true } ); - renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); renderer.setClearColor( scene.fog.color, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); + renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); renderer.autoClear = false; renderer.domElement.style.position = "relative"; diff --git a/examples/webgl_materials_texture_hdr.html b/examples/webgl_materials_texture_hdr.html index d4075de86db2f7e101b66a2c1af474f4cdb7088b..36ac36f1a13fed0af4877113876e7e7b1ab77a06 100644 --- a/examples/webgl_materials_texture_hdr.html +++ b/examples/webgl_materials_texture_hdr.html @@ -161,6 +161,7 @@ renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_materials_texture_manualmipmap.html b/examples/webgl_materials_texture_manualmipmap.html index 78943be9f85a32be99d5e4f86ff064e57a3c758e..c8980ead0ddc9dded4ce3f41d955f44958c98970 100644 --- a/examples/webgl_materials_texture_manualmipmap.html +++ b/examples/webgl_materials_texture_manualmipmap.html @@ -209,8 +209,9 @@ renderer = new THREE.WebGLRenderer( { antialias: true } ); - renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); renderer.setClearColor( scene1.fog.color, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); + renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); renderer.autoClear = false; renderer.domElement.style.position = "relative"; diff --git a/examples/webgl_materials_texture_pvrtc.html b/examples/webgl_materials_texture_pvrtc.html index a4eac788df7bebd60a390bf518f9f96aa8a71782..4d5ad1fde974c7fccfcb9de76704247ba69b8e79 100644 --- a/examples/webgl_materials_texture_pvrtc.html +++ b/examples/webgl_materials_texture_pvrtc.html @@ -172,6 +172,7 @@ renderer = new THREE.WebGLRenderer( { antialias: true } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); document.body.appendChild( renderer.domElement ); diff --git a/examples/webgl_materials_texture_tga.html b/examples/webgl_materials_texture_tga.html index 17591fc52f0520250fdad08fa79d280e23fbcdce..75b50f40e4c05170f251379c68a77153f1bc94c7 100644 --- a/examples/webgl_materials_texture_tga.html +++ b/examples/webgl_materials_texture_tga.html @@ -95,8 +95,10 @@ scene.add( mesh2 ); // RENDERER - renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); + renderer.setClearColor( 0xf2f7ff, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); + renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); renderer.autoClear = false; renderer.domElement.style.position = "relative"; diff --git a/examples/webgl_materials_video.html b/examples/webgl_materials_video.html index 9b04b813737c7553d491e1019440aa622d4ede13..8b907c0f4d8fb02f25172369e990698184a99ff7 100644 --- a/examples/webgl_materials_video.html +++ b/examples/webgl_materials_video.html @@ -99,8 +99,8 @@ scene.add( light ); renderer = new THREE.WebGLRenderer( { antialias: false } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); video = document.getElementById( 'video' ); diff --git a/examples/webgl_materials_wireframe.html b/examples/webgl_materials_wireframe.html index a0e9c73d50d4f18005b41f4fa14393678efd250c..ae4665f6d91f25c6ff232ee94ea27530cc0d5125 100644 --- a/examples/webgl_materials_wireframe.html +++ b/examples/webgl_materials_wireframe.html @@ -116,6 +116,7 @@ // renderer renderer = new THREE.WebGLRenderer( { antialias: true } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); document.body.appendChild( renderer.domElement ); diff --git a/examples/webgl_mirror.html b/examples/webgl_mirror.html index 1e5bee2100e6dee40aaeaac51a0aaaf6998469ea..d20e626aaf4af3a4ba3b96a379502651816c6ab5 100644 --- a/examples/webgl_mirror.html +++ b/examples/webgl_mirror.html @@ -61,6 +61,7 @@ // renderer renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( WIDTH, HEIGHT ); // scene diff --git a/examples/webgl_modifier_subdivision.html b/examples/webgl_modifier_subdivision.html index 0d7e9b2bb44baab35ec8c2f4a86130ca809e0a8b..22870106db2e36355f457ead54ce2509d365636c 100644 --- a/examples/webgl_modifier_subdivision.html +++ b/examples/webgl_modifier_subdivision.html @@ -290,8 +290,8 @@ renderer = new THREE.WebGLRenderer( { antialias: true } ); // WebGLRenderer CanvasRenderer renderer.setClearColor( 0xf0f0f0 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); stats = new Stats(); diff --git a/examples/webgl_modifier_tessellation.html b/examples/webgl_modifier_tessellation.html index 15febed0e1216c1d9393bb6f948b71add26d2c5a..651de4aeb199cd5ed357d814cfc3f74c8b89ceba 100644 --- a/examples/webgl_modifier_tessellation.html +++ b/examples/webgl_modifier_tessellation.html @@ -230,6 +230,7 @@ renderer = new THREE.WebGLRenderer( { antialias: true } ); renderer.setClearColor( 0x050505, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( WIDTH, HEIGHT ); var container = document.getElementById( 'container' ); diff --git a/examples/webgl_morphnormals.html b/examples/webgl_morphnormals.html index 5c4c19c815f274bb438841153e65bb614c439aa7..78deaa8e5461196b488209bd824dac55dde3053e 100644 --- a/examples/webgl_morphnormals.html +++ b/examples/webgl_morphnormals.html @@ -133,6 +133,7 @@ renderer.gammaInput = true; renderer.gammaOutput = true; + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_morphtargets.html b/examples/webgl_morphtargets.html index 34e60c5d9f2c93884c285f1149943919105390d7..8bdf6fd86aa72c7dc395c82148ee092383b46413 100644 --- a/examples/webgl_morphtargets.html +++ b/examples/webgl_morphtargets.html @@ -142,6 +142,7 @@ renderer = new THREE.WebGLRenderer(); renderer.setClearColor( 0x222222, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.sortObjects = false; container.appendChild( renderer.domElement ); diff --git a/examples/webgl_morphtargets_horse.html b/examples/webgl_morphtargets_horse.html index b2c7759da26fae6268d2954cb77476b1682f06a4..3b2c1a1a883ffe7b13b234ca4b620cb1fa5e79c8 100644 --- a/examples/webgl_morphtargets_horse.html +++ b/examples/webgl_morphtargets_horse.html @@ -75,8 +75,8 @@ renderer = new THREE.WebGLRenderer(); renderer.setClearColor( 0xf0f0f0 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild(renderer.domElement); // diff --git a/examples/webgl_morphtargets_human.html b/examples/webgl_morphtargets_human.html index 8541d161040b0eccb8ebe69e1b68dc82f5881e24..ba2be36a9b73e0c83ba8d5b463b6a2cfe8f445f4 100644 --- a/examples/webgl_morphtargets_human.html +++ b/examples/webgl_morphtargets_human.html @@ -98,8 +98,9 @@ // RENDERER renderer = new THREE.WebGLRenderer( { antialias: true } ); - renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); renderer.setClearColor( 0xffffff ); + renderer.setPixelRatio( window.devicePixelRatio ); + renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); container.appendChild( renderer.domElement ); // CHARACTER diff --git a/examples/webgl_morphtargets_md2.html b/examples/webgl_morphtargets_md2.html index 82ab719b1485361e1b017e428abfa1793ac15e0c..ac42479b6444418636407f6c3ccae4ba764bdf8f 100644 --- a/examples/webgl_morphtargets_md2.html +++ b/examples/webgl_morphtargets_md2.html @@ -137,9 +137,9 @@ // RENDERER renderer = new THREE.WebGLRenderer( { antialias: true } ); - renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); renderer.setClearColor( scene.fog.color, 1 ); - + renderer.setPixelRatio( window.devicePixelRatio ); + renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); container.appendChild( renderer.domElement ); // diff --git a/examples/webgl_morphtargets_md2_control.html b/examples/webgl_morphtargets_md2_control.html index 1a0598491555d16eb1ca2a45b94b5c868d8f628a..daabeb48ec35fd5cab6ecf3eac7c0472083a9a97 100644 --- a/examples/webgl_morphtargets_md2_control.html +++ b/examples/webgl_morphtargets_md2_control.html @@ -138,9 +138,9 @@ // RENDERER renderer = new THREE.WebGLRenderer( { antialias: true } ); - renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); renderer.setClearColor( scene.fog.color, 1 ); - + renderer.setPixelRatio( window.devicePixelRatio ); + renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); container.appendChild( renderer.domElement ); // diff --git a/examples/webgl_multiple_canvases_circle.html b/examples/webgl_multiple_canvases_circle.html index d8f23d18b4a4953dd8ce9215470dcc8cc4b3f967..7613fb9e04fcc3ff4c130f52dfe7a50a4f6a1fe4 100644 --- a/examples/webgl_multiple_canvases_circle.html +++ b/examples/webgl_multiple_canvases_circle.html @@ -303,8 +303,8 @@ renderer = new THREE.WebGLRenderer( { antialias: true } ); renderer.setClearColor( 0xffffff ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( container.clientWidth, container.clientHeight ); - container.appendChild( renderer.domElement ); document.addEventListener( 'mousemove', onDocumentMouseMove, false ); diff --git a/examples/webgl_multiple_canvases_complex.html b/examples/webgl_multiple_canvases_complex.html index 2a5c3f3beeecaab72c6d0a0943335a5b63abf361..2855e6f0c6ff70f9e5b9e5df4773ef0766f01ba9 100644 --- a/examples/webgl_multiple_canvases_complex.html +++ b/examples/webgl_multiple_canvases_complex.html @@ -235,8 +235,8 @@ renderer = new THREE.WebGLRenderer( { antialias: true } ); renderer.setClearColor( 0xffffff ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( container.clientWidth, container.clientHeight ); - container.appendChild( renderer.domElement ); stats = new Stats(); diff --git a/examples/webgl_multiple_canvases_grid.html b/examples/webgl_multiple_canvases_grid.html index 54b2d09f65e8d1ef644dc81a665f65bc425f65ad..0ce356bc6bff9cc576be759e4c254dc5b504506e 100644 --- a/examples/webgl_multiple_canvases_grid.html +++ b/examples/webgl_multiple_canvases_grid.html @@ -251,8 +251,8 @@ renderer = new THREE.WebGLRenderer( { antialias: true } ); renderer.setClearColor( 0xffffff ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( container.clientWidth, container.clientHeight ); - container.appendChild( renderer.domElement ); stats = new Stats(); diff --git a/examples/webgl_multiple_views.html b/examples/webgl_multiple_views.html index 710e2f45f7f1bd4d9e7faeaeafb6edbd5c4943e9..1be9d6dda5474d4041af6bffa5b2242a4f7d9e34 100644 --- a/examples/webgl_multiple_views.html +++ b/examples/webgl_multiple_views.html @@ -231,8 +231,8 @@ scene.add( group3 ); renderer = new THREE.WebGLRenderer( { antialias: true } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); stats = new Stats(); diff --git a/examples/webgl_nearestneighbour.html b/examples/webgl_nearestneighbour.html index 4ef1d3cbd10a3de382bae96af17b82d38960671e..daa002ad4d592e19ba92860eddef88e574d3ff5d 100644 --- a/examples/webgl_nearestneighbour.html +++ b/examples/webgl_nearestneighbour.html @@ -112,8 +112,8 @@ // renderer = new THREE.WebGLRenderer(); // Detector.webgl? new THREE.WebGLRenderer(): new THREE.CanvasRenderer() + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - document.body.appendChild( renderer.domElement ); // create the custom shader diff --git a/examples/webgl_objects_update.html b/examples/webgl_objects_update.html index 86133f21ff3a5f8b5e7363610e3b74a1cef34874..6ab76d6ab85e1f46c1a6d099c206c5a0c34f4d7a 100644 --- a/examples/webgl_objects_update.html +++ b/examples/webgl_objects_update.html @@ -108,8 +108,8 @@ // renderer = new THREE.WebGLRenderer( { antialias: true } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); stats = new Stats(); diff --git a/examples/webgl_octree.html b/examples/webgl_octree.html index 3636cf3c5b625122702a00f1ca6ada409fb2f1df..9dbfda281b048594eb9b723de66781aaa476e5f7 100644 --- a/examples/webgl_octree.html +++ b/examples/webgl_octree.html @@ -52,8 +52,8 @@ renderer = new THREE.WebGLRenderer(); renderer.setClearColor( 0xf0f0f0 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - document.body.appendChild( renderer.domElement ); // create octree diff --git a/examples/webgl_octree_raycasting.html b/examples/webgl_octree_raycasting.html index b8be432fb108483cbc28b1038a2088a793b94eae..16acec696bc0e308ffafb188c68b3b5a1ec8ad0c 100644 --- a/examples/webgl_octree_raycasting.html +++ b/examples/webgl_octree_raycasting.html @@ -69,8 +69,8 @@ scene.add( camera ); renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - document.body.appendChild( renderer.domElement ); // create octree diff --git a/examples/webgl_panorama_equirectangular.html b/examples/webgl_panorama_equirectangular.html index 45f16d193cb291b8791cb858395f6d264bbac067..f0a749820f717054bb86d8de417c91fae00bfc62 100644 --- a/examples/webgl_panorama_equirectangular.html +++ b/examples/webgl_panorama_equirectangular.html @@ -73,6 +73,7 @@ scene.add( mesh ); renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_particles_billboards.html b/examples/webgl_particles_billboards.html index 7bc4b7259b7051ebc3f2f6636b72b6654924e19f..1acc4bb3708ebbe75d1977de7812f631d4602da0 100644 --- a/examples/webgl_particles_billboards.html +++ b/examples/webgl_particles_billboards.html @@ -89,7 +89,8 @@ // - renderer = new THREE.WebGLRenderer( { clearAlpha: 1 } ); + renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_particles_billboards_colors.html b/examples/webgl_particles_billboards_colors.html index 0f6c5fc993f8d3862188824e13211bfbf05245cc..98f5042a3a8b66eb1a38c9b8d2ba9ddb131927b1 100644 --- a/examples/webgl_particles_billboards_colors.html +++ b/examples/webgl_particles_billboards_colors.html @@ -94,7 +94,8 @@ // - renderer = new THREE.WebGLRenderer( { clearAlpha: 1 } ); + renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_particles_dynamic.html b/examples/webgl_particles_dynamic.html index f6cd5cf14985f17c380083a6b1c29216865aeb51..29cd7c916d08116847b1a372a81b636bf9bce2f8 100644 --- a/examples/webgl_particles_dynamic.html +++ b/examples/webgl_particles_dynamic.html @@ -138,6 +138,7 @@ // renderer = new THREE.WebGLRenderer( { antialias: false } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); renderer.autoClear = false; renderer.sortObjects = false; diff --git a/examples/webgl_particles_random.html b/examples/webgl_particles_random.html index 053ecde4c57fedf6da0307b17fcdf1130ef644fe..2565e5384878eb95bd51044f4d3bb3f0abc8d26e 100644 --- a/examples/webgl_particles_random.html +++ b/examples/webgl_particles_random.html @@ -105,6 +105,7 @@ } renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_particles_shapes.html b/examples/webgl_particles_shapes.html index 46c405d4c45c267d467ae041ba8210260eed7f08..01db3f0582d6642a142bfe913608b3349cff0d10 100644 --- a/examples/webgl_particles_shapes.html +++ b/examples/webgl_particles_shapes.html @@ -484,8 +484,8 @@ // End Particles renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - container.appendChild( renderer.domElement ); stats = new Stats(); diff --git a/examples/webgl_particles_sprites.html b/examples/webgl_particles_sprites.html index 1f07d519bcf5d4900e42c8ce6f099dddf9d96dab..8a8eb027f3f11018e94a45ae6bbc5920cc7b5dac 100644 --- a/examples/webgl_particles_sprites.html +++ b/examples/webgl_particles_sprites.html @@ -112,7 +112,8 @@ } - renderer = new THREE.WebGLRenderer( { clearAlpha: 1 } ); + renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_performance.html b/examples/webgl_performance.html index e97a7f936e38a3c11c27d853f14083d423f6bd9f..094c7f0ef93c3fd6f5ee3ff8074e7c5f467781d0 100644 --- a/examples/webgl_performance.html +++ b/examples/webgl_performance.html @@ -78,6 +78,7 @@ renderer = new THREE.WebGLRenderer(); renderer.setClearColor( 0xffffff, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_performance_doublesided.html b/examples/webgl_performance_doublesided.html index 5727913f4ad983cb3f1a3bc39c1cfbe6b7436187..d97a7c91f54ef6a5043c7117b000e302120a3e35 100644 --- a/examples/webgl_performance_doublesided.html +++ b/examples/webgl_performance_doublesided.html @@ -108,6 +108,7 @@ renderer = new THREE.WebGLRenderer( { antialias: true } ); renderer.setClearColor( 0x050505, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); renderer.gammaInput = true; diff --git a/examples/webgl_performance_static.html b/examples/webgl_performance_static.html index 5ecac9dd766d5ed193532ae5086ff5ac54ada2c7..58d35eb53fb8abab932aa862773068c84137d92b 100644 --- a/examples/webgl_performance_static.html +++ b/examples/webgl_performance_static.html @@ -76,6 +76,7 @@ renderer = new THREE.WebGLRenderer( { antialias: false } ); renderer.setClearColor( 0xffffff ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.sortObjects = false; diff --git a/examples/webgl_postprocessing.html b/examples/webgl_postprocessing.html index 2c9c492bd17dc23bfd1dc0d7fbe52a6e8023a7b4..e6805f8ac01cb6b0d3e5e0edc79e80ead6355c95 100644 --- a/examples/webgl_postprocessing.html +++ b/examples/webgl_postprocessing.html @@ -36,6 +36,7 @@ function init() { renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); document.body.appendChild( renderer.domElement ); diff --git a/examples/webgl_postprocessing_advanced.html b/examples/webgl_postprocessing_advanced.html index 75795943854e563e4586bd8d75c1963f5fe06f45..99731ba70a7272c776673427e244958fd81aa6fd 100644 --- a/examples/webgl_postprocessing_advanced.html +++ b/examples/webgl_postprocessing_advanced.html @@ -139,8 +139,9 @@ // renderer = new THREE.WebGLRenderer( { antialias: false } ); - renderer.setSize( width, height ); renderer.setClearColor( 0x000000, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); + renderer.setSize( width, height ); renderer.autoClear = false; // diff --git a/examples/webgl_postprocessing_crossfade.html b/examples/webgl_postprocessing_crossfade.html index 2ff2888daec193d1a7e6f0dc316f23e0f018f1ac..b6be4c1c91af2435fb06847c606af69a860bdd0d 100644 --- a/examples/webgl_postprocessing_crossfade.html +++ b/examples/webgl_postprocessing_crossfade.html @@ -60,9 +60,9 @@ container = document.getElementById( "container" ); renderer = new THREE.WebGLRenderer( { antialias: true } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.sortObjects = false; - container.appendChild( renderer.domElement ); stats = new Stats(); @@ -96,4 +96,4 @@ - \ No newline at end of file + diff --git a/examples/webgl_postprocessing_dof.html b/examples/webgl_postprocessing_dof.html index 800b0230c4a7e3c4312a624d0c5df3ceb2fce95f..6bbca9589470b5ea5cef646e904d2f540b53e616 100644 --- a/examples/webgl_postprocessing_dof.html +++ b/examples/webgl_postprocessing_dof.html @@ -89,6 +89,7 @@ scene = new THREE.Scene(); renderer = new THREE.WebGLRenderer( { antialias: false } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( width, height ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_postprocessing_dof2.html b/examples/webgl_postprocessing_dof2.html index 229be4caf4d1b31f94ed651f095800d9eb99c06a..e0c4c62705084f27e9624833a892a6d88ef2d641 100644 --- a/examples/webgl_postprocessing_dof2.html +++ b/examples/webgl_postprocessing_dof2.html @@ -104,6 +104,7 @@ Use WEBGL Depth buffer support? scene = new THREE.Scene(); renderer = new THREE.WebGLRenderer( { antialias: false } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, height ); renderer.sortObjects = false; container.appendChild( renderer.domElement ); diff --git a/examples/webgl_postprocessing_glitch.html b/examples/webgl_postprocessing_glitch.html index 18c2c2d1b6a5ccb4d0b5bb814939687957a0e780..76a286de92d1df3f655daa4ea324d865aa1f019b 100644 --- a/examples/webgl_postprocessing_glitch.html +++ b/examples/webgl_postprocessing_glitch.html @@ -60,6 +60,7 @@ function init() { renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); document.body.appendChild( renderer.domElement ); diff --git a/examples/webgl_postprocessing_godrays.html b/examples/webgl_postprocessing_godrays.html index a66a53649e8aa422aa1a083aeb59264504568783..e301053afe363cf42faa96ef0b1991de04067ff2 100644 --- a/examples/webgl_postprocessing_godrays.html +++ b/examples/webgl_postprocessing_godrays.html @@ -125,6 +125,7 @@ renderer = new THREE.WebGLRenderer( { antialias: false } ); renderer.setClearColor( bgColor, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_rtt.html b/examples/webgl_rtt.html index bdacdd8a47205de7f7eebb35020fbe4413009c7b..705e019021e146f874894e7c2e4ec5ccfcf089c8 100644 --- a/examples/webgl_rtt.html +++ b/examples/webgl_rtt.html @@ -195,6 +195,7 @@ } renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.autoClear = false; diff --git a/examples/webgl_sandbox.html b/examples/webgl_sandbox.html index 0d3bdabd8f69ada6825700fbbae1e44c4f8d6ae6..9718107b4b44bca70227173fdc018ebf26bfbe54 100644 --- a/examples/webgl_sandbox.html +++ b/examples/webgl_sandbox.html @@ -137,6 +137,7 @@ } renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_shader.html b/examples/webgl_shader.html index 463200cf0743bcc96d35ae2b658170b938761374..8646a0e88a6a99e1efdd3186d9209e076f6a7591 100644 --- a/examples/webgl_shader.html +++ b/examples/webgl_shader.html @@ -127,6 +127,7 @@ scene.add( mesh ); renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); container.appendChild( renderer.domElement ); stats = new Stats(); diff --git a/examples/webgl_shader2.html b/examples/webgl_shader2.html index 416eb4ad47db189c340e7f09f06ed3c5399c8b50..b061f65a4ec34c13b50f7402d8490129823e79c5 100644 --- a/examples/webgl_shader2.html +++ b/examples/webgl_shader2.html @@ -229,6 +229,7 @@ } renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); container.appendChild( renderer.domElement ); stats = new Stats(); diff --git a/examples/webgl_shader_lava.html b/examples/webgl_shader_lava.html index a630b62a81f52240d21099f69abc72a2320d06c4..279ef506bdda1897606fec82908c244786c43584 100644 --- a/examples/webgl_shader_lava.html +++ b/examples/webgl_shader_lava.html @@ -181,6 +181,7 @@ // renderer = new THREE.WebGLRenderer( { antialias: true } ); + renderer.setPixelRatio( window.devicePixelRatio ); container.appendChild( renderer.domElement ); renderer.autoClear = false; diff --git a/examples/webgl_shaders_ocean.html b/examples/webgl_shaders_ocean.html index 14b21c6f337e3b58e2868be783d7088d14b43c08..b9c31ae44311d3693cb81693e1777ed9581ce063 100644 --- a/examples/webgl_shaders_ocean.html +++ b/examples/webgl_shaders_ocean.html @@ -74,6 +74,7 @@ document.body.appendChild( container ); renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_shaders_ocean2.html b/examples/webgl_shaders_ocean2.html index 5a203dece0af77da8ef3d1052b78eaf11b17220a..dcd1806d6041bd2c67474829da9ac560fda146de 100644 --- a/examples/webgl_shaders_ocean2.html +++ b/examples/webgl_shaders_ocean2.html @@ -82,6 +82,7 @@ Initialize: function () { this.ms_Renderer = new THREE.WebGLRenderer(); + this.ms_Renderer.setPixelRatio( window.devicePixelRatio ); this.ms_Renderer.context.getExtension('OES_texture_float'); this.ms_Renderer.context.getExtension('OES_texture_float_linear'); @@ -223,4 +224,4 @@ - \ No newline at end of file + diff --git a/examples/webgl_shaders_sky.html b/examples/webgl_shaders_sky.html index a2c6b67a1603e9625e2bc4170f8ad1640645405b..8c3014adcb4bfdb4cea0660d2c52b3952a998554 100644 --- a/examples/webgl_shaders_sky.html +++ b/examples/webgl_shaders_sky.html @@ -169,8 +169,8 @@ initSky(); renderer = new THREE.WebGLRenderer( { antialias: false } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); - document.body.appendChild( renderer.domElement ); controls = new THREE.TrackballControls( camera, renderer.domElement ); diff --git a/examples/webgl_shaders_tonemapping.html b/examples/webgl_shaders_tonemapping.html index be82df3d02385260a991c5e007f475ade0fbabd3..ab09bf286dca9f503943d7965a85ab6178585d4e 100644 --- a/examples/webgl_shaders_tonemapping.html +++ b/examples/webgl_shaders_tonemapping.html @@ -330,10 +330,11 @@ renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.setFaceCulling( THREE.CullFaceNone ); renderer.autoClear = false; - + renderer.gammaInput = true; renderer.gammaOutput = false; diff --git a/examples/webgl_shaders_vector.html b/examples/webgl_shaders_vector.html index d5cb57008a1252375a299c3b8ecf2b500db722e2..5cdf4dbb0b37a9a2ecababc1f301333bd9372ec6 100644 --- a/examples/webgl_shaders_vector.html +++ b/examples/webgl_shaders_vector.html @@ -330,6 +330,7 @@ renderer = new THREE.WebGLRenderer( { antialias: true } ); renderer.setClearColor( 0xf0f0f0 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); document.body.appendChild( renderer.domElement ); diff --git a/examples/webgl_shading_physical.html b/examples/webgl_shading_physical.html index a35081416fa4fe804cb53b88e2960e26897b9841..afe62655819480ab3d39d353f680c7953469228c 100644 --- a/examples/webgl_shading_physical.html +++ b/examples/webgl_shading_physical.html @@ -342,6 +342,7 @@ renderer = new THREE.WebGLRenderer( { antialias: false } ); renderer.setClearColor( scene.fog.color, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); renderer.domElement.style.position = "absolute"; diff --git a/examples/webgl_shadowmap.html b/examples/webgl_shadowmap.html index 899a85be6342900400c3efb1385838ec28f7f678..ec566020b9ed16706d1ba9b48421e3b20dcf04c2 100644 --- a/examples/webgl_shadowmap.html +++ b/examples/webgl_shadowmap.html @@ -133,6 +133,7 @@ // RENDERER renderer = new THREE.WebGLRenderer( { antialias: true } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_shadowmap_performance.html b/examples/webgl_shadowmap_performance.html index f73f6b136496c839ab738db5c5f36339e1aefdd7..bb5fe735f521889dfee27aeb3802c06493fb1087 100644 --- a/examples/webgl_shadowmap_performance.html +++ b/examples/webgl_shadowmap_performance.html @@ -125,6 +125,7 @@ // RENDERER renderer = new THREE.WebGLRenderer( { antialias: false } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_skinning_simple.html b/examples/webgl_skinning_simple.html index 8c1bd152e547f60effd0aff646397b1fd29a85e3..7cdf5316585c61429f10dde960a62fb615e8ce98 100644 --- a/examples/webgl_skinning_simple.html +++ b/examples/webgl_skinning_simple.html @@ -41,6 +41,7 @@ clock = new THREE.Clock; renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize(window.innerWidth, window.innerHeight); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_sprites.html b/examples/webgl_sprites.html index ba6c41a5b7f9e720f3e8636a372128d68c9109f4..3f99dee3d8fcf6eaff13b318dc63b39b0d992c1b 100644 --- a/examples/webgl_sprites.html +++ b/examples/webgl_sprites.html @@ -96,9 +96,10 @@ // renderer renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.autoClear = false; // To allow render overlay on top of sprited sphere - + document.body.appendChild( renderer.domElement ); // diff --git a/examples/webgl_terrain_dynamic.html b/examples/webgl_terrain_dynamic.html index 2d0b689d53b1bc62ea9ba2aa901eee77ecfefef5..c46cba5b7c8380f3b4cb52be12ae4508d51c44f3 100644 --- a/examples/webgl_terrain_dynamic.html +++ b/examples/webgl_terrain_dynamic.html @@ -430,8 +430,9 @@ // RENDERER renderer = new THREE.WebGLRenderer(); - renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); renderer.setClearColor( scene.fog.color, 1 ); + renderer.setPixelRatio( window.devicePixelRatio ); + renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT ); container.appendChild( renderer.domElement ); // diff --git a/examples/webgl_test_memory.html b/examples/webgl_test_memory.html index 70c4001f9bbea30d9c872be9b280012e1c64dca6..57bbd5eec8d0b3794e669459e5abad22a60fa06f 100644 --- a/examples/webgl_test_memory.html +++ b/examples/webgl_test_memory.html @@ -40,6 +40,7 @@ renderer = new THREE.WebGLRenderer(); renderer.setClearColor( 0xffffff ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_test_memory2.html b/examples/webgl_test_memory2.html index 686492f65575314e25aacc0b0343ea71cc8bc696..9b28e6eb621c241d6ed506d838e870c2d6491cea 100644 --- a/examples/webgl_test_memory2.html +++ b/examples/webgl_test_memory2.html @@ -93,6 +93,7 @@ renderer = new THREE.WebGLRenderer(); renderer.setClearColor( 0xffffff ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement ); diff --git a/examples/webgl_trails.html b/examples/webgl_trails.html index a2a3492ab41a7c64f1038b350b33c67f4ba9eaa2..416f6c4e5d9bf847a3f168fe457818228b9ad0a3 100644 --- a/examples/webgl_trails.html +++ b/examples/webgl_trails.html @@ -70,6 +70,7 @@ scene.add( mesh ); renderer = new THREE.WebGLRenderer( { preserveDrawingBuffer: true } ); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.sortObjects = false; renderer.autoClearColor = false; diff --git a/examples/webgl_video_panorama_equirectangular.html b/examples/webgl_video_panorama_equirectangular.html index cdb9760e5b9941bfeaf6325fcc41f064e3d3d724..b9e85b116eb4d7fb9b578f87f80339597d129525 100644 --- a/examples/webgl_video_panorama_equirectangular.html +++ b/examples/webgl_video_panorama_equirectangular.html @@ -77,6 +77,7 @@ scene.add( mesh ); renderer = new THREE.WebGLRenderer(); + renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); container.appendChild( renderer.domElement );