加入收藏 | 设为首页 |

隆基股份-4行代码就可以完结一个Web版的3D地球可视化展现——Gio.js

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

介绍

Gio.js 是一个根据Three.js的web 3D地球数据可视化的开源组件库。运用Gio.js的网页运用开发者,能够快速地以声明的方法创立自定义的Web3D数据可视化模型,增加数据,并且将其作为一个组件整合到自己的运用中。



Github

关键字查找:giojs

相关特性

Gio.js 是一个根据Three.js的web 3D地球数据可视化的开源组件库。运用Gio.js的网页运用开发者,能够快速地以声明的方法创立自定义的Web3D数据可视化模型,增加数据,并且将其作为一个组件整合到自己的运用中。

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

  • 易用性 -- 仅运用4行Javascript隆基股份-4行代码就可以完结一个Web版的3D地球可视化展现——Gio.js即可创立3D地球数据可视化模型
  • 定制化 -- 运用Gio.js供给的丰厚的API来创立自定义款式的3D地球
  • 现代化 -- 根据Gio.js构建高交互、自适应的现代化3D前端运用

快速开端

  • 1. 装置

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

  • 2. 创立

在引进Three.js和Gio.js在页隆基股份-4行代码就可以完结一个Web版的3D地球可视化展现——Gio.js面之后,现已能够隆基股份-4行代码就可以完结一个Web版的3D地球可视化展现——Gio.js创立3D Gio地球了。在此咱们将先展现怎么创立根底款式的Gio地球。隆基股份-4行代码就可以完结一个Web版的3D地球可视化展现——Gio.js

创立一个

,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可视化地球,并且文档十分具体,更多有用和风趣的当地等候你的探究!

因为图片和地址未经过审阅,本文未展现图片,总归十分炫酷!官方供给了在线DEMO体会!感兴趣的小伙伴不要错失!

76764018798//p4.pstatp.com/large/ff8b000034914fe31904[{"name":"可视化技能"},{"name":"HTML"},{"name":"浏览器"},{"name":"JavaScript"},{"name":"Google"},{"name":"换岗那些事儿"},{"name":"GitHub"},{"name":"地球"},{"name":"规划"}]1568897086