本文へスキップ
Moriqa
Moriqa を支援ログイン

エディター

スプライトとタイル

ドット絵とカラー

画像を編集

画像を変換

AI

Moriqa

ドット絵

ゲームスプライト向けのオンラインドット絵エディター

くっきりしたピクセルキャンバスにスプライト、タイル、アイコンを描き、フレームごとにアニメーションさせ、エンジンが手間なく読み込めるスプライトシートを書き出せます。

ブラウザーで無料。透かしもインストールも不要です。

24 × 24 のスライムのスプライトを開いた Moriqa エディター。左にレイヤー、タイムラインには Idle タグの付いた 4 フレーム、右にパレットとプロパティ。
  • フレームアニメーション
  • オニオンスキン
  • パレットとランプ
  • Godot・Unity・GameMaker 向け書き出し

詳しく見る

Moriqa がワークフローにどう組み込めるか

本物のピクセルに描く

スプライトは、整数ピクセルでできた固定サイズのキャンバスです。何もぼかされず、ズームしてもピクセルは正方形のままで、どのツールもグリッドにぴったり乗ります。

鉛筆には、フリーハンドの線にできる二重の角を整えるピクセルパーフェクトモードがあります。直線、長方形、楕円、塗りつぶしはピクセル単位で描かれ、アンチエイリアスはかかりません。

  • 鉛筆、消しゴム、直線、長方形、楕円、塗りつぶし
  • 1 軸または 2 軸の対称描画。軸は移動できます
  • 透明部分をロックして、描いた部分だけ色を変更
  • 長方形選択、なげなわ、自動選択

フレームごとにアニメーション

スプライトのためのタイムライン

フレームを追加・複製・並べ替えし、それぞれに表示時間を設定し、Idle や Walk などのループにタグを付ければ、別々のアニメーションとして再生・書き出しできます。タイムラインには動きのあるレイヤーが並び、必要に応じてさらに表示できます。

オニオンスキンとライブ再生

描いている間、前後のフレームを赤と青で表示できます。前後それぞれ最大 5 フレームまで、現在のタグ内だけに限定することも可能です。アニメーションの再生中も描き続けられ、ストロークは画面に表示されているフレームに描かれます。

一貫性を保てる色

PICO-8、Sweetie 16、Endesga 32、Game Boy などの定番パレットから、またはパレットなしで始められます。2 色の間にランプを作り、色相をずらした陰影を追加し、スプライトから色を抽出し、1 つの色を全フレームで一度に別の色へ置き換えられます。

タイル、参照画像、読み込み

好きなタイルサイズでタイルグリッドを表示し、3 × 3 のタイル表示プレビューで継ぎ目を確認できます。書き出しには含まれない参照画像を絵の下に置けます。PNG を新規スプライトとして開いたり、スプライトシートを読み込んでフレームに分割したりできます。

エンジンにそのまま入る書き出し

行・列・グリッドで並べたスプライトシートを、パディング、トリミング、2 のべき乗サイズの指定とともに書き出し、あわせてエンジンが読み込むファイルも作成します。Godot 4 用の SpriteFrames リソース、Unity 用のスライス済みスプライト .meta、GameMaker 用の名前付きストリップ、そのほかのエンジン用の Aseprite 形式 JSON です。GIF、単体の PNG、PNG フレームも 1×〜8× で書き出せます。

ドット絵エディター

よくある質問

ドット絵エディターは無料ですか?

はい、完全に無料です。すべての書き出し形式が使え、透かしもありません。有料プランはありません。

スプライトをアニメーションさせられますか?

はい。スプライトには、それぞれ表示時間を持つフレーム、ループ用のタグ、オニオンスキン、そして描きながら確認できる再生機能があります。

書き出しはどのエンジンに対応していますか?

Godot 4(SpriteFrames .tres)、Unity(スライス済み Multiple スプライトの .meta)、GameMaker(ストリップの命名)、そして Phaser のように Aseprite 形式の JSON を読み込めるあらゆるエンジンです。

スプライトはどのくらいの大きさまで作れますか?

最大 1024 × 1024 ピクセルで、スプライトに通常必要な数のレイヤーとフレームを扱えます。1 つのプロジェクトに複数のスプライトを並べて持てます。

Aseprite の代わりになりますか?

ブラウザーでスプライトを描いてアニメーションさせる用途なら、なります。レイヤー、フレーム、タグ、オニオンスキン、パレット、エンジン向け書き出しがそろっています。Aseprite は成熟したデスクトップアプリで、.aseprite ファイルを開く機能など、Moriqa にはまだない機能があります。

最初のスプライトを描きましょう

エディターは、新しいスプライトが用意された状態でブラウザーに開きます。