SpriteFrame

何を解いているか

ピクセルアートの道具はデスクトップに揃っています。iPadにあるのは汎用のお絵かきアプリで、8×8のグリッドに1ドット置く作業には向いていません。スプライトシートの書き出しまで面倒を見るものは、さらに少ない。

なぜ作ったか

移動中に思いついたポーズを、その場で描いて、そのままエンジンに渡せる状態まで持っていきたかった。SpriteFrameはiPadの片手操作を前提にツールを配置し、フレーム管理とスプライトシート書き出しまでを1つのアプリに収めています。 無料で始めて、必要になったらProを一度だけ買う形にしました。以降の機能追加もその対象に含みます。サブスクリプションは置いていません。

設計の判断

• iPad だけ、256 ピクセルまで

  ビルド設定の対象はiPadのみで、キャンバスの上限は256×256にしています。 これより大きくするとタイル分割と部分読み込みが必要になり、保存構造もメモリ管理も一段複雑になります。 スプライト素材の実寸は16〜64ピクセルが中心なので、その複雑さを持たない代わりにiPhoneと大判の用途を捨てました。

  

• 保存はディレクトリと PNG のまま

  プロジェクトは書類フォルダ以下のディレクトリで、メタデータはcanvas.json、レイヤーは1枚ずつ素のPNGとして置いています。 独自形式の単一ファイルにはしていません。 1ピクセル直すのに書き直すのはそのPNG1枚だけで済み、形式をv1からv2へ上げるときも古いファイルを読める状態で残せました。

  

• 有料の境界を道具ではなく数に引く

  ペン・塗り・図形・レイヤー・アニメプレビューは、無料でも制限なく使えます。 無料の上限はフレーム8枚、プロジェクト3件、キャンバス32ピクセル、書き出し倍率2倍という数の側に置き、機能そのものを止めているのはGIF書き出しと輪郭効果だけです。 課金は買い切り1本で、サブスクも広告も入れていません。

  

• 指 1 本は必ず線になる

  1本指は必ず描画に割り当て、移動と拡大は2本指にしています。 Pencilで描いている最中に画面へ触れた指は数に入れないので、手のひらを置いても線が切れません。 移動ツール中は描画の認識器そのものを止めています。

  

提供形態

対応プラットフォーム

iPadOS

動作要件

iPadOS 17 以降

価格

無料（Proはアプリ内で買い切り、追加費用なし）

配布

App Store

キャンバス

8×8 〜 256×256（32×32超はPro）

書き出し

PNGスプライトシート 1×〜8×（4× / 8×はPro）、アニメーションGIFはPro

プラットフォーム

• iPadOS

開発の記録

SpriteFrameを作るなかで書いた記事です。