Gio.js 是一个基于Three.js的web 3D地球数据可视化的开源组件库。使用Gio.js的网页应用开发者，可以快速地以申明的方式创皮野哗建自定义的Web3D数据可视化模型，添加数据，并且将其作为一个组件整合到自己的应用中。
这个库的开发是受到Google 2012 Info大会上的某项目可视化的启发，该项目开发者是Google员工Michael Chang。使用Gio.js就可以快速构建这种炫酷的3D模型，并以此为基础进行脊桐深入地开发。
在HTML的<head>中引入Three.js和Gio.js依赖， 以下展示了如何使用<script>标签引入依赖:
在引入Three.js和Gio.js在页面之后，已经可以创建3D Gio地球了。在此我们将先展示如何创建基础样式的Gio地球。
创建一个<p>，Gio地球将会被渲染在这个区域中：
添加一下4行Javascript代码在你的HTML中， 用以创建并渲染：
在Gio.js 1.0发布之后，开发者们提出了很多很酷的、很有建设性的建议，比如微信应用开发者希望Gio.js支持微信小程序，有经验的燃行Three.js开发者希望Gio.js提供Three.js编程接口等。在经过仔细研究、综合设计之后，Gio.js 2.0实现了大部分功能，并且添加了有关文档说明。以下列出了主要的2.0新增特性：
Gio.js仅依赖于Three.js。
经过测试，Gio.js在Three.js R90版本下可以很好地运行和使用。
Gio.js可以运行在以下的浏览器环境中:
更多详细的介绍就不在本文中介绍了，官方文档非常详细，感兴趣的小伙伴可以直接移步文档：
Gio.js可以说是Three.js中实践的非常不错的了，官方还提供了非常多的实例，通过一些简单的API配置即可实现非常炫酷的Web3D可视化地球，而且文档非常详细，更多实用和有趣的地方等待你的 探索 ！
我改动了一下：public class Test{
public static void main(String[] args)
{
Employee e=new Employee("119-1", "张三其", "湖南长沙", 3000, 3)
e.show()
e.addWage()
System.out.println("涨工资后：")
e.show()
Manager m=new Manager("119-2", "李师煊", "湖南长沙", 5000, 8, "1等")
m.show()
m.addWage()
System.out.println("涨工资后：")
m.show()
}
}
interface Add{
void addWage()
}
class Person {
protected String name
protected String address
public Person(String name,String address){
this.name=name
this.address=address
}
public void show(){
System.out.printf("我的名字是：%s，住址是：%s\n",name,address)
}
}
class Employee extends Person implements Add {
String ID
double wage
int gling
public Employee(String ID, String name, String address, double wage, int gling) {
super(name, address)
this.ID = ID
this.wage = wage
this.gling = gling
}
public void show(){
System.out.printf("我的名字是：%s，住址是：%s,ID号是%s,工资是:%f,工龄是：%d\n", this.name, this.address, ID, wage, gling)
}
@Override
public void addWage() {
wage *= 1.1
}
}
class Manager extends Employee implements Add{
String level
public Manager(String ID, String name, String address, double wage, int gling, String level){
super(ID, name, address, wage, gling)
this.level=level
}
public void show(){
System.out.printf("我的名字是：%s，住址是：%s,ID号是%s,工资是:%f,工龄是：%d,等级是:%s\n", this.name, this.address, this.ID, this.wage, this.gling, level)
}
public void addWage(){
wage *= 1.2
}
}
运行测试：
我的名字是：张三其，住址是：湖南长沙,ID号是119-1,工资是:3000.000000,工龄是：3
涨工资后：
我的名字是：张三其，住址是：湖南长沙,ID号是119-1,工资是:3300.000000,工龄是：3
我的名字是碰消粗：李师煊，住址是：湖南长沙,ID号是119-2,工资是:5000.000000,工龄是：8,等级是:1等
涨工资后：
我的名字是：李师煊，住址是：湖南长沙,ID号是119-2,工资是桥雀:6000.000000,工龄是笑镇：8,等级是:1等
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）