• 1. 学习中的疑惑
• 2. 关于辅助类
• 3. 本课重要知识点
• 4. 所需基础知识
• 5. 示例程序整体说明
• 6. 网格辅助类GridHelper的用法和原理
• 7. 包围盒辅助类BoxHelper的用法和原理
• 8. 面法线辅助类FaceNormalsHelper的用法和原理
• 9. 顶点法线辅助类VertexNormalsHelper的用法和原理
• 10.线框模型辅助类WireframeHelper的用法和原理
• 11.点光源辅助类PointLightHelper的用法和原理
• 12.辅助线的隐藏和打开
• 13.课后习题
• 14.总结

首先，和大家交流一些学习中的问题。这些问题如下：

1. 是不是经常搞不清模型的方向和位置，经常把模型放错地方。

2. 是不是经常不知道相机在何处，导致显示出来的场景不是自己想要的。

3. 是不是搞不清楚发现的方向，导致灯光着色时，渲染重视不对。

4. 是不是搞不清楚灯光的方向和着色访问，不知道那个表面收到灯光影响。

5. 是不是不知道模型的大小，在碰撞检测调试过程中老师出错。

好了，还有很多学习中的迷惑，这里就不一一列举了，这是VIP用户经常问的问题，我们也做了很多详细的回答，这一节课向大家展示一些辅助工具类，让大家在学习中，减少更多的疑惑。

关于three.js的辅助类在源码目录【three.js-master\src\extras\helpers】中(本文使用最新版r60讲解)，这里包含了14个类，如下图所示：

Three.js中的辅助类，能够给我们巨大的帮助，首先我们来大概了解一下各个类的作用，在后面的章节，我们将详细讲解这些类。辅助类的思维导图如下所示：

请大家仔细看看这些类的概要解释，有个印象，为后面做好准备。

本课将围绕辅助类来讲解一些重要知识，内容很多，我们会为大家讲解大多数类的实现及其原理，而不单纯的是怎么使用。这样的好处是，大家以后可以自己写一些辅助类来帮助您编写程序，这节课的知识点大概如下：

1.网络辅助类GridHelper，主要讲解网格的绘制和为网格的每一条线赋予不同的颜色。

2.包围盒BoxHelp辅助类，这节课我们主要讲解顶点和顶点索引，以及计算长方体包围盒的算法，以及椭圆包围盒的算法，这些算法在游戏中是非常有用的，几乎每一种引擎中都有。

3.面法线辅助函数FaceNormalsHelper，相信很多读者对面法线和顶点法线非常混淆，根本不知道什么时候该用哪一种法线，这里将给大家解释疑惑，并详细分析各种法线的实现

4.顶点法线VertexNormalsHelper，和第3点一样。

5.线框辅助函数WireframeHelper，这一节讲讲解如何将模型转换为其线框图。

6.光源辅助类，这里将如何让光源的位置，方向，照射访问可视化。(你可以在 这里 看到本章的效果)

学习完本课，最终我们将完成一个示例，这个示例的效果图如下所示：