上传者: 38514322
|
上传时间: 2022-05-01 14:13:53
|
文件大小: 98KB
|
文件类型: PDF
前言
众所周知作为webgl的插件,three.js肯定没有原生webgl那样,添加一个阴影这么费劲。所以,经过一小时的研究(笨人不聪明,已经是极限速度了)。终于将阴影效果做了出来,并且还发现一些容易犯错的地方。话不多说了,来一起看看详细的介绍吧。
先上效果图:
实现这个效果其实很简单,只需要设置几个属性就可以实现当前的效果。而上面的材质问题我将放到下一节:
(1)首先需要告诉渲染器我需要阴影,你给我生成阴影:
renderer.shadowMap.enabled = true;
(2)然后告诉灯光,我需要阴影:
light.castShadow = true;
(3)告诉模型哪些