Aseprite 代替案 — ゲーム開発者向けの無料ピクセルアートソフト
自分だけの aseprite 代替案を作る
Aseprite のようなピクセルアートソフトをお探しですか? 描いて、動かして、スプライトを生成できる無料のブラウザの選択肢を比べましょう——しかもそこから一歩進んで 3D へ踏み込みます。
Aseprite 代替案は、まず狭い問いに答えなければなりません。ピクセルアートソフトが、一般的な画像編集ソフトにはできないことを実際に何をするのか。三つあります——拡大しても信頼できるピクセルの格子、固定してインデックス化できるパレット、そしてオニオンスキンを備えたフレーム単位のアニメーションです。この三つができれば、残りは好みです。Aseprite はその三つすべてをうまくこなし、デスクトップ専用で、有料です。このページでは、ブラウザで動き、手で描いて動かし、テキストからスプライトを書き出す生成の道を加えた無料のピクセルアートソフトと比べます。
Neta Studio はブラウザベースの 3D ワールド・ゲームビルダーです。その一部はピクセルのキャンバスです。大きさを選び、フレームごとに描き、スプライトシートを書き出します。もう一つは Agent Sprite Forge で、書かれた説明からピクセルのスプライトとアニメーションフレームを生成します。同じ素材はそのまま 3D ゲームビルダーのアイソメトリックな 3D の場面に置かれます——The Cyclops' Island と Mini World はまさにその工程で作られています。以下では、各ツールが得意なこと、ブラウザの道がどこで違うか、そしてスプライトをツール間で移すときに問題になる失敗の型を述べます。
ピクセルアートソフトは何のためにあるのか
ピクセルアートソフトとは、制約のある格子エディタです。格子は正確でなければなりません——一本の線はすべて整数のピクセルに乗り、書き出しのすべてのマスは設定した大きさで、ぼかしを忍び込ませるリサンプリングのフィルタはありません。32×32 のキャラクターと 128×128 のタイルセットは別の仕事ですが、ツールがピクセルを目安として扱うと同じように壊れます。エディタが座標を丸めたり、変形時にアンチエイリアスをかけたりすると、スプライトはタイル状に並ばなくなり、パレットも合わなくなります。
二つ目の要件は、固定できるパレットです。インデックス方式のピクセル作業では、パレットがファイルそのものです——固定された色の集合で、それぞれにインデックスが付きます。読み込み時に自由に色を変えるエディタはピクセルアートソフトではなく、小さな画像に向けたペイントソフトです。パレットを読み込み、それに従って編集し、シートがコードに届いたときにインデックスの 7 が同じ赤のままだと分かっている状態が欲しいのです。
三つ目の要件は、オニオンスキンを備えたアニメーションです。ピクセルのアニメーションはフレームの階層に住みます。歩行の周期なら 4、6、8 フレームで、各フレームは一つ前のフレームの残像の隣で編集します。オニオンスキンは、測ることなくフレーム間で輪郭を安定させる方法です。この三つを超えたもの——レイヤー、タグ、スクリプト、タイルセットモード、書き出しのプリセット——は好みです。そしてそこがツールの分かれ目でもあります。
三つの要件のおさらい
格子:キャンバスの大きさを固定、整数倍の拡大、拡大時にリサンプリングなし。パレット:読み込み、インデックス化、固定。アニメーション:N フレーム、オニオンスキン、シートとして書き出し。Aseprite 代替案は機能一覧ではなく、これらで判断してください。
Aseprite の概要
Aseprite はデスクトップのピクセルアートソフトであり、アニメーションソフトです。有料で、Windows、macOS、Linux で動き、それが作られた目的——フレーム単位のアニメーション——において本当に優れています。オニオンスキンは第一級で、タイムラインは速く、タグの仕組みを使えば「待機」「走り」のような範囲に名前を付け、書き出し時に何を切り出すか分からせられます。Lua のスクリプト API を備えているので、百個のスプライトを一括処理し、パレットを差し替え、独自の書き出し手順を書けます。コミュニティは大きく、ファイル形式はよく文書化されているので、多くのゲームプロジェクトが .aseprite ファイルをリポジトリに置いています。
代償は品質ではなく構造にあります。デスクトップソフトなので、描くマシンがインストールするマシンになります——スマートフォンも、Chromebook も、共同作業者のキャンバスへの共有リンクもありません。有料なので、クラスやゲームジャム、チームを運営しているなら重要です。そしてこれはピクセルアートソフト、それだけです。スプライトを生成してはくれず、3D の場面に置くこともしてくれません。あなたの仕事が純粋に手描きの 2D アニメーションなら、その取引は妥当です。ボトルネックが一個ではなく四十個のスプライトを作ることなら、妥当ではありません。
| 項目 | Aseprite | Neta Studio のブラウザの道 |
|---|---|---|
| プラットフォーム | デスクトップ(Windows、macOS、Linux) | ブラウザ |
| コスト | 有料 | 無料 |
| 中心的な強み | フレーム単位のアニメーション、スクリプト | 描く+生成+3D に置く |
| スプライトの入力 | 手描き | 手描き、またはテキストから生成 |
| 出力 | PNG シート、GIF、.aseprite | PNG シート、場面用のスプライト素材 |
| 場面への工程 | 外部エンジン | 3D ゲームビルダー、エンジンのインストール不要 |
無料のブラウザソフトが担う範囲
ブラウザのピクセルエディタは三つの要件すべてを満たしますが、そのうち二つは満たし方が違います。格子は同じ仕事です。キャンバスの大きさ、たとえば 32×32 や 64×64 を設定し、整数倍の拡大で描きます。違いは操作にあります——ブラウザのキャンバスには OS レベルの筆圧感知も、タブレットドライバの接続もないので、線はポインタのイベントから生まれます。ピクセルの作業ではこれはほとんど利点です。1 ピクセルの線はピクセルに乗るか乗らないかのどちらかだからです。実際に働くのは拡大と格子へのスナップです。
パレットも同じように要件を満たします。インデックスの付いた集合を読み込み、それに従って描き、書き出し時にインデックスを保ちます。ブラウザのツールがデスクトップに普通は負けるのは、大きなキャンバスでの性能です——二十枚のレイヤーを持つ 512×512 のインデックス画像は、ブラウザのタブではネイティブアプリより重いです。実際にはほとんどのゲームスプライトはずっと小さいです。8 フレームの 64×64 のキャラクターなら、どちらでも何でもありません。
三つ目の要件であるアニメーションは、ブラウザの道が同じように振る舞い、同じように書き出す部分です。フレーム、オニオンスキン、そして均一なマスに並べたシートです。そこに加わるのは四つ目の道——生成です。四十個目のスプライトを描く代わりに、それを説明します。Agent Sprite Forge はテキストの説明を受け取り、あなたのプロジェクトにピクセルのスプライトとアニメーションフレームを作り出します。それは手描きの作品と同じように、同じキャンバスでフレームごとに編集できます。
生成が変えるもの
生成は描くことを置き換えるのではなく、順番を変えます。主人公を描き、群衆を生成し、ゲームの縮尺でおかしく見える生成フレームを手で直します。キャンバスは同じキャンバスで、スプライトは二つの源から届きます。
描くか生成するか——それぞれが速いとき
判断は「どちらが優れているか」ではなく、「この特定の素材にとってどちらが安いか」です。手描きが勝つのは、スプライトが個性を担うとき、あるいは正確なピクセルの制御が必要なときです。生成が勝つのは、素材が数多く、構造が似ていて、反復を許容するときです。以下は実際の事例に基づく具体的な一覧です。
一体だけの主人公のスプライト——描いてください。何度も修正することになり、生成はプロンプトと後片付けで描くより高くつきます。四十体の登場人物——生成してください。四十体を手描きすれば一週間の仕事ですが、四十体を生成すればプロンプト一回、確認一回、そして 32×32 で見づらい少数を編集するだけです。タイルセット——基本のタイルは手で描いてください。継ぎ目と縁は正確なピクセルの配置が必要だからです。そのうえで、生成ツールが寸法とパレットを合わせられる場合にだけ、変種を生成します。
手早い構想——生成してください。作り込む前に場面の中で輪郭を見たいはずです。捨てるつもりの構想に、手描きの一手間をかける価値はありません。
- 一体だけの主人公のスプライト描く。個性と修正の回数が、手描きを安くします。
- 四十体の登場人物生成する。数がものを言う。外れたものだけを、共有のキャンバスで手直しする。
- タイルセット基本のタイルは描き、変種は格子とパレットが合う場合にだけ生成する。
- 手早い構想生成する。捨てることが目的だから。
アニメーションとスプライトシート
スプライトシートはフレームの格子です。規則は単純で容赦がありません。マスは均一で、フレームの大きさはシートを列と行にちょうど割り切れなければなりません。キャラクターが 32×32 で 8 フレームなら、128×64 のシートは 4×2 の格子になります——4 列、2 行、8 マス、それぞれちょうど 32×32 です。これは割り切れるので、余りは出ません。代わりに 130×64 のシートを書き出すと、2 ピクセルの余白が生まれ、フレームをインデックスで切り出すあらゆるエンジンが、最初のフレームから間違ったピクセルを読みます。
二つ目の失敗の型は、アニメーションの長さです。4 フレームの歩行周期は、8 フレームのものとは違って読めます。4 フレームは速くて安く、8 フレームはなめらかで、編集と書き出しの費用がおよそ倍になります。オニオンスキンは、それらのフレームを一貫させる方法です——フレーム 1 の残像の上にフレーム 2 を描き、フレーム 2 の残像の上にフレーム 3 を描き、画像は一歩ごとに決まった量だけ変わるべきです。輪郭が二、三ピクセルより大きく動くと、ループは目に見えて跳びます。
ここでは書き出しのプリセットが重要です。Aseprite ではフレームの範囲にタグとして名前を付け、タグごとに一枚のシートを書き出せます。ブラウザの無料のオンラインスプライトメーカーも、タイムラインの名前付き範囲で同じことをし、均一なマスと格子を記録したシートのメタデータとともにシートを書き出します。そのメタデータは PNG と一緒に保管してください。シートとそのメタデータが離れ離れになると、ゲーム内のあらゆるアニメーションが間違ったフレームを再生し、目で見つけるのが最も難しい不具合の一つになります。
| フレーム | マスの大きさ | シートの配置 | ちょうど割り切れるか |
|---|---|---|---|
| 8 | 32×32 | 128×64(4×2) | はい |
| 8 | 32×32 | 130×64 | いいえ——2 ピクセルの余り |
| 6 | 16×16 | 96×16(6×1) | はい |
| 6 | 16×16 | 100×16 | いいえ——4 ピクセルの余り |
ブラウザの道を試す
無料の Aseprite 代替案という主張は、言い張るのではなく確かめられるべきです。ページには二つのツールが並んでいます。一つ目は手で編集するピクセルのキャンバスです。大きさを設定し、パレットを読み込むか作るかし、現在のフレームの下に見えるオニオンスキンを使いながらフレームごとに描き、均一なシートを書き出します。これが Aseprite の作業の流れからインストールと価格を除いたもので、一般的なゲームスプライトの大きさで使えます。
二つ目は生成ツールです。スプライトとそのアニメーションの説明を打ち込むと、Agent Sprite Forge が同じプロジェクトにフレームを作り出します。それらのフレームはキャンバスに載るので、一つを開いて手で編集できます——地面の線からずれた足を直し、輪郭を締め、パレットを崩す色を正します。
どちらの半分も同じ素材の保管先に書き込みます。道を一つ選んで決めるのではなく、安いところでは安い方を使います。これはテキストで示すのが難しく、ツールで示すのが簡単な部分で、説明ではなく両方がページに置かれているのはそのためです。
01
ピクセルのキャンバスを開き、キャンバスの大きさを設定する——32×32 か 64×64 でほとんどのキャラクターをまかなえる。
02
インデックスの付いたパレットを読み込むか自分で定義し、最初のフレームを描く。
03
周期のフレームを増やし、オニオンスキンを確認する——輪郭はフレームごとに決まった量だけ動くべきです。
04
数が必要なら、Agent Sprite Forge でスプライトを生成し、フレームを同じプロジェクトに取り込む。
05
生成されたフレームを、縮尺とパレットが描いたものと合うまで、キャンバスの上で手で編集する。
06
均一なマスでシートを書き出す。フレームの大きさがシートをちょうど割り切ることを確かめる。
07
フレームの切り出しがコードで正しいままになるよう、シートのメタデータを PNG と一緒に保管する。
スプライトを世界へ
スプライトシートはこの工程の終点ではありません。3D ゲームビルダーは同じピクセル素材を受け取り、アイソメトリックな 3D の場面に置きます。ブラウザで描画され、エンジンのインストールは不要です。スプライトを世界の中に配置し、再生するフレームの範囲を与えると、そこでアニメーションします。The Cyclops' Island と Mini World はこの方法で作られた二つの場面です——ピクセル素材、アイソメトリックな配置、ブラウザでの実行です。
これが Aseprite 代替案という問いにとって重要なのは、反復の速さです。デスクトップからエンジンへという作業の流れでは、描き、書き出し、エンジンに取り込み、ビルドし、実行し、確認します。このループは二つのアプリケーションとビルドの工程をまたぎます。ここでは描くキャンバス、生成ツール、場面が同じツールの中にあるので、歩行周期への編集は、書き出しと取り込みの往復なしに世界の中で見えます。必要ならシートを書き出せます——素材は PNG としてあなたのものです——が、スプライトがゲームの縮尺で読めるかを確かめるためにブラウザを離れる必要はありません。
これが二つのツールの正直な境界です。Aseprite は純粋な 2D アニメーションのアプリケーションとしてはより強力です。ブラウザの道は、大きなキャンバスの性能とデスクトップとの統合では弱く、生成と、描いたピクセルから動く場面までの距離では強いです。
そのスプライトが属する世界へ歩き出す
カテゴリのページは、そのカテゴリを自分の手の中に置いて終わるべきです。ツールを開き、スプライトを一つ生成し、それが属する世界を開いてください——どちらもこのブラウザのタブで動き、どちらもソフトのインストールを求めません。
FAQ
無料のピクセルアートソフトは実務に足りますか? +
ゲームのスプライトなら、たいていは足ります——格子、パレット、フレーム、均一なシートの書き出しで仕事はまかなえます。大きなキャンバスに多数のレイヤーが載る場合は見劣りします。そこではネイティブアプリのほうがメモリと GPU の余裕があります。
ブラウザのピクセルエディタでアニメーションは作れますか? +
はい。複数のフレーム、前後のフレームに対するオニオンスキン、均一なマスでのスプライトシートの書き出しが得られます。得られないのは、多くのファイルにまたがる一括処理のためのスクリプト API です。
Aseprite のファイルは開けますか? +
.aseprite はデスクトップの形式として扱い、受け渡しには PNG のスプライトシートを使ってください。Aseprite から PNG のシートに書き出し、その PNG を取り込み、格子のメタデータ——フレームの大きさ、列、行——をそのそばに保管します。
ゲーム開発にはどちらが最良ですか? +
手描きの 2D アニメーションの量とデスクトップのツールがボトルネックなら Aseprite です。スプライトを十分な数作ること、あるいは書き出し・取り込み・ビルドのループなしにスプライトを動く場面へ移すことがボトルネックなら、ブラウザの道です。
絵は上手くないといけませんか? +
32×32 で輪郭を読める必要はありますが、それは身につけられます。生成は入り口を下げます。空の格子から始めるのではなく、生成されたフレームを編集すれば、誤りが見つけやすくなります。
スプライトをエンジンに取り込むには? +
均一なマスで PNG のシートを書き出し、フレームの大きさ、格子の列と行、フレームの順序を記録します。エンジンはマスの大きさとインデックスで切り出すので、それらの値が統合そのものです。3D ゲームビルダーは素材を直接置くこともでき、書き出しを省けます。
3D ゲームビルダーへ戻る
完成した 31 個の 3D ワールド、ゲーム、場面がすべて一つのページに——どれも遊べます。