本节书摘来自异步社区《WebGL入门指南》一书中的第2章,第2.2节建立Three.js运行环境,作者 【美】Tony Parisi,更多章节内容可以访问云栖社区“异步社区”公众号查看
2.2 建立Three.js运行环境
WebGL入门指南
你要做的第一件事情就是从GitHub上获取到最新版的Three.js包。Three.js在GitHub上的地址是https://github.com/mrdoob/three.js/。复制到本地之后,你可以在build/Three.js目录找到打包好的库文件。另外,Three.js的全部源代码都在src文件夹中。而API文档则是直接连接到GitHub网站,但这份文档相当简陋,你最好还是对照源代码来上手。
Three.js使用了Google Closure编译器;它可以将位于不同的独立文件中的整个Three.js的源代码编译成一个库文件。如果你对Closure编译器不太熟悉,那可以访问http://code.google.com/closure/compiler/了解更多。如果你不想过多涉及,那也没关系,就把Three.js看成一个黑箱好了。
你可以花一些时间简单地看看代码树和文档,来熟悉一下Three.js。如果你和我不同,对这些繁琐的前置步骤厌恶不已,并打算忽略这些建议,现在就开始跳进代码之中!那么好吧,我非常理解你的心情,但至少请做一件事情——浏览一下示例。在example文件夹中你可以找到接近100个WebGL Demo和一些2D画布的Demo,其中包含了大量的特性和视觉效果。你不会后悔的,相信我!
最后,请把所有这些东西都放到一个网络服务器上。本书中的大部分示例代码都需要运行在服务器上。我在我的MacBook上安装了一个标准的LAMP套件,而你只需要其中的“A”部分(即安装Apache服务器)。