加入收藏 | 设为首页 |

氧气-4行代码就可以完成一个Web版的3D地球可视化展示——Gio.js

海外新闻 时间: 浏览:283 次

介绍

Gio.js 是一个根据Three.js的web 3D地球数据可视化的开源组件库。运用Gio.氧气-4行代码就可以完成一个Web版的3D地球可视化展示——Gio.jsjs的网页运用开发者,能够快速地以声明的方法创立自定义的Web3D数据可视化模型,增加数据,并且将其作为一个组件整合到自己的运用中。



Github

关键字查找:giojs

相关特性

G氧气-4行代码就可以完成一个Web版的3D地球可视化展示——Gio.jsio.js 是一个根据Three.js的web 3D地球数据可视化的开源组件库。运用Gio.js的网页运用开发者,能够快速地以声明的方法创立自定义的Web3D数据可视化模型,增加数据,并且将其作为一个组件整合到自己的运用中。

这个库的开发是遭到Google 2012 Info大会上的某项目可视化的启示,该项目开发者是Google职工Michael Chang。运用Gio.js就能够快速构建这种炫酷的3D模型,并以此为根底屏幕分辨率进行深化地开发。

  • 易用性 -- 仅运用4行Javascript即可创立3D地球数据可视化模型
  • 定制化 -- 运用Gio.js供给的丰厚的API来创立自定义款式的3D地球
  • 现代化 -- 根据Gio.js构建高交互、自适应的现代化3D前端运用

快速开端

  • 1. 装置

在HTML的中引进Three.js和Gio.js依靠, 以下展现了怎么运用

  • 2. 创立

在引进Three.js和Gio.js在页面之后,现已能够创立3D Gio地球了。在此咱们将先展现怎么创立根底款式的Gio地球。

创立一个

,Gio地球将会被烘托在这个区域中:


增加一下4行Javascript代码在你的HTML中, 用以创立并烘托:



API文档介绍



在Gio.js 1.0发布之后,开发者们提出了许多很帅的、很有建设性的主张,比方微信运用开发者期望Gio.js支撑微信小程序,有经历的Three.js开发者期望Gio.js供给Three.js编程接口等。在经过细心研讨、归纳规划之后,Gio.js 2.0完成了大部分功用,并且增加了有关文档阐明。以下列出了首要的2.0新增特性:

  • 供给微信小程序支撑
  • 支撑一起加载多数据集(data group)并供给数据集切换
  • 供给Three.js编程接口
  • 供给Stats.js编程接口
  • 支撑输出数据到大洲
  • 供给输入数据检测
  • 新增数据铲除
  • 新增封闭实时加载
  • 通明布景

Gio.js仅依靠于Three.js。

经过测验,Gio.js在Three.js R90版别下能够很好地运转和运用。

Gio.js能够运转在以下的浏览器环境中:



更多具体的介绍就不在本文中介绍了,官方文档十分具体,感兴趣的小伙伴能够直接移步文档:




总结

Gio.js能够说是Three.js中实践的十分不错的了,官方还供给了十分多的实例,经过一些简略的API装备即可完成十分炫酷的Web3D可视化地球,并且文档十分具体,更多有用和风趣的当地等候你的探究!

因为图片和地址未经过审阅,本文未展现图片,总归氧气-4行代码就可以完成一个Web版的3D地球可视化展示——Gio.js十分炫酷!官方供给了在线DEMO体会!感兴趣的小伙伴不要错失!