Html 我们可以使用一个框架来产生柔和的阴影吗?

Html 我们可以使用一个框架来产生柔和的阴影吗?,html,render,shadow,aframe,Html,Render,Shadow,Aframe,我正在尝试对我的场景进行更好的渲染。所以我添加了方向灯和环境灯。这样就产生了阴影。这是我的建议 我想知道是否有一种方法可以让阴影更柔和。 模型是使用Sweet Home:创建的。在场景元素上,可以尝试更改阴影的默认类型: 还值得尝试灯光本身的属性: 调整平行光的阴影摄影机位置和平截头体(shadowCameraTop、shadowCameraRight等),直到它紧紧包围场景。如果平截头体太小,阴影将丢失或部分剪裁。如果平截头体太大,阴影将显示粗糙或像素化 打开环境光以更改阴影颜色 使用

我正在尝试对我的场景进行更好的渲染。所以我添加了方向灯和环境灯。这样就产生了阴影。这是我的建议

我想知道是否有一种方法可以让阴影更柔和。
模型是使用Sweet Home:

创建的。在场景元素上,可以尝试更改阴影的默认类型:

还值得尝试灯光本身的属性:

  • 调整平行光的阴影摄影机位置和平截头体(shadowCameraTop、shadowCameraRight等),直到它紧紧包围场景。如果平截头体太小,阴影将丢失或部分剪裁。如果平截头体太大,阴影将显示粗糙或像素化
  • 打开环境光以更改阴影颜色

  • 使用
    light.shadowRadius
    属性(当前为A帧的主分支)进行播放。并降低阴影贴图的分辨率


  • 我得去看看,我想建议光照贴图,或者纹理烘焙,但这太棒了!事实上,我试过纹理烘焙,但我就是不能随心所欲。阴影烘焙到地面纹理中,但地面纹理本身已更改。我用搅拌机做的,而且。。。这是一段艰难的时期^^我也尝试过改变阴影本身和灯光属性,但阴影边缘没有改变。谢谢!我修改了阴影摄影机字段(我想这就是你所说的灯光阴影半径)。现在好多了;但我想我会继续进行纹理烘焙,以获得更清晰和“真实”的效果,a帧的主分支上有一个
    light.shadowRadius
    属性。纹理烘焙看起来更好,是的,对于非动态的东西。