av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

javascript - 我做了一個h5的畫布游戲,用requestanimation控制方向移動,按鍵控制是否按下方向鍵,但是有點卡,請問大神怎么優化

瀏覽:107日期:2023-03-06 10:22:48

問題描述

代碼具體沒辦法打出來,有沒有大神提供寶貴的意見

問題解答

回答1:

將以幀為單位的動畫改成以時間為單位的動畫

對于不需要經常變動的圖片,如背景等,請使用離屏canvas來實現

對于一些細節的地方,如canvas.width 等,需要用width = canvas.width來保存值使用

使用函數節流

事件觸發動作不要以綁定的函數為主,需要將觸發的參數通過傳到程序內部,通過游戲循環來實現。如:當點擊右箭頭的時候,你只需要告訴游戲主體,往右移動已經被觸發,至于怎么運動由程序自己決定。

優化循環,一般來說導致程序運行緩慢最主要的原因都是這個,內部邏輯太多,一個單位循環內根本來不及處理,對于某些數據計算性的東西,比如說生成隨機數等可以通過worker來實現,對于一些不需要經常使用的功能,請盡量避免調用,只有在某些情況觸發了以后,參數值變了,再進行調用。 比如說if(go) dosomething(); 只有當go為true時才進行操作,這樣可以省下大量時間。

當然具體的優化細節需要根據你的代碼來決定,我只能講這么點通用的東西,其實大部分優化的思路都一樣的

回答2:

有可能是事件注冊的問題,可以先從事件委托,和 dom 結束后取消事件入手。

可以使用 chrome devtool 點開 profile 看看 cpu 和 內存,看看是否是有哪些函數有泄漏或者其他問題。

回答3:

使用canvas的局部刷新,不要每次移動就刷新整個畫面

回答4:

你是用DOM 寫的小游戲?還是用CANVAS

標簽: JavaScript
主站蜘蛛池模板: 91亚洲精品久久久电影 | 激情影院久久 | 黄色一级特级片 | 免费一级毛片 | 久久国产视频播放 | 久久久久亚洲视频 | 午夜影院在线观看 | 成人在线视频网 | 91精品国产综合久久久久久漫画 | 粉嫩在线| 天天干干 | 精品久久香蕉国产线看观看亚洲 | 91亚洲精品在线观看 | 久久久精品一区二区三区 | 草草网 | 欧美日韩成人在线 | 国外成人在线视频网站 | 三级欧美| 伊人精品国产 | 国产精品18久久久久久久 | 日本天天操 | 午夜精品久久久久久久星辰影院 | 亚洲成人精选 | 亚洲欧美综合精品久久成人 | 国产在线视频一区二区董小宛性色 | 国精产品一区一区三区免费完 | 日本不卡一区二区三区在线观看 | 9久久| 欧美亚洲在线 | 超碰在线免费公开 | 99热视 | 逼逼网 | 久草中文在线 | 精品国产99 | 欧美4p | 毛片黄片免费看 | 国产欧美一区二区久久性色99 | 国产成人99久久亚洲综合精品 | 国产亚洲一区二区三区 | 精品91av| xnxx 日本免费|