iT邦幫忙

0

將GIF檔繪製於HTML5 CANVAS中(逐幀動畫)的問題

大大好
canvas目前無法直接繪製gif檔上去
爬了好久的文終於找到相關方法(將gif拆解為四張)

但是礙於小弟接觸HTML5跟JS不久,經驗不夠豐富
目前碰到的問題是:

  1. GIF會延遲一秒後才跑出來
  2. GIF能夠成功跑起來了,但是會一直閃爍(本來推測是clearRect的關係,但是把各個clearRect都註解掉還是會閃爍)
  3. 沒辦法像drawImage那麼自由的使用,因為我是判斷倒數時間到,自動開跑。
    但是這套gif的程式碼我試著打破他重組,想讓它變成跟drawImage一樣可以設定圖片、座標跟大小,但是一直打破不了QQ... 不知道該怎麼改才好。
  4. gif圖除了會閃爍以外還算正常,但是到了終點停止的時候卻會變出好多分身...
能截一下畫面嗎? 看一下你要的效果是什麼?
類似這種效果,只是我想做的是不用玩家操控,他會自己時間到了就開跑並且沒有障礙物跟跳躍(只有跑步的動作) https://youtu.be/D7Wwe2MoC6s?t=1m13s

1 個回答

0

最好先簡化一下code,比較好釐清問題…

看更多先前的回應...收起先前的回應...

抱歉 其實簡化過了XD 想說盡量放完整點,至少能夠DEMO的程度><

圖片沒附上,無法試

已經自行找到解答了...謝謝

已經自行找到解答了...謝謝

我要發表回答

立即登入回答