1. 程式人生 > 實用技巧 >一些Three.js相關的開源庫

一些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,它的座標為xy

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