ピクセルアート · 実測
ピクセルアートのキャラクター生成: 主人公一人、四方向、実際に確認
見下ろし型のゲームでは、主人公を四つの向きから描く必要があります。こちらへ歩いてくる姿、向こうへ歩いていく姿、左向き、右向きです。四つの絵は大きさ、パレット、ピクセルのグリッドをそろえる必要があり、そうでないとプレイヤーが向きを変えたときにキャラクターがぶれます。AI の画像モデルなら四つとも数秒で描けます。問題は、受け取ったファイルが本当にピクセルアートかどうかです。
2026年9月29日、架空のインディーゲーム Mossfall の主人公 Wren を Ciyo Agent に頼みました。作られたファイルはすべて測定しました。絵は良い出来でした。ところが、最初のゲーム用サイズのファイルはそうではなく、その原因は AI のピクセルアートの多くがはまる落とし穴でした。
メッセージ一つに、主人公、四方向、ルールをまとめる
ゲームのルールは最初のメッセージに入れてください。グリッドの大きさ、色数の上限、輪郭線、背景、向きの並び順です。エージェントはこれらを推測できず、ファイルがそのままエンジンに入るかどうかはこれらで決まります。
Ciyo Agent は GPT Image 2.5 Flare でシートを作り、費用は 1 クレジットでした。ファイルを渡す前に、エージェントは自分で色を確かめ、“The raw render has about 46,000 colours, so it isn't real pixel art yet.”（生成直後の画像には約 46,000 色あるので、まだ本物のピクセルアートではありません）と書きました。
Mossfall という、見下ろし型の小さなピクセルアートのゲームを作っています。主人公 Wren のキャラクターシートを作ってください: 苔のような緑のフードとマント、茶色の革のかばん、短い銅色の髪、木の杖を持った若いレンジャーです。歩行用に、同じキャラクターを四方向から描いたものが必要です: 下向き（カメラのほうを向く）、上向き（後ろ姿）、左向き、右向き。スタイル: 32x32 のピクセルアート、アンチエイリアスやぼかしのない、くっきりした硬いピクセル、最大 16 色、1 ピクセルの暗い輪郭線、無地で平らな明るいグレーの背景。四つの向きを一列に等間隔で並べ、大きさと高さをそろえ、文字は入れないでください。最初の生成結果がまだピクセルアートではない理由
画像はピクセルアートに見えますが、実際にはピクセルアートを描いた 1,728 × 576 の絵です。その“pixels”（ピクセル）は、画面上のピクセルで約 9 × 10 のブロックで、ブロックの間の境目はぼやけています。ファイルには 45,957 もの異なる色が入っています。ゲームエンジンに必要なのはその逆で、絵の 1 ピクセルがファイルの 1 ピクセルに対応し、パレットは短く固定されている状態です。
そのため、AI で作ったピクセルアートのシートには、どれももう一つの手順が必要です。本来のグリッドまで縮小し、パレットの色数まで減らすことです。私たちの最初の結果は、この手順でつまずきました。
落とし穴: シートを無理に 32 × 32 まで縮める
エージェントは各キャラクターを切り出し、足の位置をそろえ、それぞれを 32 × 32 に縮め、帯全体を 16 色に減らしました。できあがった 128 × 32 の帯は、ちょうど 16 色でした。そして、顔がありませんでした。
パレットを数えてみました。16 色のうち九色は、互いに 2 段階以内の差しかない背景のグレーでした。肌の色が消えたため、顔はグレーになり、目も見えなくなりました。ここでは二つの誤りが重なっています。背景がキャラクターとパレットの枠を奪い合ったこと、そして縮小に、絵がもともと持っていないグリッドを使ったことです。
| 確認項目 | 頼んだもの | 得られたもの |
|---|---|---|
| 各フレームの大きさ | 32 × 32 | 32 × 32 ピクセル |
| 色数 | 最大 16 色 | 16 色、ただし 9 色は背景のグレー |
| 肌の色 | 残す | 消えた。顔がグレー |
| 輪郭線 | 暗い 1 ピクセル | ところどころ途切れている |
絵そのもののグリッドに合わせる
見つけたことをエージェントに伝え、別のやり方を頼みました。絵が実際に使っているグリッドを測り、そのグリッドに合わせ、背景をパレットから外すという方法です。
エージェントは、絵の 1 ピクセルあたり画面のピクセルで約 9.2 × 9.95 と測定しました。つまり、生成画像のピクセルは正方形ですらありませんでした。キャラクターを一体ずつ測り（幅は 9.09 から 9.31 px）、“Wren comes out at 32 art pixels tall in every view, 23 to 26 wide.”（Wren はどの向きでも絵のピクセルで高さ 32、幅 23〜26 になります）と報告しました。言いかえれば、モデルは結局 32 ピクセルの主人公を描いていたのです。最初の合わせ込みは、単に間違ったグリッドで切っていただけでした。
新しい帯を私たち自身でも確かめました。128 × 32 ピクセルで、どのピクセルも完全に透明か完全に不透明のどちらかです。16 色はすべてキャラクターの色で、四体とも高さはちょうど 32 ピクセル、足はいちばん下の行にそろっています。正面向きには肌のピクセルが 33 個あり、顔が戻りました。
32x32 の帯で Wren の顔が消えました: 16 色のうち 9 色がほとんど同じ背景のグレーで、肌の色が残っていないため、顔がグレーになっています。合わせ込みをやり直してください。まず、最初の生成画像が実際に使っているピクセルの大きさを測り、32x32 に無理に合わせるのではなく、そのグリッドに合わせてください（得られた大きさを教えてください）。背景は透明にしてパレットの枠を使わないようにし、16 色はすべてキャラクターに使ってください。肌、髪、目、暗い輪郭線も含めます。四つのフレームを同じ順序で並べた新しい帯として保存してください。スプライトを取り込む前の五つの確認
五つとも、カラーピッカーと拡大表示のある画像編集ソフトで確かめられます。エージェントに報告を頼むこともできます。プレビューではなく、小さいほうのファイルで確かめてください。
| 確認項目 | 方法 | 最終的な帯 |
|---|---|---|
| 本来のグリッド | 絵の 1 ピクセルがファイルの 1 ピクセル | はい、128 × 32 |
| どの向きでも同じ高さ | 頭から足までの行を数える | 四つとも 32 |
| 足が一本の線にそろう | いちばん下の不透明な行が同じ | 四つとも 32 行目 |
| パレットをキャラクターに使う | 背景は色ではなく透明にする | 16 色中 16 色が Wren の色 |
| 顔と細部 | 800% に拡大する | 肌、目、髪が残っている |
あるいはコードでキャラクターを描く
二つ目の道もあります。画像モデルに頼んでファイルを整える代わりに、コードのモデルにスプライトを 1 ピクセルずつ描かせる方法です。そうすればグリッドとパレットは作り方からして正確になり、問題は絵の出来だけになります。
二つの道は向いている仕事が違います。画像モデルは豊かな絵をすばやく描きますが、グリッドへの合わせ込みが必要です。コードは正確なピクセルを出しますが、あなたかモデルのどちらかに、より多くの作画の手間がかかります。どちらの場合も、グリッドの大きさとパレットは依頼文の中で決めておいてください。
2026-09-23に投稿。投稿者は Claude Opus 5.5 と GPT-6 Sol に、コードだけで描くアニメーション付きのピクセルアートのウサギについて、同じ長いプロンプトを与えました。解像度は 160 × 120 に固定し、座標は整数、色は約 28 色、キャラクターは 28–34 × 40–48 ピクセルという条件です。ワークフローも製品も私たちとは別ですが、私たちのテストの結論と同じルールを示しています。グリッドとパレットは依頼文に書き込むこと、です。
同じ主人公で次にやること
きれいな四方向がそろったら、次の作業は歩行フレーム、ゲーム全体で使い続けるパレット、そしてプレイヤーが実際に見る大きさでの確認です。
AI で作るピクセルアートのキャラクター
AI は 32 × 32 のピクセルアートのキャラクターを作れますか
描くことはできますが、32 × 32 のファイルとしてではありません。2026年9月29日のテストでは、モデルは 45,957 色を含む 1,728 × 576 の画像の中に、絵のピクセルでちょうど高さ 32 の主人公を描きました。絵そのもののグリッドとパレットに合わせると、本物の 32 ピクセルのスプライトが得られます。
縮小したスプライトで顔が消えたのはなぜですか
最初の試みでは、背景が 16 色のパレットのうち 9 色を使い、縮小も間違ったグリッドで行われたため、肌の色が消えました。色数を減らす前に背景を透明にし、絵が実際に使っているグリッドに合わせてください。
左向きは右向きを反転したものでよいですか
多くのゲームは手間を省くために片側を反転させます。私たちのシートでは左右を別々に描いていました。かばんや杖のように片側に何かを持つキャラクターの場合、反転すると持ち物が反対の手に移るので、頼む前にどちらにするか決めてください。
Ciyo での費用はいくらでしたか
画像は 1 クレジットでした。二回の合わせ込みはエージェントの作業スペースで行われ、私たちのテストでは画像の料金は追加されませんでした。
Ciyo で主人公を描く
キャラクターとルールを伝え、同じキャンバスで Ciyo Agent にシートを本物のピクセルグリッドに合わせてもらいましょう。