Three.js 是一款運行在瀏覽器中的3D 引擎,你可以用它創建各種三維場景，而下面這篇文章主要給大家介紹了關於Three.js如何利用性能插件stats實現性能監聽的相關資料，需要的朋友可以參考借鑒，下面來一起學習學習吧。
前言
關於性能：測試一個程序，性能上是否有瓶頸，在3D世界裡，經常使用幀數的概念，首先我們來定義一下幀數的意義。
幀數：圖形處理器每秒鐘能夠刷新幾次，通常用fps（Frames Per Second）來表示
關於性能：測試一個程序，性能上是否有瓶頸，在3D世界裡，常常使用幀數的概念，首先我們來定義一下幀數的意義。
幀數：圖形處理器每秒鐘能夠刷新幾次，通常用fps（Frames Per Second）來表示
stats性能插件添加了以後，會默認在左上角顯示性能幀數，每次刷新所用時間，佔用記憶體。滑鼠左鍵點擊可切換，預設顯示每秒的影格數。
首先需要將stats外掛程式引入，位址是官網下載檔案裡面的examples/js/libs/stats.min.js。
然後需要實例化一個元件，然後加入到dom當中。
//初始化性能插件 var stats; function initStats() { stats = new Stats(); document.body.appendChild(stats.dom); }
需要在requestAnimationFrame()函數呼叫裡面更新stats。
function animate() { //更新控制器 controls.update(); render(); //更新性能插件 stats.update(); requestAnimationFrame(animate); }
就這樣，頁面當中就會顯示出來正常外掛效果了。
設定預設顯示的監聽。
Stats.prototype.setMode()方法可以設定外掛程式的預設監聽
stats.setMode(0); //默认的监听fps stats.setMode(1); //默认的监听画面渲染时间 stats.setMode(2); //默认的监听当前的不知道是啥
#案例也是用的上一節的案例寫的，全部程式碼：
Title
以上是Three.js利用效能外掛程式stats實現效能監聽實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！
