一些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地址  用法參考