javascript - 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 中的环境映射是一个近似值，并假设环境“无限”遥远。

参见http://threejs.org/examples/webgl_mirror.html有关如何在 Three.js 中处理镜像反射的示例。

三.js r.70