最後のframeを先頭に移動して、アニメーション非対応の環境でも文字を読めるようにする

[hata6502]

#339

最後のframeを先頭に移動することで、アニメーション非対応の環境でも文字を読めるようにしました。
ループ画像のため、frameをローテーションすることの問題は少ないと思います。

[hata6502]

最後のframeを先頭に移動すると、「爆散」「BLINK」などのアニメーションの1コマ目が読めなくなる問題に気づきました。
Draftに戻します。

[hata6502]

Canvasが空白であるか判定して、「爆散」「BLINK」効果に対応してみました。

• 先頭frameが空白の場合
  • 最後のframeを先頭にrotateする。
• 先頭frameが空白でない場合
  • 何もしない。

[hata6502]

レビューお願いいたします。

[zk-phi]

ありがとうございます＆確認遅くなってしまってすみませんmm
完全に盲点でした、おっしゃる通りですね。

実装方法については、そもそもエフェクト側が先頭フレームに意味ある内容を出力すべきな気もしていて、ちょっと迷っています。

メモ https://scrapbox.io/MEGAMOJI/%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3_OFF_%E3%81%AE%E7%92%B0%E5%A2%83%E3%81%A7%E6%84%8F%E5%91%B3%E3%81%AE%E3%81%82%E3%82%8B%E7%94%BB%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%97%E3%81%9F%E3%81%84

[zk-phi]

「そもそも先頭フレームが空白になってしまうようなエフェクトを避ける」という方向で対応しました 🙏 #345

[hata6502]

@zk-phi 対応していただきありがとうございました！

なるほど、各エフェクトごとに対応するのよいですね。
複数のエフェクトを組み合わせた場合でも、1フレーム目に文字が大きく映りそうです！