admin管理员组

文章数量:1336399

I have several object in a scene. And I want them moving on a wide plane, which will receive shadows. If I use only one point light or a very large directional light the shadow of a object when it moved to the corner will bee very rough (rough shadow edge) . like this:

So I’m wondering should I use a light for every object above them and follow them in order to cast a high quality shadow edge? And in some case I can not set the shadow.mapsize higher .

I have several object in a scene. And I want them moving on a wide plane, which will receive shadows. If I use only one point light or a very large directional light the shadow of a object when it moved to the corner will bee very rough (rough shadow edge) . like this:

So I’m wondering should I use a light for every object above them and follow them in order to cast a high quality shadow edge? And in some case I can not set the shadow.mapsize higher .

  • javascript
  • three.js
  • shadow
  • light
Share Improve this question asked Mar 17, 2018 at 3:39 欧阳维杰欧阳维杰 1,7681 gold badge17 silver badges26 bronze badges
Add a ment  | 

1 Answer 1

Reset to default 7

There are a number of things that control shadow quality.

What it looks like to me, is your shadow cameras left / right / top / bottom are set too large, and its casting the shadow over too large an area.

Shadow casting lights are pretty expensive, so I would avoid trying to pensate by having multiple lights.

Try reducing the light.shadow.camera left/right/top/bottom to focus the map better on where you're objects are. Also trying increasing shadowmap size to something like 1024 or 2048 square.

Another thing that helps is to use THREE.PCFShadowmapping instead of the default. That will smooth the edges of your shadows.

edit: Also check out PCFSoftShadowMapping.. slower to render, but greatly smooths shadow edges.

Getting the shadow mapping right is a tricky process and requires a lot of fiddling.

Also, try attaching a DirectionalLightHelper to your light and also a CameraHelper to the lights camera. Those will help you figure out how big the shadow casting area is and where things are pointing.

https://i.sstatic/LQz2Z.jpg

本文标签： javascriptHow to improve shadow quality in threejsStack Overflow

版权声明：本文标题：javascript - How to improve shadow quality in three.js - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1742328491a2454209.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。