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

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

ゲーム画面の設定

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

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

縦のゲームを想定して今回ゲーム画面は1080×1920に変更していきます。
Unityエディターのゲームビューを選択し、その中のAspectボタンをクリックします。
ゲームビュー1
デフォルトでは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ピクセルの割合で表示するわけですから、当然画像は小さく表示されます。

16でピッタリ

16にすればちょうど1ユニットと同じ大きさで表示されます。

乱暴な説明をするとこの値を小さくすればゲーム上の画像は大きくなる。
逆に大きくすればゲーム上の画像は小さくなるという感じです。

Filter Mode

このままだと画像はぼやけて見えてみます。
せっかくのドット絵なのでくっきり見せたいですよね。
そこでFilter Modeを変更します。
Point (no filter)を選択しましょう。

補足ですがそれぞれのモードの説明は以下の通りです。
Point (no filter) → 画像のピクセルをブロック状に表示します。
Bilinear → 平均化してなめらかに表示します。
Trilinear → Bilinearと似ていますが、ミップマップレベルでブレンドして表示します。

ドット絵の場合はPointを選択しておきましょう。

Compression

これは画像の圧縮するタイプを選択します。
ドット絵の場合はNoneを選択して圧縮しないようにするときれいに表示されます。

他にも設定項目はありますが、詳しく知りたい方は公式のURLを貼っておきますので、参考にしてください。

ドット絵がキレイに表示されました。
今回の内容はGitHubに置いておきます。
よろしければ参考にしてみてください。

Unityの学習方法

Unity初心者の方にオススメの学習方法をいくつか紹介します。

Unity本【kindle unlimited】

私も利用しているAmazonが提供する電子書籍読み放題のサービスです。

月額980円で約200万冊以上が読み放題でとてもお得です。

また30日無料体験もできるのが魅力です。当然Unityに関する書籍もたくさん揃っています。

またC#関連の書籍や、プログラミングのものも多数あります。

プログラミング関連の書籍は値段が結構しますので、それらが無料で読めるのはかなりお得なサービスです。

30日無料体験もありますので気に入らなければその期間に解約すれば料金は発生しません

通常のUnity本

kindle unlimitedは全部のUnity関連書籍が読めるわけではありません。

通常に購入しなければ読めない本もありますので、その中から私が参考になった書籍を紹介します。

Udemy

Udemyの動画講座にもUnity関連のオススメの動画がたくさんあります。

その中でも私が特に気に入っている動画を紹介します。

どの動画も初心者でも完成することが出来るように丁寧に解説しています。

オンラインで学習

質問が出来るおすすめのUnity学習方法ページです。

・Unityでゲーム作りたいけど何から初めたら良いかわからない。

・独学でゲームを完成させられるか不安。

・ゲーム開発でわからないことを一人で解消できない。

・入門書を一通りやってみたが次に何していいかわからない。

こんな人におすすめしたい内容になっています。

関連記事

最後までご覧頂いてありがとうございました。