这是3D可视化教程系列的文章，如果第一次阅读请先阅读《3D可视化教程导读》。

源码及3D项目文件

  源码及工程项目都放到github上。
  源码：threejs-example

 在做3D可视化时，有时需要一堆建筑来衬托，现在演示一下如何导入城市建筑，操作视频如下：

 可以通过从Google地图里抓图获取城市建筑数据，相对于osm这种傻傻地显示方块显示建筑，rdc生成的数据更真实（当然也更复杂）。不能访问Google的小伙伴们是无法尝试的。别问我怎么访问Google，这技术不能教，只能靠缘分获取。导入rdc最终效果：

 当发现画面掉到30帧以下，说明3D界面已经开始卡了，需要找到性能瓶颈进行优化。首先调用调试工具，进入Performance，抓一下各函数运行时间，看哪些函数占用大量时间，然后针对性地去优化。

技巧

少用光源与阴影

 光源与阴影是很吃性能的，因为这些都需要大量计算渲染出来。

 blender支持导出动画(animation)并加载到three.js中：

源码及3D项目文件

  源码及工程项目都放到github上。
  源码：threejs-example