2022年7月1日

【初心者向け】Unityでドット絵をキレイに表示する

今回はドット絵のゲームを作ろうとしている方に向けて、Unityでぼやけたドット絵をキレイに表示する方法を解説します。
とても簡単な設定のみではっきりくっきりドット絵を表示させることができます。
ドット絵のレトロなゲームを作りたい方向けの投稿になるのかな？と思います。

Unityスキルアップ、
始めるなら今

パズル、脱出、RPG...目標のゲームを完成させよう！

人気のUnity講座はこちら

ゲーム画面の設定

今回使うUnityのバージョンは2021.2.1fです。

空の新規2Dプロジェクトを作成しましょう。
UnityHubから新規作成をクリックし、テンプレートは2D。
プロジェクト名と保存先を設定し作成します。
プロジェクトが起動したらまずゲーム画面を設定しましょう。

縦のゲームを想定して今回ゲーム画面は1080×1920に変更していきます。
Unityエディターのゲームビューを選択し、その中のAspectボタンをクリックします。

デフォルトではFree Aspectになっていると思うので一番下の＋をクリックします。
新たに画面のサイズを設定できる小窓が表示されますので、その中のWidth（横幅） & Height（高さ）という項目にそれぞれ1080、1920と入力しOKを押します。

これで画面は縦長になったと思います。

プレイヤーのドット絵を準備

ではドット絵のプレイヤーの画像を入れていきましょう。
今回は16×16の飛行機みたいなドット絵を自作しました。

ProjectウィンドウのAssetsフォルダの下にSpritesというフォルダーを作成し、その中にプレイヤーの画像をドラッグアンドドロップします。
このような状態になります。

この状態でHierarchyにPlayerをドラッグすると豆粒のように表示されます。

あまりにも小さいですね。これを解消していきます。

Spritesフォルダーに入っているPlayerを選択すると色々な情報がInspectorに表示されます。
今回は赤枠で囲った箇所を修正していきます。

それぞれの意味を簡単に説明していきます。

Pixels Per Unit

直訳すると「1ユニットあたりのピクセル数」です。
これは選択した画像を1ユニットに対し何ピクセルの割合で表示します、というものです。
と言われてもピンと来ない人も多いと思いますので、簡単な具体例を出して説明してみます。

まず1ユニットと言うのはシーンビューの1マスのことです。

Playerをこの1ユニットに収まるようにしてみたいと思います。
Playerは16*16のドット絵ですので、この値を16にするとちょうど1ユニット（1マス）にピッタリの大きさになります。
100だと小さい

デフォルトが100です。
1ユニットあたり100ピクセルの割合で表示するわけですから、当然画像は小さく表示されます。