本文介绍了如何使用echarts-gl创建3D轨迹效果，包括尝试使用processing.js、three.js和d3.js，最终选择了echarts-gl，因为它提供了内置的地图和3D地球功能。在完成3D效果后，探讨了不同的截屏方法，如html2canvas、phantomjs和echarts的导出功能，但因各种限制未成功，最后发现echarts-gl本身不具备截屏功能。
在做毕设的时候老师提了一个需求，做一个3D的飞行轨迹展示视频，就像
http://422south.com/work/nats-future-air-traffic-patterns-for-london
中展示的一样，制作分两步：
- 先做出3D的轨迹效果
- 将每次的效果截图
- 把截图拼起来作为视频
3D轨迹效果
考虑的工具有:
- processing.js
- three.js
- d3.js
processing.js
作为processing在web平台的衍生物，processing.js目前跟processing本身联系十分紧密，我简单看了一下processing.js的官网介绍，貌似需要使用processing本身的pde格式文件，感觉可能无法继承自我现有的已完成的工作，需要一切从头开始，所以不考虑。
three.js
粗略的看了一下three.js的介绍、文档：three.js就是封装好了很多基本的3D元素，需要开发者自己从基本的球、线等元素构造出需要的物体，对于目前我的需求来说过于基本了一些，如果采用three.js绘制地图，估计工作量小不了。
d3.js
处于本身文档的考虑，放弃
最低0.47元/天 解锁文章
扫一扫
1854
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
