Unityでドット絵の1ドット単位移動

「ドット単位の移動」なる物についてTwitterにて話題があったので
やり方を書いておこうと思う。

今回は、レンダリング直前にドット絵的に中途半端な位置にあるオブジェクトの位置を補正し、レンダリング後に元に戻す方法を紹介する。

画面左はスムーズに動くが、画面右はドット単位で動く

やり方

Pixels to units で1ドットの大きさを1mにする。
これで1m動かした際に1ドット動くようになる。

ついでに、Filter ModeをPointにしてボカシを無くし、FormatをTrueColorにして圧縮をキャンセルする。

次に、今作成したスプライをシーンに突っ込み、下のコンポーネントをアタッチする。

やってる事は簡単で、Update後・レンダリング前のLateUpdateに現在の座標を登録後、現在の座標を丸めて座標更新。こうする事で、INT単位で座標を動かす。で、レンダリングが終わるOnRenderObjectのタイミングで何事もなかったかのように座標を戻す。次のアップデートではちゃんとfloatの座標で表示される訳だ。

using UnityEngine;
using System.Collections;
[ExecuteInEditMode]
public class PixelBase : MonoBehaviour {
    private Vector3 cashPosition ;
    void LateUpdate ()
    {
        cashPosition = transform.localPosition;
        transform.localPosition = new Vector3(
                        Mathf.RoundToInt( cashPosition.x),
                        Mathf.RoundToInt( cashPosition.y),
                        Mathf.RoundToInt( cashPosition.z));
    }
    void OnRenderObject()
    {
        transform.localPosition = cashPosition;
    }
}

さて、このままだと大きすぎるので、小さくする。

空のオブジェクトを適当に作り、その中に先ほど作成したドット絵ベースのスプライトを突っ込む。次に下のコンポーネントを空オブジェクトにアタッチし、Pixel Sizeの値を1m相当にしたいピクセルサイズに設定する（つまり、32ピクセルの天子を1mとしたい場合、32と設定する）

で、最後にスプライトのスケールを(x:1, y:1, z:1)にする。これはグローバルスケールではなくローカルスケールなので、ここを変更すれば親オブジェクトが縮小した分小さくなる。これで、プリミティブボックス（四辺1m）と同じ大きさになるはずだ。

物理演算を使わなければ意味は無いが、物理演算を使う場合はDefaultScaleを0.4くらいにしておくと良い。2Dゲームでキャラクターが1mもあると、大抵大きてモッサリ動く為だ。重力を上げるのは最終手段だ。

using UnityEngine;
using System.Collections;
public class ResizeByPixel : MonoBehaviour
{
    public int pixelSize;
    public float defaultSize = 1;
    void OnValidate()
    {
        defaultSize = Mathf.Max(0.0001f, defaultSize);
        if( pixelSize < 1 )
            return;
        float rate = defaultSize / pixelSize;
        transform.localScale = new Vector3(rate, rate, rate);
    }
}