three.js影子截止

时间:2012-06-06 10:08:26

标签: html5 canvas webgl three.js

正如标题所说。 当我渲染当前场景时,一切正常。 只有白猴的影子被切断了。 怎么会发生这种情况,是否有解决方案呢?

以下是网站:http://hammer.bz/test/ 和一个屏幕;)
http://i.stack.imgur.com/6jd0h.png

我想这与相机或灯光有关.. 所以他们是这样的:

renderer.shadowMapEnabled   = true;
renderer.sortObjects = false;
renderer.shadowMapWidth = 3072;
renderer.shadowMapHeight = 3072
renderer.shadowCameraNear = 2;
renderer.shadowCameraFar = 40000;
renderer.shadowCameraFov = 50;
renderer.shadowMapBias = -0.00022;
renderer.shadowMapDarkness = 0.55;
renderer.shadowMapSoft      = true;
renderer.physicallyBasedShading = true;
renderer.setClearColorHex( 0x999999, 1 );


camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 0.1, 40000 );
camera.position.x = x;
camera.position.y = y;
camera.position.z = z;  
camera.rotation.x = -0.8;
scene.add( camera );


var light = new THREE.DirectionalLight( 0xffffff, 1 );
light.position.set( -2, 5, 2 ).normalize();
light.shadowCameraNear  = 0.01;
light.shadowCameraFar   = 1000000;
light.castShadow        = true;
light.shadowDarkness        = 0.5;
light.shadowCameraVisible   = false;
scene.add( light );

提前致谢!
BRAM

编辑:得到它:

只需使用THREE.SpotLight即可。 这是一个愚蠢的问题。

只需穿上shadowCameraVisible = true;即可看到灯光,它会起作用。 对于这个问题感到有点愚蠢哈哈;)

1 个答案:

答案 0 :(得分:5)

只需使用THREE.SpotLight

只需穿上shadowCameraVisible = true;即可看到灯光,它会起作用。 当然,您需要设置位置position.set(x, y, z);