diff --git a/examples/webgl_geometry_blenderexport_colors.html b/examples/webgl_geometry_blenderexport_colors.html index 9bbd941d..f115edfc 100644 --- a/examples/webgl_geometry_blenderexport_colors.html +++ b/examples/webgl_geometry_blenderexport_colors.html @@ -97,7 +97,10 @@ var material = [ new THREE.MeshFaceMaterial(), new THREE.MeshLambertMaterial( { color: 0xffffff, opacity:0.9, shading:THREE.FlatShading, wireframe: true, wireframeLinewidth: 2 } ) ]; - mesh = THREE.SceneUtils.addMesh( scene, geometry, 250, 400, 0, 0, 0, 0, 0, material ); + mesh = new THREE.Mesh( geometry, material ); + mesh.position.x = 400; + mesh.scale.x = mesh.scale.y = mesh.scale.z = 250; + scene.addObject( mesh ); } @@ -107,7 +110,10 @@ var material = new THREE.MeshFaceMaterial(); - mesh2 = THREE.SceneUtils.addMesh( scene, geometry, 250, -400, 0, 0, 0, 0, 0, material ); + mesh2 = new THREE.Mesh( geometry, material ); + mesh2.position.x = - 400; + mesh2.scale.x = mesh2.scale.y = mesh2.scale.z = 250; + scene.addObject( mesh2 ); } diff --git a/examples/webgl_materials_cars.html b/examples/webgl_materials_cars.html index e03caf8a..c6528efb 100644 --- a/examples/webgl_materials_cars.html +++ b/examples/webgl_materials_cars.html @@ -196,7 +196,23 @@ pointLight.position.z = 10000; scene.addLight( pointLight ); - THREE.SceneUtils.addPanoramaCubeWebGL( sceneCube, 100000, textureCube ); + // Skybox + + var shader = THREE.ShaderUtils.lib["cube"]; + shader.uniforms["tCube"].texture = textureCube; + + var material = new THREE.MeshShaderMaterial( { + + fragmentShader: shader.fragmentShader, + vertexShader: shader.vertexShader, + uniforms: shader.uniforms + + } ), + + mesh = new THREE.Mesh( new THREE.CubeGeometry( 100000, 100000, 100000, 1, 1, 1, null, true ), material ); + sceneCube.addObject( mesh ); + + // webglRenderer = new THREE.WebGLRenderer(); webglRenderer.setSize( window.innerWidth, window.innerHeight ); @@ -546,13 +562,20 @@ mi = CARS[ car ].init_material, bm = CARS[ car ].body_materials; - for( var i in CARS[ car ].mmap ) { + for ( var i in CARS[ car ].mmap ) { geometry.materials[ i ][ 0 ] = CARS[ car ].mmap[ i ]; } - CARS[ car ].object = THREE.SceneUtils.addMesh( scene, geometry, s, 0, 0, 0, r[0], r[1], r[2], m ); + var mesh = new THREE.Mesh( geometry, m ); + mesh.rotation.x = r[ 0 ]; + mesh.rotation.y = r[ 1 ]; + mesh.rotation.z = r[ 2 ]; + mesh.scale.x = mesh.scale.y = mesh.scale.z = s; + scene.addObject( mesh ); + + CARS[ car ].object = mesh; CARS[ car ].buttons = createButtons( materials.body, car ); attachButtonMaterials( materials.body, geometry, bm, car ); diff --git a/examples/webgl_materials_cars_anaglyph.html b/examples/webgl_materials_cars_anaglyph.html index e7e9b4c0..66aa7d03 100644 --- a/examples/webgl_materials_cars_anaglyph.html +++ b/examples/webgl_materials_cars_anaglyph.html @@ -192,7 +192,23 @@ pointLight.position.z = 10000; scene.addLight( pointLight ); - THREE.SceneUtils.addPanoramaCubeWebGL( scene, 100000, textureCube ); + // Skybox + + var shader = THREE.ShaderUtils.lib["cube"]; + shader.uniforms["tCube"].texture = textureCube; + + var material = new THREE.MeshShaderMaterial( { + + fragmentShader: shader.fragmentShader, + vertexShader: shader.vertexShader, + uniforms: shader.uniforms + + } ), + + mesh = new THREE.Mesh( new THREE.CubeGeometry( 100000, 100000, 100000, 1, 1, 1, null, true ), material ); + scene.addObject( mesh ); + + // webglRenderer = new THREE.AnaglyphWebGLRenderer(); webglRenderer.setSize( window.innerWidth, window.innerHeight ); @@ -547,7 +563,14 @@ } - CARS[ car ].object = THREE.SceneUtils.addMesh( scene, geometry, s, 0, 0, 0, r[0], r[1], r[2], m ); + var mesh = new THREE.Mesh( geometry, m ); + mesh.rotation.x = r[ 0 ]; + mesh.rotation.y = r[ 1 ]; + mesh.rotation.z = r[ 2 ]; + mesh.scale.x = mesh.scale.y = mesh.scale.z = s; + scene.addObject( mesh ); + + CARS[ car ].object = mesh; CARS[ car ].buttons = createButtons( materials.body, car ); attachButtonMaterials( materials.body, geometry, bm, car ); diff --git a/examples/webgl_materials_cars_camaro.html b/examples/webgl_materials_cars_camaro.html index 092f3644..fe2baa55 100644 --- a/examples/webgl_materials_cars_camaro.html +++ b/examples/webgl_materials_cars_camaro.html @@ -187,7 +187,10 @@ geometry.materials[ 7 ][ 0 ] = materials.black; // tireling geometry.materials[ 8 ][ 0 ] = materials.black; // behind grille - THREE.SceneUtils.addMesh( scene, geometry, s, 0, 0, 0, 0.0, 1.0, 0.0, m ); + var mesh = new THREE.Mesh( geometry, m ); + mesh.rotation.y = 1; + mesh.scale.x = mesh.scale.y = mesh.scale.z = s; + scene.addObject( mesh ); createButtons( materials.body, geometry ); diff --git a/examples/webgl_materials_cars_camaro_crosseyed.html b/examples/webgl_materials_cars_camaro_crosseyed.html index 1e4422b0..0b1ed1d1 100644 --- a/examples/webgl_materials_cars_camaro_crosseyed.html +++ b/examples/webgl_materials_cars_camaro_crosseyed.html @@ -192,7 +192,10 @@ geometry.materials[ 7 ][ 0 ] = materials.black; // tireling geometry.materials[ 8 ][ 0 ] = materials.black; // behind grille - THREE.SceneUtils.addMesh( scene, geometry, s, 0, 0, 0, 0.0, 1.0, 0.0, m ); + var mesh = new THREE.Mesh( geometry, m ); + mesh.rotation.y = 1; + mesh.scale.x = mesh.scale.y = mesh.scale.z = s; + scene.addObject( mesh ); createButtons( materials.body, geometry ); diff --git a/examples/webgl_materials_cubemap.html b/examples/webgl_materials_cubemap.html index 5c408c2f..5ec82254 100644 --- a/examples/webgl_materials_cubemap.html +++ b/examples/webgl_materials_cubemap.html @@ -112,12 +112,27 @@ var cubeMaterial2 = new THREE.MeshLambertMaterial( { color: 0xffee00, envMap: refractionCube, refractionRatio: 0.95 } ); var cubeMaterial1 = new THREE.MeshLambertMaterial( { color: 0xffffff, envMap: reflectionCube } ) - THREE.SceneUtils.addPanoramaCubeWebGL( sceneCube, 10, reflectionCube ); + // Skybox + + var shader = THREE.ShaderUtils.lib["cube"]; + shader.uniforms["tCube"].texture = reflectionCube; + + var material = new THREE.MeshShaderMaterial( { + + fragmentShader: shader.fragmentShader, + vertexShader: shader.vertexShader, + uniforms: shader.uniforms + + } ), + + mesh = new THREE.Mesh( new THREE.CubeGeometry( 10, 10, 10, 1, 1, 1, null, true ), material ); + sceneCube.addObject( mesh ); + + // renderer = new THREE.WebGLRenderer(); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.autoClear = false; - //renderer.setFaceCulling( 0 ); container.appendChild( renderer.domElement ); stats = new Stats(); @@ -137,9 +152,22 @@ var s = 15; - THREE.SceneUtils.addMesh( scene, geometry, s, 0, 0, -100, 0,0,0, m1 ); - THREE.SceneUtils.addMesh( scene, geometry, s, -900, 0, -100, 0,0,0, m2 ); - THREE.SceneUtils.addMesh( scene, geometry, s, 900, 0, -100, 0,0,0, m3 ); + var mesh = new THREE.Mesh( geometry, m1 ); + mesh.position.z = - 100; + mesh.scale.x = mesh.scale.y = mesh.scale.z = s; + scene.addObject( mesh ); + + var mesh = new THREE.Mesh( geometry, m2 ); + mesh.position.x = - 900; + mesh.position.z = - 100; + mesh.scale.x = mesh.scale.y = mesh.scale.z = s; + scene.addObject( mesh ); + + var mesh = new THREE.Mesh( geometry, m3 ); + mesh.position.x = 900; + mesh.position.z = - 100; + mesh.scale.x = mesh.scale.y = mesh.scale.z = s; + scene.addObject( mesh ); loader.statusDomElement.style.display = "none"; diff --git a/examples/webgl_materials_cubemap_balls_reflection.html b/examples/webgl_materials_cubemap_balls_reflection.html index 809804be..593ee4fc 100644 --- a/examples/webgl_materials_cubemap_balls_reflection.html +++ b/examples/webgl_materials_cubemap_balls_reflection.html @@ -103,7 +103,23 @@ } - THREE.SceneUtils.addPanoramaCubeWebGL( sceneCube, 100000, textureCube ); + // Skybox + + var shader = THREE.ShaderUtils.lib["cube"]; + shader.uniforms["tCube"].texture = textureCube; + + var material = new THREE.MeshShaderMaterial( { + + fragmentShader: shader.fragmentShader, + vertexShader: shader.vertexShader, + uniforms: shader.uniforms + + } ), + + mesh = new THREE.Mesh( new THREE.CubeGeometry( 100000, 100000, 100000, 1, 1, 1, null, true ), material ); + sceneCube.addObject( mesh ); + + // webglRenderer = new THREE.WebGLRenderer(); webglRenderer.setSize( window.innerWidth, window.innerHeight ); diff --git a/examples/webgl_materials_cubemap_balls_reflection_anaglyph.html b/examples/webgl_materials_cubemap_balls_reflection_anaglyph.html index 67768849..70654537 100644 --- a/examples/webgl_materials_cubemap_balls_reflection_anaglyph.html +++ b/examples/webgl_materials_cubemap_balls_reflection_anaglyph.html @@ -99,7 +99,23 @@ } - THREE.SceneUtils.addPanoramaCubeWebGL( scene, 100000, textureCube ); + // Skybox + + var shader = THREE.ShaderUtils.lib["cube"]; + shader.uniforms["tCube"].texture = textureCube; + + var material = new THREE.MeshShaderMaterial( { + + fragmentShader: shader.fragmentShader, + vertexShader: shader.vertexShader, + uniforms: shader.uniforms + + } ), + + mesh = new THREE.Mesh( new THREE.CubeGeometry( 100000, 100000, 100000, 1, 1, 1, null, true ), material ); + scene.addObject( mesh ); + + // webglRenderer = new THREE.AnaglyphWebGLRenderer(); webglRenderer.setSize( window.innerWidth, window.innerHeight ); diff --git a/examples/webgl_materials_cubemap_balls_refraction.html b/examples/webgl_materials_cubemap_balls_refraction.html index 08632833..21da2bbc 100644 --- a/examples/webgl_materials_cubemap_balls_refraction.html +++ b/examples/webgl_materials_cubemap_balls_refraction.html @@ -102,7 +102,23 @@ } - THREE.SceneUtils.addPanoramaCubeWebGL( sceneCube, 100000, textureCube ); + // Skybox + + var shader = THREE.ShaderUtils.lib["cube"]; + shader.uniforms["tCube"].texture = textureCube; + + var material = new THREE.MeshShaderMaterial( { + + fragmentShader: shader.fragmentShader, + vertexShader: shader.vertexShader, + uniforms: shader.uniforms + + } ), + + mesh = new THREE.Mesh( new THREE.CubeGeometry( 100000, 100000, 100000, 1, 1, 1, null, true ), material ); + sceneCube.addObject( mesh ); + + // webglRenderer = new THREE.WebGLRenderer(); webglRenderer.setSize( window.innerWidth, window.innerHeight ); diff --git a/examples/webgl_materials_cubemap_balls_refraction_crosseyed.html b/examples/webgl_materials_cubemap_balls_refraction_crosseyed.html index e82b2e4a..b462212c 100644 --- a/examples/webgl_materials_cubemap_balls_refraction_crosseyed.html +++ b/examples/webgl_materials_cubemap_balls_refraction_crosseyed.html @@ -101,7 +101,23 @@ } - THREE.SceneUtils.addPanoramaCubeWebGL( scene, 100000, textureCube ); + // Skybox + + var shader = THREE.ShaderUtils.lib["cube"]; + shader.uniforms["tCube"].texture = textureCube; + + var material = new THREE.MeshShaderMaterial( { + + fragmentShader: shader.fragmentShader, + vertexShader: shader.vertexShader, + uniforms: shader.uniforms + + } ), + + mesh = new THREE.Mesh( new THREE.CubeGeometry( 100000, 100000, 100000, 1, 1, 1, null, true ), material ); + scene.addObject( mesh ); + + // webglRenderer = new THREE.CrosseyedWebGLRenderer( { separation: 90 } ); webglRenderer.setSize( window.innerWidth, window.innerHeight ); diff --git a/examples/webgl_materials_cubemap_escher.html b/examples/webgl_materials_cubemap_escher.html index 5011220e..49d57561 100644 --- a/examples/webgl_materials_cubemap_escher.html +++ b/examples/webgl_materials_cubemap_escher.html @@ -87,7 +87,23 @@ mesh.scale.x = mesh.scale.y = mesh.scale.z = 16; scene.addObject( mesh ); - THREE.SceneUtils.addPanoramaCubeWebGL( scene, 6000, textureCube ); + // Skybox + + var shader = THREE.ShaderUtils.lib["cube"]; + shader.uniforms["tCube"].texture = textureCube; + + var material = new THREE.MeshShaderMaterial( { + + fragmentShader: shader.fragmentShader, + vertexShader: shader.vertexShader, + uniforms: shader.uniforms + + } ), + + mesh = new THREE.Mesh( new THREE.CubeGeometry( 6000, 6000, 6000, 1, 1, 1, null, true ), material ); + scene.addObject( mesh ); + + // webglRenderer = new THREE.WebGLRenderer(); webglRenderer.setSize( window.innerWidth, window.innerHeight ); diff --git a/examples/webgl_materials_cubemap_refraction.html b/examples/webgl_materials_cubemap_refraction.html index 706b2340..1401454b 100644 --- a/examples/webgl_materials_cubemap_refraction.html +++ b/examples/webgl_materials_cubemap_refraction.html @@ -88,6 +88,7 @@ scene.addLight( pointLight ); // light representation + sphere = new THREE.SphereGeometry( 100, 16, 8 ); lightMesh = new THREE.Mesh( sphere, new THREE.MeshBasicMaterial( { color:0xffaa00 } ) ); lightMesh.position = pointLight.position; @@ -108,7 +109,23 @@ var cubeMaterial2 = new THREE.MeshBasicMaterial( { color: 0xccfffd, envMap: textureCube, refractionRatio: 0.985 } ); var cubeMaterial1 = new THREE.MeshBasicMaterial( { color: 0xffffff, envMap: textureCube, refractionRatio: 0.98 } ) - THREE.SceneUtils.addPanoramaCubeWebGL( sceneCube, 100000, textureCube ); + // Skybox + + var shader = THREE.ShaderUtils.lib["cube"]; + shader.uniforms["tCube"].texture = textureCube; + + var material = new THREE.MeshShaderMaterial( { + + fragmentShader: shader.fragmentShader, + vertexShader: shader.vertexShader, + uniforms: shader.uniforms + + } ), + + mesh = new THREE.Mesh( new THREE.CubeGeometry( 100000, 100000, 100000, 1, 1, 1, null, true ), material ); + sceneCube.addObject( mesh ); + + // webglRenderer = new THREE.WebGLRenderer(); webglRenderer.setSize( window.innerWidth, window.innerHeight ); @@ -132,11 +149,24 @@ function createScene( geometry, m1, m2, m3 ) { - var s = 1.5, z = -1000; + var s = 1.5, z = - 1000; - THREE.SceneUtils.addMesh( scene, geometry, s, 0, 0, z, 0,0,0, m1 ); - THREE.SceneUtils.addMesh( scene, geometry, s, -900, 0, z, 0,0,0, m2 ); - THREE.SceneUtils.addMesh( scene, geometry, s, 900, 0, z, 0,0,0, m3 ); + var mesh = new THREE.Mesh( geometry, m1 ); + mesh.position.z = z; + mesh.scale.x = mesh.scale.y = mesh.scale.z = s; + scene.addObject( mesh ); + + var mesh = new THREE.Mesh( geometry, m2 ); + mesh.position.x = - 900; + mesh.position.z = z; + mesh.scale.x = mesh.scale.y = mesh.scale.z = s; + scene.addObject( mesh ); + + var mesh = new THREE.Mesh( geometry, m3 ); + mesh.position.x = 900; + mesh.position.z = z; + mesh.scale.x = mesh.scale.y = mesh.scale.z = s; + scene.addObject( mesh ); loader.statusDomElement.style.display = "none"; diff --git a/examples/webgl_materials_normalmap.html b/examples/webgl_materials_normalmap.html index cd6b32ff..f2cfdb90 100644 --- a/examples/webgl_materials_normalmap.html +++ b/examples/webgl_materials_normalmap.html @@ -190,8 +190,15 @@ geometry.computeTangents(); - mesh1 = THREE.SceneUtils.addMesh( scene, geometry, scale, -scale * 12, 0, 0, 0,0,0, material1 ); - mesh2 = THREE.SceneUtils.addMesh( scene, geometry, scale, scale * 12, 0, 0, 0,0,0, material2 ); + mesh1 = new THREE.Mesh( geometry, material1 ); + mesh1.position.x = - scale * 12; + mesh1.scale.x = mesh1.scale.y = mesh1.scale.z = scale; + scene.addObject( mesh1 ); + + mesh2 = new THREE.Mesh( geometry, material2 ); + mesh2.position.x = scale * 12; + mesh2.scale.x = mesh2.scale.y = mesh2.scale.z = scale; + scene.addObject( mesh2 ); loader.statusDomElement.style.display = "none"; diff --git a/examples/webgl_materials_normalmap2.html b/examples/webgl_materials_normalmap2.html index 47bec5c8..5efa6c9d 100644 --- a/examples/webgl_materials_normalmap2.html +++ b/examples/webgl_materials_normalmap2.html @@ -169,7 +169,10 @@ geometry.computeTangents(); - mesh1 = THREE.SceneUtils.addMesh( scene, geometry, scale, 0, - 50, 0, 0, 0, 0, material ); + mesh1 = new THREE.Mesh( geometry, material ); + mesh1.position.y = - 50; + mesh1.scale.x = mesh1.scale.y = mesh1.scale.z = scale; + scene.addObject( mesh1 ); loader.statusDomElement.style.display = "none"; diff --git a/examples/webgl_materials_shaders_fresnel.html b/examples/webgl_materials_shaders_fresnel.html index bcc060ec..d02ecd3d 100644 --- a/examples/webgl_materials_shaders_fresnel.html +++ b/examples/webgl_materials_shaders_fresnel.html @@ -115,7 +115,23 @@ scene.matrixAutoUpdate = false; - THREE.SceneUtils.addPanoramaCubeWebGL( sceneCube, 100000, textureCube ); + // Skybox + + var shader = THREE.ShaderUtils.lib["cube"]; + shader.uniforms["tCube"].texture = textureCube; + + var material = new THREE.MeshShaderMaterial( { + + fragmentShader: shader.fragmentShader, + vertexShader: shader.vertexShader, + uniforms: shader.uniforms + + } ), + + mesh = new THREE.Mesh( new THREE.CubeGeometry( 100000, 100000, 100000, 1, 1, 1, null, true ), material ); + sceneCube.addObject( mesh ); + + // webglRenderer = new THREE.WebGLRenderer( { antialias: false } ); webglRenderer.setSize( window.innerWidth, window.innerHeight ); diff --git a/examples/webgl_multiple_canvases_complex.html b/examples/webgl_multiple_canvases_complex.html index 9976c822..a2f03934 100755 --- a/examples/webgl_multiple_canvases_complex.html +++ b/examples/webgl_multiple_canvases_complex.html @@ -1,7 +1,7 @@
-