今回は、Untiy2Dでドット絵を取り込んだ時に設定するメモです。ドット絵がぼやけるのを直したり、サイズ・画像間の隙間の調整です。
はじめに
Unityのバージョンは2021.3.14f1です。
使用するドット絵は以前作成した下記のpng画像を利用します。
![](https://nosystemnolife.com/wp-content/uploads/2023/10/20231023002.png)
拡大したのが下記です。
![](https://nosystemnolife.com/wp-content/uploads/2023/10/20231023001.png)
取り込み
UnityのScene内に画像をドラッグアンドドロップで取り込み。初期状態だと下記の様にぼやけた感じになります。
![](https://nosystemnolife.com/wp-content/uploads/2023/10/20231023004.png)
画像を選択し、インスペクター画面に設定を表示します。
![](https://nosystemnolife.com/wp-content/uploads/2023/10/20231023005.png)
FilterModeをBilinearからPoint(no filter)に変更。通常の画像はBilinearで色を補完することで綺麗に見えますがドット絵の場合は無し、Compression(圧縮)もNoneに。
![](https://nosystemnolife.com/wp-content/uploads/2023/10/20231023006.png)
「Apply」で適用すると下記の様に画像の見た目はOKに。
![](https://nosystemnolife.com/wp-content/uploads/2023/10/20231023007.png)
PixelsPerUnit
画像のサイズを調整、PixelsPerUnitを変更します。初期値は100です。この数値は画像の1Unitを構成するピクセル数です。
![](https://nosystemnolife.com/wp-content/uploads/2022/10/20221010003.png)
今回使用しているドット絵は32×32で作成してあるので、32を指定するとセル幅と同じサイズになります。
![](https://nosystemnolife.com/wp-content/uploads/2022/10/20221010004.png)
transformのScaleでサイズ変更できるので、自由に設定して良い気もするけど、画像のピクセル数に合わせた方が画面上で調整とかしやすいかな。
スプライト間の隙間
次に適当な地面のpng画像を用意。
![](https://nosystemnolife.com/wp-content/uploads/2023/10/20231023003.png)
拡大したのが下記です。
![](https://nosystemnolife.com/wp-content/uploads/2022/10/20221010006.png)
同じように取り込んだら、Inspectorで各種設定。
![](https://nosystemnolife.com/wp-content/uploads/2023/10/20231023008.png)
シーン内に設置します。
![](https://nosystemnolife.com/wp-content/uploads/2023/10/20231023009.png)
キャラクターにAddComponentから「Rigidbody2D」と「BoxCollider2D」をセット。
地面にも「BoxCollider2D」をセットして、重力でキャラクターが落下するようにします。
![](https://nosystemnolife.com/wp-content/uploads/2023/10/20231023010.png)
実行して落下すると着地していますが隙間ができます。ドット絵だと結構気になったり。
![](https://nosystemnolife.com/wp-content/uploads/2023/10/20231023011.png)
この隙間を調整するのはメニューから「Edit」→「ProjectSettings…」→「Physics2D」→「DefaultContactOffset」の値。0を入力すると0.0001に調整されるのでこれが最小。
![](https://nosystemnolife.com/wp-content/uploads/2022/10/20221010011-1024x584.png)
これで実行すると分からないくらいまで、ほぼ隙間がなくなります。
![](https://nosystemnolife.com/wp-content/uploads/2023/10/20231023012.png)