今天《和我一起学 Three.js》初级篇的第 7 篇文章如约发布在我的公众号「前端乱步」中，本篇文章向各位介绍了 Three.js 提供的一系列设置光照的 API 以及它们的原理和效果，并对比了它们之间的性能差异。通过在场景中恰如其分的使用光照，您将能够获得更加逼真，富有魅力的 3D 场景。
为了方便您和我一起动手实践，本篇文章配套有一个非常友好的 Github 仓库，您可以获得文章开始的初始代码，并且一步一步跟着文章实践。您还可以通过切换分支对比您的代码和我最终代码的异同。如果您觉得该仓库十分有利于您的学习，请不要吝惜为仓库添加 star 🙌
以上，祝您学习愉快：）
PS：我采纳了掘金官方的建议，将这条沸点发在「好文推荐」圈子。
为了方便您和我一起动手实践，本篇文章配套有一个非常友好的 Github 仓库，您可以获得文章开始的初始代码，并且一步一步跟着文章实践。您还可以通过切换分支对比您的代码和我最终代码的异同。如果您觉得该仓库十分有利于您的学习，请不要吝惜为仓库添加 star 🙌
以上，祝您学习愉快：）
PS：我采纳了掘金官方的建议，将这条沸点发在「好文推荐」圈子。
展开
评论
点赞
![[爱心]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_106.ba42c9a.png)
借助CSS实现自适应屏幕边缘的tooltip（只用了一点点JS，比纯JS计算要稳妥很多）
juejin.cn![[庆祝]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_123.da47506.png)
![[吃瓜群众]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_10.42a731c.png)