Three.jsの影 - 改善する方法は？

Question

私はここでthree.jsで遊んでいます - 2toria.com/pool

私が持っている問題は、私の影を良く見せようとしていることです。

ビットピクセル化 - ：現時点では、彼らはこのようになります。私は彼らがここでのように、滑らかに見えるようにすることができます方法はあります： - 私はいくつかのことを試してみたが、私は右の設定を見つけることができません

。私のレンダラは、このように設定されている： -

renderer.shadowMapEnabled = true; 
renderer.shadowMapSoft = true; 
renderer.shadowMapType = THREE.PCFShadowMap; 

私はshadowMapSoftはそれを行っているだろうと思ったが、ありません。任意のアイデア/助け？

Answer 1

実際、私は同じ問題を抱えています。私の修正は、光源shadowMapWidthとHeightを増やすことでした。あなたは影のより多くを滑らかにパワーの2のマップのサイズを大きくしていますが、複雑なジオメトリとパフォーマンスヒットが表示されます場合は、

spotLight = new THREE.SpotLight(0xAAAAAA); 
spotLight.castShadow = true; 
spotLight.shadowCameraFov = VIEW_ANGLE; 
spotLight.shadowBias = 0.0001; 
spotLight.shadowDarkness = 0.2; 
spotLight.shadowMapWidth = 2048; 
spotLight.shadowMapHeight = 2048; 

ああもう一つ：私の場合、それはスポットライトでした。だから、2048、おそらく4096試してみてください、彼らはどのように動作します。

renderer.shadowMapTypeがあります。私はそれを見なければならない、自分のプロジェクトをもっと良くすることがあります、ありがとう:)