アニメーションスタンプ作ったのであれこれ

f:id:elve:20200426072910p:plain

というわけで審査待ち。
今回初めて動くスタンプ（アニメーションスタンプ）作っていろいろ引っかかったのでまとめとく。

まず
f:id:elve:20200426073008p:plain
creator.line.me

サイズ（ピクセル）

	スタンプ	アニメーションスタンプ	カスタムスタンプ	メッセージスタンプ
メイン	２４０＊２４０	２４０＊２４０	２４０＊２４０	２４０＊２４０
タブ	９６＊７４	９６＊７４	９６＊７４	９６＊７４
スタンプ	３７０＊３２０	３２０＊２７０	３７０＊３２０	３７０＊３２０

ピンクの部分はAPNGじゃないといけない。*1
アニメーションスタンプだけサイズ違うので注意。
お絵かきソフトなんかで「lineスタンプ」的テンプレサイズ選ぶと書き直し必要になります(´；ω；`)ｳｩｩ

APNG

アニメーションのフレーム（コマ）数は５～２０です、とさらりと書いてあるのですが、これって1つのスタンプに最低5枚は必要って事なので！！！
つまりですね！！　アニメーションスタンプ作成には最低でも
メイン　５枚
タブ　１枚
スタンプ　８スタンプ＊５枚
…46枚描かねばなりません！！
気合いだー！！！(´；ω；`)ｳｩｩ

APNG作成

PNGのファイルを複数まとめてAPNGとす。
使用したソフトはApngComposite
www.vector.co.jp

APNGの繰り返し回数と時間（ディレイ）設定

無限ループだとはじかれます。再生時間MAX4秒。

これ計算が面倒なので、1秒で終わるアニメーション作って4回ループで統一しました。
3回ループ位がいいと思ったのですが、いろいろ割り切れなくなるし！！ｗ

5フレームだったら200ms！
8フレームだったら125ms！

5フレームの設定例
f:id:elve:20200426081024p:plain

後なんか余白なくさないといけないはずで、その辺はソフトがうまく最適化やってくれてるんじゃないかと・・・リジェクトされたら考えますｗ

最初のフレーム

最初のフレーム（コマ）が表示されるので、アニメーション的に最後のコマと同じコマを最初に入れるといいと思います。そうすっと最後の動きだけ2コマ分表示されるので動きも落ち着くかな、とか。
f:id:elve:20200426075335p:plain
↑でおめでとう！！　表示がちょっと長く見える感じになるっすよ。
gifにするとこんな感じ
f:id:elve:20200426075830g:plain