今天我们来学习下如何在cesium工程中引入threejs。做web端三维的对threejs应该非常了解，threejs的历史要比cesium长的多，应用也比cesium流行多。相比cesium，three可以支持物理引擎库，适合小场景三维应用。现在github上也有人完全基于threejs做数字地球了：itowns。github介绍：

http://s9/mw690/006pZnPwzy7mZ5zJdNKa8&690
国内大牛们也自己造轮子，MikesWei在git上贡献两个相关工程：Cesium3js和CesiumMeshVisualizer。cesium官网也发布一个相关工程：cesium-threejs-experiment。下面我们来介绍下官网这个工程。首先下载工程解压：

http://s4/mw690/006pZnPwzy7mZ6mzHije3&690
源代码和示例在public文件夹下，主要是CesiumThree.js文件：

http://s15/mw690/006pZnPwzy7mZ6qtC0uee&690
我们加入cesium和three库后运行index.html发现无法运行，打开源码CesiumThree.js发现：

http://s15/mw690/006pZnPwzy7mZ6xBovk5e&690
里面和cesium相关很多对象名称都写错，好比上图中的CesiumCartesian3应该是Cesium.Cartesian3，类似错误很多，于是在官网这个示例中将错误地方修改了，新建了一个git工程：CesiumThreejs.Demo。

http://s6/mw690/006pZnPwzy7mZ6TnTDva5&690

正确运行效果如下：

http://s1/mw690/006pZnPwzy7mZ6PY0j670&690
在本系列博客的工程中也添加此示例，示例源码：github源码。

我的学习公众号也开通，感兴趣的小伙伴们可以加关注：giserYZ2SS，代码交流小伙伴在公众号发消息，我会一一回复的。

http://s14/small/006pZnPwzy7q1bYCcFvad&690