「这是我参与2022首次更文挑战的第19天，活动详情查看：2022首次更文挑战」 射线追踪法 射线追踪法是最常见的方法，因为three.js提供了Raycaster对象来实现它。 原理：从鼠标处发射一

哈喽大家好啊，我是广州小井。经过前一章节的学习，相信大家跟我一样已经初入3D的大门了，也对MVP变换有所了解了。这一章，我们开始进入跟3D图形效果息息相关的另一个知识点——光照的学习。

哈喽大家好啊，我是广州小井。经过前几节的学习，我们已经了解相机的概念，明白了相机对于 3D 图形绘制的重要的作用。但是我们仅仅分析了相机是如何观察图形的，却还没有提到可视范围，这一节我们接着学习！

哈喽大家好啊，我是广州小井。上一小节我们初步接触了图形的二维变换，但每一个变换我们都是通过不同的数学公式计算顶点坐标实现的，那有没有统一的计算方式呢?不急，我们先来学点数学知识吧！

哈喽大家好啊，我是广州小井。好久没在掘金更文了，最近跑去学习 WebGL 了，然后打算把学习路径写成系列文章来分享给大家。

哈喽大家好啊，我是广州小井。好久没在掘金更文了，最近跑去学习 WebGL 了，然后打算把学习路径写成系列文章来分享给大家。

哈喽大家好啊，我是广州小井。好久没在掘金更文了，最近跑去学习 WebGL 了，然后打算把学习路径写成系列文章来分享给大家。

哈喽大家好啊，我是广州小井。好久没在掘金更文了，最近跑去学习 WebGL 了，然后打算把学习路径写成系列文章来分享给大家。

大屏重点是贼啦炫酷的动态特效加持。业务核心运营场景：各大地上地下停车场。这里我用的是`three.js`去实现的实际业务场景的场站模拟三维图，无限滚动订单列表和数据动态翻牌和动态图标