WebGL 啟動載入觸發更新流程分析

webgl 啟動載入觸發更新流程分析

太陽火神的漂亮人生 (

本文遵循「署名-非商業用途-保持一致」創作公用協議

太陽火神的漂亮人生 - 本部落格專注於敏捷開發及移動和物聯裝置研究：ios、android、html5、arduino、pcduino

，requestanimframe(tick);

此命令是 html5 中新增的用於替換定時器觸發更新的命令，以實現動畫更新，其後台實現有一特殊之處。是將頁面上的動畫進行合併再呈現。提供了非常高的執行效率，且當當前頁面標籤離開未展如今螢幕上時。其自己主動暫停。

最好還是試一試，開啟乙個 html5 的三維演示樣例，展現的過程中，cpu 風扇在幾分鐘後會狂轉不止；但將頁面標籤切換到其他頁面，再過幾分鐘。cpu 風扇明顯降速。發熱也沒那麼大了。

只是還不清楚是 cpu 還是 gpu發熱，假設能找一部台式電腦來測試。開啟機箱蓋子，摸一下兩者的散熱片溫度前後變化應該就能非常清楚了，或者用溫度監測軟體也能夠查得到。

moonangle 和 cubeangle 是兩個用於檢視模型轉換時使用的視角的變化值，這裡通過動畫更新，使其隨時間的流逝，發生一定角度的旋轉，以達到動態更新旋轉的展示目的。

當僅保留 drawscene(); 這一句時。並不會呈現出內容來。而 animate(); 僅用於更新旋轉角度。能夠不考慮，那麼 requestanimframe(tick); 這一句可能是確保其顯示的乙個必要條件；

然而。requestanimframe(tick); 在我的理解中。它僅用於觸發執行 tick(); 方法本身。怎麼會有這樣致命的影響呢？

或許資源的延遲載入。可能須要定時重新整理以達到更新各狀態的最新結果吧。

這是否對於靜態顯示來說，資源消耗過大呢？又或者，我們能否夠以還有一種方式，即載入完畢觸發的方式來考慮這個問題進行解決呢？

那麼 js 或許能夠有這種功能吧！

或許 jquery 對 js 事件的封裝可能會非常好的解決這些問題。有待進一步研究，後文續補。

var lasttime = 0;
function animate() 
lasttime = timenow;
}function tick() 
function webglstart()