《Three.js 入门指南》3.1.2 - 一份整齐的代码结构以及基础学习模板

3.1.2 正式代码结构 & ORBIT CONTROLS插件（轨道控制）

1. 说明

本节内容属于插入节，《Three.js入门指南》这本书中，只是简单的介绍了一些概念，是一本基础的入门级别的书。

在实践过程中，在学习过程中，我发现不论是官方，还是大牛的文章，都不是这样去结构话代码的。混乱，不易于管理维护。

所以，为了以后继续学习，以及各种好处，有必要在这里，好好的熟悉一下这种良好的代码结构。

此外，前面的学习，不难发现，我们不能通过鼠标拖动，来更好的观察我们的效果，为了实现这一目的，我们提前学习一下轨道控制。 我们首先以 ORBIT 轨道控制为切入点进行学习。

其他的也都大同小异，学到的时候，就直接能上手了。同时，Three.js提供后给我们了多种不同的轨道控制。 而Orbit是最常用的一种。

2. 预览效果

在正式开始之前，先看一个即将实现的效果。

我们可以使用鼠标对其进行放大缩小，转动，移动。

3. 完整的代码结构

不难发现，这种代码结构非常的清晰明了，易于维护和修改。

同时，这里给出了Orbit控制器的定义方式，需要注意的是，我们需要单独引入ORBIT CONTROLS插件（轨道控制）的js库：OrbitControls.js

4. 一份帮助你学习的工程模板

我自在初学的时候，存在诸多疑问，深知初学者的困难。 为了方便初学者更友好的学习。

这里有一份基础的demo平台。

你可以在这上面调试，demo 以便你入门学习。

https://github.com/jaycethanks/ThreeJS-InitModule

你可以在这里看到它的预览效果ThreeJsDemoPlatform