【Unity】メモ：３Dモデルをドット絵風に見せる方法（pixelation）

だいぶニッチですが、３Dモデルを２Dドット絵風に演出する方法をまとめます。

平たく結論からいうと、「カメラで撮影した映像をRender Textureに飛ばしたものを解像度を落としたRaw Imageとして表示すると、２Dドット絵風になる」です。

手順１：Render Textureを作成し、メインカメラのRender Targetに指定

まず前提として、普通にレンダリングされた場合はこんあ感じですよね。

普通はこんな感じ

ここからモデルはそのままでドット絵風の見た目に改造していきます。

まず、Render Textureを作成します。
作成出来たら、メインカメラのTarget Textureに放り込みます。

右クリック→Create→Render Texture

Main CameraのOutput -> Output Textureにドラッグ

そうすると、Game画面が次のように真っ暗になります。

こうなってもあわてない

この「No cameras rendering」は消しておきましょう。
上の画像の「Game」とあるタブを右クリックし、「Warn If No Cameras Rendering」のチェックを外します。

手順２：Raw Imageを作成し、先ほどのRender Textureを設定する

Hierarchyパネルより、シーンにRaw Imageを作成してください。
作成したRaw Imageの「Texture」に先ほどのRender Textureをアサイン（ドラッグ）します。

HierarchyパネルからRaw Imageを作成します

作成したRender Texture をRaw ImageのTextureにドラッグします

すると下のように、Raw Imageがカメラの前面に表示された状態になります。
カメラで撮影した映像が２DオブジェクトであるRaw ImageのTextureとして表示されている状態です。

真ん中に小さく表示されていれば成功

このままでは余白が大きいので、画面全体に拡大します。
ついでに、Gameのアスペクト比も決めておきましょう（ここでは16:9とします）。

この時点で少し斜めの輪郭線がギザギザ気味。ただし立方体の形がゆがんでいます。

上のままだとTextureと画面の比率が合わないため、無理に引き延ばされた状態です。
立方体が横長なのは自明ですが、実はドット自体も横長です。

ドットの縦横比を１：１（正方形）にするには、Render Textureを選択し、Sizeを画面比率に合わせた縦横比に修正します。
ここでは160対90としています。
この値が小さいほどドット絵としては粗くなります。

また、Filter Modeを「Point」に変更するとより輪郭がくっきり見えます。

この値の大小でドット絵の見え方を調整できます。あえて横長のドットもレトロでいいかも？

また、カメラのView PortRectのWとHの比率も調整します。

WとHの比率がGameの画面比率と対応するようにしてください。

成果品とまとめ

以上、下のような感じでドット絵風にすることができました！

たぶんですが、レンダリングをトゥーン風にするとかなりドット絵に近づくはずです。
下の画像はURPデフォルトのレンダーをドット絵風にしたものですが、ドット絵というよりは初代PS風に見えますね。

こちらはRender Textureのサイズが横160対縦90

ドットの大きさ（解像度）はRender Textureのサイズで調整しましょう。
たとえばサイズを半分にしたら下のようになります。

横80対縦45

２Dゲームでアニメーションを作るの面倒くさいとき、手っ取り早く３Dモデルからドット絵風に演出したり、いろいろ使いどころはあるはず。
ぜひ活用してくださいね！