想問該如何用canvas做可控制的幀動畫物件 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0

想問該如何用canvas做可控制的幀動畫物件

js html5 canvas 幀動畫小遊戲

berthmoon 2019-01-21 10:52:24 ‧ 1287 瀏覽

分享至

https://codepen.io/ocbcytas/pen/RvbrLK?editors=1011
這是本人做的小遊戲
但是我該如何將玩家角色(Player)繪製成一個可控制(左右)的幀動畫物件(站立待機、左右走路、落下狀態、落下左右等)
本人還是個新手><"
試了很多方法但好像都無法成功繪製
還煩請各路好手解惑了QQ

fillano iT邦超人 1 級 ‧ 2019-01-21 14:31:41 檢舉

我會這樣做：用一個物件追蹤畫面上所有的東西的狀態，每一個iteration會先更新這個物件（每個東西的位置、大小、形狀、角度、碰撞等），然後把東西繪製到畫面。

如果怕畫面會閃爍，你可以用額外的canvas來繪製，然後一次把繪製結果畫到要給人看的canvas裡面。

登入發表討論

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22201 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙