three.js-地面/地板上的反射

Question

我想做同样的事情：（不复制领域）

http://people.mozilla.org/~sicking/webgl/ray.html

我做到了，它起作用了，但是反射太大了：/

var groundTexture = THREE.ImageUtils.loadTexture( "files/checkerboard.jpg" );
groundTexture.wrapS = groundTexture.wrapT = THREE.RepeatWrapping;
groundTexture.repeat.set( 25, 25 );
groundTexture.anisotropy = 16;

mirrorGroundCamera = new THREE.CubeCamera( 0.1, 5000, 512 );
scene.add( mirrorGroundCamera );

var mirrorGroundMaterial = new THREE.MeshBasicMaterial( { map: groundTexture,  side: THREE.DoubleSide, envMap: mirrorGroundCamera.renderTarget } );
mirrorGround = new THREE.Mesh( groundGeometry, mirrorGroundMaterial );
mirrorGround.position.y = -0.5;
mirrorGround.rotation.x = - Math.PI / 2;
mirrorGroundCamera.position = mirrorGround.position;
scene.add(mirrorGround);

Answer 1

three.js中的环境映射是一个近似值，并假设环境“无限”地遥远。

有关如何处理three.js中的镜面反射的示例，请参见http://threejs.org/examples/webgl_mirror.html 。

three.js r.70