文章詳情頁
javascript - requestAnimationFrame如何控制幀速？
瀏覽：96日期：2022-12-11 15:11:44
問題描述
想在canvas里實現動畫，動畫是每幀都畫在Sprite上連成一張圖的，試過用setTimeout實現動畫，發現會跳幀，但是requestAnimationFrame無法控制幀速，我希望1s畫7幀該怎么辦？
問題解答
回答1：requestAnimationFrame就是在瀏覽器下一幀渲染時調用的，所以可以認為requestAnimationFrame的調用速率就是瀏覽器的刷新速率，一般來說是60幀
但是requestAnimationFrame調用callback的時候會傳入一個時間戳參數，可以根據這個參數來進行判斷從而處理你實際需要的幀速
比如要1秒7幀的話可以這樣寫
let step = (timestamp, elapsed) => { if (elapsed > 1000 / 7) {//TO DO SOMETHINGelapsed = 0 }window.requestAnimationFrame(_timestamp => step(_timestamp, elapsed + _timestamp - timestamp) )}window.requestAnimationFrame(timestamp => step(timestamp, 0))回答2：
貌似不可控，瀏覽器自己計算的
回答3：1s7幀這種刷新速率...本來就是'跳幀'的效果...
標簽：
JavaScript
相關文章：
1. 一個mysql聯表查詢的問題2. mysql - 一個表和多個表是多對多的關系，該怎么設計3. 運行python程序時出現“應用程序發生異常”的內存錯誤？4. html5 - iOS的webview加載出來的H5網頁，怎么修改html標簽select的樣式字體？5. python如何不改動文件的情況下修改文件的 修改日期6. javascript - git clone 下來的項目 想在本地運行 npm run install 報錯7. java - 我現在一個servlet中有調用socket訪問，作為socket的客戶端，8. 主從備份 - 跪求mysql 高可用主從方案9. mysql主從 - 請教下mysql 主動-被動模式的雙主配置 和 主從配置在應用上有什么區別？10. python 如何實現PHP替換圖片 鏈接
排行榜
網公網安備