使用three.js可以方便的让我们在网页中做出各种不同的3D效果，下面这篇文章主要给大家介绍了关于利用Three.js如何实现阴影效果的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面来一起看看吧。

前言 众所周知作为webgl的插件，three.js肯定没有原生webgl那样，添加一个阴影这么费劲。所以，经过一小时的研究（笨人不聪明，已经是极限速度了）。终于将阴影效果做了出来，并且还发现一些容易犯错的地方。话不多说了，来一起看看详细的介绍吧。 先上效果图： 实现这个效果其实很简单，只需要设置几个属性就可以实现当前的效果。而上面的材质问题我将放到下一节： （1）首先需要告诉渲染器我需要阴影，你给我生成阴影： renderer.shadowMap.enabled = true; （2）