ドット絵回転ツールの使い方
- スプライトかスプライトシートをツールにドロップします。
- 90°、180°、270° をクリックするか、角度スライダーで中間の角度を指定します。
- きれいな線を保つなら RotSprite 方式のまま。粗くても速い結果が欲しければニアレストに切り替えます。
- シートの場合はフレームごとの回転をオンにすると、各フレームがそれぞれの中心で回転します。
- PNG をダウンロードするか、4・8・16・32 の等間隔の角度を並べたシートを書き出します。
得られるもの
- 透過を保った回転済み PNG
- 回転したスプライトに合わせて広がるキャンバス（オプション）
- N 個の等間隔な回転を並べた方向シート
ゲーム制作で使って得たコツ
- ドット絵を半端な角度で回すと、必ずディテールが少し失われます。剣、矢、飛び道具のような単純な形を小さく（15°–30°）回すのが一番きれいです。
- 方向シートを使えば、見下ろし型ゲームの弾や車の 8方向・16方向を手早く作れます。斜めはあとで手直ししましょう。
- 回転後にアウトラインが途切れたら、±1° ずらしてみてください。RotSprite のサンプリングは隣の角度で結果が変わることがあります。
- キャラクターの各方向は手で描きましょう。回転が向いているのは物体で、はっきりした「上」があるものには向きません。
活用例
- 見下ろし型ゲームの 8方向の飛び道具、車、宇宙船を作る
- 振りアニメーション用に剣や道具のスプライトを回す
- タイルやアイテムのシート全体を一度に 90° 回転する
- 逆向きに描いてしまった絵を直す
よくある質問
ほかのツールで回転するとドット絵がぼやけるのはなぜですか？
多くの画像編集ソフトはバイリニアフィルターを使い、隣り合うピクセルを混ぜて中間色を作ります。このツールは既存のピクセルだけをサンプリングするので、結果のパレットは入力と同じです。
RotSprite とは何ですか？
ドット絵を回転するためのアルゴリズムです。エッジを考慮した Scale2x でスプライトを 8× に拡大してから回転し、元のサイズにサンプリングし直します。普通のニアレストネイバー回転よりも細い線がずっとつながったまま残ります。
90°、180°、270° の回転は劣化しませんか？
しません。90° 単位の回転は再サンプリングせずにピクセルを並べ替えるだけなので、逆に回せば元とまったく同じに戻ります。
スプライトシートの全フレームを回転できますか？
はい。フレームごとの回転をオンにし、検出されたグリッドを確認してください。各フレームがそれぞれの中心で回転してサイズも保たれるので、シートのレイアウトは変わりません。
色は増えますか？
いいえ。どちらの方式も元画像のピクセルをコピーするので、出力のパレットは入力パレットの一部になります。
何かアップロードされますか？
いいえ。回転はブラウザ内で行われ、ファイルが端末から出ることはありません。