ピクセルアートクリエイターとは？
グリッドキャンバス上にレトロ風のドット絵を描くためのピクセルアートエディタです。グリッドサイズを選び、カラーパレットから色を選択して、1ピクセルずつ配置したり、塗りつぶしツールを使ってスプライト、アイコン、ゲームアセットを作成できます。
グリッドサイズは8×8から64×64まで。ツールは7種類:ペン、消しゴム、直線(始点から終点へドラッグするとブレゼンハム法でピクセル完全な直線が引けます)、長方形、円(外接する枠をドラッグするときれいなピクセル輪郭が描けます)、塗りつぶし、スポイト。ペン・消しゴム・直線・長方形・円は1〜4ピクセルのブラシサイズを共有し、大きなキャンバスでは太めの輪郭も描けます。左右ミラーは垂直中心線、上下ミラーは水平中心線で反射し、両方オンで4方向対称になります。元に戻すとやり直しは直近50手の間を前後に移動できます。エクスポートは1×から16×までニアレストネイバー補間で拡大するので、32×32のスプライトを512×512に出力してもエッジがくっきり残ります。
使い方
- キャンバスのグリッドサイズ（8×8〜64×64）を設定し、パレットから色を選ぶか、カスタムの16進数カラーコードを入力します。
- グリッド上でクリックまたはドラッグしてピクセルを配置します。消しゴムで削除、バケツツールで広い範囲を塗りつぶし、ミラーモードで左右対称のデザインを作成できます。
- 完成した作品を選択した解像度でPNGとしてエクスポートします。等倍（1×）から16倍まで拡大でき、くっきりとしたスプライト画像を出力できます。
使用するタイミング
- インディーゲーム向けにキャラクタースプライト、タイルセット、アイテムアイコンを描く。
- 16×16や32×32でも輪郭が保たれるUIアイコンやファビコンをデザインする。
- 8ビット・16ビット風レトロスタイルのプロフィールアバターやチャット用エモートを作る。
結果
ゲーム開発者がレトロ風プラットフォーマー用に16×16のキャラクタースプライトを作成し、ミラーモードで左右対称に仕上げた後、8倍スケールで128×128のPNGとしてエクスポートします。
よくある質問
- 書き出したPNGを開くとぼやけて見えるのはなぜ?
- エクスポートはニアレストネイバー拡大を使っていてピクセル単位で正確なファイルですが、画像ビューア側が拡大時に自動で滑らかに補間してしまう場合があります。ペイントソフトで開くか、ビューアの補間機能をオフにすれば本来のシャープなエッジが戻ります。
- 既存の画像を読み込んでピクセル単位で編集できますか?
- 現状は直接インポートできず、空のグリッドから始まります。トレースする場合は参考画像を別タブで開いて並べて作業してください。リファレンスとしての画像読み込み機能は今後のアップデートで追加予定です。
- キャラクタースプライトはどのグリッドサイズが良い?
- 16×16はファミコン世代の定番サイズで、小型マスコットに向いています。32×32は顔のディテールが描けてスーパーファミコン級のスプライトに近く、64×64はバストアップが描けますが手作業で埋めるには数時間かかります。
- 左右だけでなく4方向の対称も作れますか?
- はい、左右ミラーと上下ミラーを同時にオンにすれば、各ストロークが垂直と水平の中心線で同時に反射し、4方向対称になります。左右ミラー単体は正面キャラクター、上下ミラー単体は積層パターンや床タイル、両方オンは万華鏡のような図形やアイコンに向いています。
- 複数ステップを取り消したり、やり直したりするには?
- 取り消すにはCtrl+Z(MacではCmd+Z)を続けて押し、やり直すにはCtrl+Y(またはCtrl+Shift+Z)を押します。履歴は直近50回分のストロークまで保持され、1回のドラッグは1ステップとして扱われるので、ピクセル単位ではなくストローク単位で戻ります。