3D地球仪.zip3D地球仪.zip3D地球仪.zip3D地球仪.zip3D地球仪.zip

three.js 3D地球实例，支持国家点击和飞线

一款超级炫酷的HTML5 Canvas模拟3D地球旋转动画特效，以太空作为背景，地球在太空中旋转，可以拖拽鼠标从不同的角度查看，还可以点击右下方全屏按钮来全屏观看地球旋转动画效果。

ECharts-GL是Apache ECharts（正在孵化）的扩展包，它提供3D绘图，地球仪可视化和WebGL加速。 特色： 1、混搭 ECharts 里的混搭功能很强大，作为 ECharts 的扩展，ECharts-X 自然也需要支持。ECharts-X 能跟 ECharts 中的折柱饼地图等图表混搭，可以有更丰富的可视化效果，同时 ECharts-X 也能够直接使用 ECharts 中的 legend, dataRange 等组件。 2、3D大规模标注 ECharts-X 中的标注在效果和使用上都跟 ECharts 中的标注(markPoint)类似，但是由于WebGL的强大能力，对于几万甚至几十万的markPoint也能进行实时的动画和交互 标柱(markBar)是 ECharts-X 中新定义的一个概念，它是标注(markPoint)的衍生，在三维空间扩展了高度维度表达更丰富的数据信息。 3、3D大规模标线 同样 ECharts-X 中的标线在使用上和 ECharts 类似，但是展现效果从 2D 变成 3D 的曲线，支持几万条 markLine 的实时展现，动画以及交互。 4、风场，洋流等向量场的可视化 NASA之前发布过全球洋流图，用梵高风格的表现使得可视化也充满了艺术感，ECharts-X 也提供了对洋流，风场这种向量场可视化的便捷配置。同样的，也是实时的展现和交互。 5、自定义底图 这个功能比较简单但是非常实用，能够配置地球的底图纹理图片，使得展现更有质感，以后也会在 ECharts 的 map 中加入。下面截图是将地图换成木星纹理的效果。

基于three.js的3D地球 预览地址： : 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 整理和修复文件 npm run lint 自定义配置 请参阅。

这是我在学习Three.js以及HTML5的练习之作。 利用Three.js以及HTML5的canvas构建一个3D场景，实现了3D地球，月球绕地球转。 更多HTML5，Web3D,Three.js技术交流，请加群123552714进行交流

一个非常逼真的Canvas 3D地球旋转动画特效，支持鼠标拖动缩放查看地球，右下角有全屏查看按钮，点击全屏模式查看地球旋转效果。

计算机图形学实验，利用贴图技术生成的3D地球，点击可改变光源的位置，阴影随机发生改变。

双击可以运行。将案例放在首页，超级炫酷。引入简单方便，如果不懂引入，可以评论留言，手把手教，包会。免费送图标实例。

html5_3d地球，请使用html5浏览器打开。