Three.JS 学习准备（0）

Three.JS 的简介：

      three.js是JavaScript编写的WebGL第三方库。提供了很是多的3D显示功能。Three.js 是一款运行在浏览器中的 3D 引擎，你能够用它建立各类三维场景，包括了摄影机、光影、材质等各类对象。

      接触了几个Three.js 开发的例子，感受功能仍是很强大的。好久以前，也曾雄心勃勃的向学习Opengl ，还专门买了《Opengl 权威指南》第六版， 由于opengl 的扩展库，以及使用c++ 建立windows 窗口等过程过于复杂，使得本来想好好学习opengl 遇到了不少困难。不过如今机会来了，webGL 使得三维程序能够很好的在浏览器上运行，开发起来与操做系统也没有太多联系。学习起来要容易得多。

　　本人业余开发学习，没有什么人指导，彻底野生状态。初步了解了threejs 之后给本身定了一个 学习的计划。HTML5 + CSS3+ ThreeJS 。我想经过实际程序的学习应该是一个不错的途径。

　　在网上搜索一番，找到些不错的资料。罗列一下：

（1）20个 three.js 案例
http://tutorialzine.com/2013/09/20-impressive-examples-for-learning-webgl-with-three-js/

Find even more impressive WebGL demos here:

http://www.chromeexperiments.com/tag/webgl/
http://threejs.org/
http://www.mrdoob.com/

（2）Examples created by Yomotsu using THREE.js 
http://yomotsu.github.io/threejs-examples/

（3）ShowWebGL 

这是一个能够显示3D模型的网站，支持的模型格式简直让人没法想一想：

http://showwebgl.com

obj, ive, 3ds, dae, ply, osg2, osgb, osgt, osgx, osgs, gem, geo, mdl, rgb, lws, dxf, tgz, osgterrain, shp, zae, stl, sta, bvh, ac, flt, ogr, osga, md2, x, json, txp, dw, osgtgz, 3dc, asc, lw, lwo, gdal, bsp, osg

1、开发工具

　　工欲善其事，必先利器。找到一个不错的开发工具 webstorm 。 百度一下不少下载地址。

2、学习网站

　　http://www.hewebgl.com/    找到这个学习网站，当时还小激动了一下，不过，看完第一部分，就要交学费了。 内心很不爽，不过做为起步，也推荐你们看看，不过毕竟人家花了很大的精力来写教程，并且详细的了得，也很佩服这些个哥们~

3、调试工具

　　虽然webstorm 也有本身的调试工具，不过网上通常推荐使用 chrome 自带的调试工具更好，你们这么推荐，相信不会不错。试了一下，真不错~

　　开发chrome ，按下F12 ，哈哈~ 看看效果。还能够断点，google 太伟大了~~

 

4、选择一个好的例子程序。  我选择了  The WebGL earth 。 网址： http://www.chromeexperiments.com/globe

还有不少好的例子程序， （1）20个 three.js 案例    ，你们能够本身google。

5、 安装tomcat ，下载代码文件，放在工程目录里面，这个你们都会。下面看看我从本地打开的效果。