一些Three.js相關的開源庫
阿新 • • 發佈:2020-08-05
Physijs
Physijs是一款物理引擎,可以協助基於原生WebGL或使用three.js建立模擬物理現象,比如重力下落、物體碰撞等物理現象。
stats.js
提供了一個簡單的資訊框,可幫助您監視程式碼效能。
FPS:畫面每秒傳輸幀數。數字越高,頁面越流暢
MS:畫面渲染的毫秒數。數字越低越好。
MB:MB已分配的記憶體
dat.gui
輕量級的icon形使用者介面框架,可以用來控制Javascript的變數,比如WebGL中一個物體的尺寸、顏色
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);
ThreeBSP
可以將現有的模型組合出更多個性的模型來使用。如兩個幾何體的差集、並集、交集的展示。