1.5 辅助工具

在进入第2章之前，我们将快速介绍一些辅助工具。这些辅助工具让在场景中定位对象和查看场景中的情况变得更加容易。查看这些辅助工具的实际效果最简单的方式就是打开浏览器中的chapter-01/porsche.html示例，如图1.14所示。

图1.14 带有辅助工具的保时捷示例

在屏幕的右侧，菜单的底部，你将看到三个控件按钮：Toggle AxesHelper、Toggle GridHelper和Toggle PolarGridHelper。当你单击其中任意一个时，Three.js将在屏幕上添加一个覆盖图层，可以帮助你定位网格，以确定所需的旋转角度并检查对象的大小。例如，切换成AxesHelper之后，我们将在场景中看到x、y和z轴，如图1.15所示。

图1.15 切换成AxesHelper之后的保时捷示例

注意：在该示例中，你还可以看到一个更强大的控件UI，你可以通过它来控制WebGLRenderer的各个方面。