見出し画像

自作アニメーションスタンプエディタ(APNG Editor)の公開

ヨシダSです
自分のために作った、自家製スマホ特化のアニメーションスタンプエディタ「APNG Editor」を公開しまーす。PCでも使えると思います。

ご利用にあたり以下の点だけご注意ください

  • とりあえず体験してみて、使えそうなら使ってください

  • 体験もいきなりフルセット作るのではなく、1スタンプ作って個別でAPNG保存したものを申請画面でひとつずつアップロードしてみることをおすすめします

  • データはスマホ外に保存されことはありません

  • 本格利用は自己責任でご利用ください。アプリのクラッシュでデータが紛失しても私は責任持てません

  • ↑なので、こまめに手動でアプリ内のセーブ「プロジェクトの保存」をお願いします(オートセーブではありません)私もスマホが固まって何度かやり直しました

  • バグや機能の要望はコメント欄にください!必ず対応すると約束はできませんし、即時の対応はできません。

  • 凹むコメントは病むのでやめてください💦お褒めのコメントは遠慮なく!

  • あまりにも迷惑をかけるようであれば、非公開にします💦

それではご堪能ください!
「ホーム画面に追加」しておくと便利です!


📸 APEG Editor v0.9 簡易説明書
「APNG Editor」は、ブラウザだけでLINEアニメーションスタンプ(APNG)の作成・管理ができる高機能エディタです。

🚀 クイックスタート
1. モードを選択する
起動時に「アニメスタンプ(320×270)」か「アニメ絵文字(180×180)」を選択します。

2. スタンプ枠を選ぶ

ダッシュボードから、編集したい番号(#01〜)をクリックしてエディタを開きます。

3. 画像を読み込む

複数PNG読込: 連番画像を一度に流し込めます。
1APNG読込: 既存のAPNGファイルを分解して再編集できます。

4. プレビューと調整
中央のプレビュー画面をタップすると再生/停止します。
「高速(0.1s)」「低速(0.2s)」ボタンで全体の速度を一括変更できます。

5. 保存する
1APNG保存: 現在編集中のスタンプを単体で書き出します。
プロジェクトの保存: 制作中の全スタンプをまとめて1つのZipファイルに保存します。

💡 便利な機能
空フレ充填:少ない枚数で描いたアニメーションを、最大フレーム数まで空きフレームに自動でループ補完します。
デバッグ背景:背景を「赤」や「黄」に変更できます。透過漏れや、白いイラストの境界チェックに最適です。
プロジェクト読込:保存したZipファイルを読み込むだけで、いつでも作業を再開できます。プロファイル(スタンプ/絵文字)も自動判別します。順序入れ替え各フレームの「▲」「▼」ボタンで、画像の順番を直感的に入れ替え可能です。

⚠️ 制作上の注意点
フレーム数:20フレーム固定としました。原則、すべてのフレームを埋めてください(5の倍数フレーム数でうまくいくこともありますが)
・ループ回数: 本ツールで出力されるAPNGは、「1回再生(1ループ)」に自動設定されます。

メイン画像: スタンプモードでは「Main(メイン画像)」アニメも忘れずに作成してください。

APNG Editor
Developed by Yoshida Studio


開発者の皆さんへ
プログラムのソースコードは以下にございます
もし、よろしければ複製改変公開していただいても私は問題ないです!


(2026/02/21 18時追記)
絵文字モードのエディタのフレーム数が40個になっています。20個になるよう対応します

(2026/02/22 11時追記)
上記の不具合に対応。絵文字もフレーム数を20。

いいなと思ったら応援しよう!