Three.js开源库

    Three.js是一个javascript库,它包装了浏览器提供的webgl接口,用于在网页上实现3d动画。你在threejs官网上可以看到用这个库实现的各种酷炫特效。这个库不好的一点是,由于它是开源的,被不同的人维护,它的接口经常发生很大的变化,导致不同版本的threejs互不兼容,所以它是个正在发展中的库。但我们只使用它的editor,无需担心这个问题。下面小编分享下整理的一些Three.js开源库。

Physijs

Physijs是一款物理引擎,可以协助基于原生WebGL或使用three.js创建模拟物理现象,比如重力下落、物体碰撞等物理现象。

GitHub地址    演示地址  

stats.js

提供了一个简单的信息框,可帮助您监视代码性能。

FPS:画面每秒传输帧数。数字越高,页面越流畅

MS:画面渲染的毫秒数。数字越低越好。

MB:MB已分配的内存

GitHub地址  

dat.gui

轻量级的icon形用户界面框架,可以用来控制Javascript的变量,比如WebGL中一个物体的尺寸、颜色

GitHub地址   

tween.js

tween.js是一款可生成平滑动画效果的js动画库。可以非常方便的控制机械、游戏角色运动。

下面是个简单的例子:假设你有一个对象position,它的坐标为 x 和 y

var position = { x: 100, y: 0 }

如果你想改变 x 的值从100到200,你只需要这样做:

// Create a tween for position first
var tween = new TWEEN.Tween(position);
 
// Then tell the tween we want to animate the x property over 1000 milliseconds
tween.to({ x: 200 }, 1000);

GitHub地址  

ThreeBSP

可以将现有的模型组合出更多个性的模型来使用。如两个几何体的差集、并集、交集的展示。

GitHub地址

Gio.js

Gio.js 是一个基于Three.js的web 3D地球数据可视化的开源组件库。使用Gio.js的网页应用开发者,可以快速地以申明的方式创建自定义的Web3D数据可视化模型,添加数据,并且将其作为一个组件整合到自己的应用中。  

Github 链接:https://github.com/syt123450/giojs/blob/master/README_zh.md