課程
/前端開發(fā)
/Html5
/炫麗的倒計(jì)時(shí)效果Canvas繪圖與動畫基礎(chǔ)
程序執(zhí)行起來有跳幀的感覺
2017-03-11
源自:炫麗的倒計(jì)時(shí)效果Canvas繪圖與動畫基礎(chǔ) 4-2
正在回答
你可以把定時(shí)器里面的時(shí)間設(shè)置的短一點(diǎn) 一般1000毫秒30幀人眼就看起來很連貫了,你可以把定時(shí)器里面的時(shí)間設(shè)置為30 或者20;幀數(shù)只要夠多 就算一幀移動1000個(gè)像素你也看起來很連貫的
我感覺是距離跨度大,y軸球運(yùn)動跨度大的過。
假設(shè)球的初始位置是0,0 ,暫不考慮x軸方向。其加速度a = 2, y軸初始速度vy = 0;
根據(jù)公式s = vy*t+1/2at^2
則 10個(gè)50秒后 所在位置 (0,100), 再過1個(gè)50秒后的位置是(0, 121),注意,這里的時(shí)間是setinterval執(zhí)行匿名函數(shù)的次數(shù)。
由此可以看出從第10次執(zhí)行時(shí)小球的位置與第11次執(zhí)行時(shí)小球的位置相差21個(gè)像素(是不是以像素計(jì)量我不清楚),這個(gè)距離比較大,就相當(dāng)于給人一種小球直接跳躍的感覺,也就造成了跳幀的感覺。
我分析得對不對以及具體怎么解決,還希望老師出來說一下。
刷新的時(shí)間與數(shù)字變化的時(shí)間不一致
edgex
舉報(bào)
學(xué)習(xí)HTML5中最激動人心的技術(shù)Canvas,徹底釋放自己的創(chuàng)造力
1 回答我就想知道為啥我的球跳著跳著就跳出去了
1 回答感覺代碼沒錯啊 ,為何只是顯示邊框,沒有畫出內(nèi)容???
4 回答為什么canvas畫布不顯示呢,感覺JS代碼沒有起作用是怎么回事
3 回答為啥我的cvs.clearRect(0,0,w,h)沒有生效
1 回答為啥 digit[num]為定義的
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2018-07-31
你可以把定時(shí)器里面的時(shí)間設(shè)置的短一點(diǎn) 一般1000毫秒30幀人眼就看起來很連貫了,你可以把定時(shí)器里面的時(shí)間設(shè)置為30 或者20;幀數(shù)只要夠多 就算一幀移動1000個(gè)像素你也看起來很連貫的
2018-07-04
我感覺是距離跨度大,y軸球運(yùn)動跨度大的過。
假設(shè)球的初始位置是0,0 ,暫不考慮x軸方向。其加速度a = 2, y軸初始速度vy = 0;
根據(jù)公式s = vy*t+1/2at^2
則 10個(gè)50秒后 所在位置 (0,100), 再過1個(gè)50秒后的位置是(0, 121),注意,這里的時(shí)間是setinterval執(zhí)行匿名函數(shù)的次數(shù)。
由此可以看出從第10次執(zhí)行時(shí)小球的位置與第11次執(zhí)行時(shí)小球的位置相差21個(gè)像素(是不是以像素計(jì)量我不清楚),這個(gè)距離比較大,就相當(dāng)于給人一種小球直接跳躍的感覺,也就造成了跳幀的感覺。
我分析得對不對以及具體怎么解決,還希望老師出來說一下。
2017-03-14
刷新的時(shí)間與數(shù)字變化的時(shí)間不一致