Sfoglia il codice sorgente

Examples: Assign equirect env map directly to Scene.background.

Mugen87 4 anni fa
parent
commit
b79ab8a073
1 ha cambiato i file con 3 aggiunte e 7 eliminazioni
  1. 3 7
      examples/webgl_materials_cubemap_dynamic.html

+ 3 - 7
examples/webgl_materials_cubemap_dynamic.html

@@ -29,6 +29,7 @@
 			textureLoader.load( 'textures/2294472375_24a3b8ef46_o.jpg', function ( texture ) {
 
 				texture.encoding = THREE.sRGBEncoding;
+				texture.mapping = THREE.EquirectangularReflectionMapping;
 
 				init( texture );
 				animate();
@@ -40,19 +41,14 @@
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				document.body.appendChild( renderer.domElement );
-
 				renderer.outputEncoding = THREE.sRGBEncoding;
+				document.body.appendChild( renderer.domElement );
 
 				scene = new THREE.Scene();
+				scene.background = texture;
 
 				camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 1000 );
 
-				// background
-
-				var options = {}; // none required
-				scene.background = new THREE.WebGLCubeRenderTarget( 1024, options ).fromEquirectangularTexture( renderer, texture );
-
 				//
 
 				cubeRenderTarget1 = new THREE.WebGLCubeRenderTarget( 256, {