マテリアルで見た目を強化する2021-02-18前回の記事では、キーボードで自機を移動できるようになりました!ただ、自機の形がシンプルなのもあって画面が少し寂しいですね。今回は、ゲームの見た目を強化していきましょう。完成形をご覧ください。まとめ自機の色を変更するまずは、自機の色を赤にしてみたいと思います。色を変更するには、「マテリアル」というものを使います。自機に使うマテリアルを作成します。クリックしてください。して確定してください。これでマテリアルが作成できました!マテリアルを自機に適用マテリアルを使用するには、対象のオブジェクトに適用する必要があります。ドラッグアンドドロップしてください。スクリプトをアタッチしたときと同じ操作ですね。適用されていれば成功です!マテリアルの色を変更では、実際に色を変えてみます。クリックしてください。いう欄の色をクリックすると、色の設定が表示されます。ここで自由に色を変えてみてください。色を設定することでオブジェクトの色を変えることができます!地面を作成する次に地面を作成して、その見た目をブロック壁のようにしてみます。Cubeオブジェクトを追加まずは基本の形状となるCubeを追加します。右クリックからCubeを追加してください。名前は「Field」にしています。次に、サイズを変更します。貼りつける画像をインポート地面には、このような画像を貼り付けてみます。自前で用意した画像を貼り付けたい場合は、画像をpngで用意してください。サンプルと同じ画像を使う場合は、こちらの「block_wall.png」をダウンロードしてご利用ください。画像を使うには、「インポート」といって画像ファイルを取り込む必要があります。画像を適当なフォルダに置いて、そのフォルダをエクスプローラで開いておいてください。このようにUnityのProjectウィンドウに向かってドラッグ&ドロップしてくださいこれで、Projectウィンドウ内にテクスチャが追加されればインポート成功です!このように、オブジェクトに貼り付ける画像のことを「テクスチャ」と呼びます。自機の色を変えたのと同じように、地面に使うマテリアルも作成しましょう。作成方法は自機のときと同じです。名前は「FieldMaterial」にしておいてください。マテリアルを地面に適用これも自機の時と同じです。Fieldオブジェクトに対してFieldMaterialをドラッグ&ドロップしてください。マテリアルにテクスチャを適用さて、ここからは自機の時と少し異なります。自機の時は1色で塗りつぶすだけでしたが、今回はテクスチャを貼りつけます。情報を出しておいてください。左にある四角形の部分にドラッグ&ドロップしてください。今は全面に1個分が拡大して表示されています。見ると上下左右が反転しています。これらを調整するために、テクスチャのタイリングという設定を変更します。したことで、同じテクスチャを21回分繰り返して表示させています。値をマイナスにすることで縦と横をそれぞれ反転させています。ちなみに、実はこの方法では地面を上から見るとテクスチャが圧縮されてしまっています。これは、上面部分も21個分繰り返される設定が適用されているためです。直そうと思えば直せるのですが、少し手間がかかるのと今回はそこまで目立たないので一旦良しとします。テクスチャの設定を変更だいぶ理想に近い見た目になりました!ただ、近づいてみてみるとやっぱりぼやけて見えてしまいます。今回使用しているテクスチャがドット絵っぽいので、よりドットを強調した表示にしてみます。イメージとしてはマインクラフトのようなボクセルっぽい感じを目指します。以下の設定は、テクスチャに使用している画像などによって最適な設定は変わります。ドット絵系ではなくリアル系の画像を使用している場合はデフォルトのままの方が良いかもしれません。Mapこれは「ミップマップ」という画像を生成するかどうかのフラグです。ミップマップが何かについては追って説明したいと思います。filter)」に変更してください。Compressionこれは圧縮の設定です。Quality」に変更してください。Quality」にするとテクスチャが綺麗になりますが、そのぶん容量が大きくなります。Quality」にするときは注意してください。最後に「Apply」をクリックして変更内容を反映します。これで、ドット絵に適した見た目になりました!変更前と変更後を見比べるとこんな感じです。ドットがくっきり見えるようになりましたね!ライトとカメラを調整する基本的な部分は出来たので、ここからは細かい調整です。全体の明るさをもう少し明るめに調整してみます。左右にはみ出している地面がゲーム画面内に映るように見え方を調整していきます。明るさを調整するには、「ライト」というオブジェクト数値を調整します。ライトとは、シーン全体のオブジェクトを照らすためのオブジェクトのことです。Light」というオブジェクトがライトです。第0回で謎だったオブジェクトのうちの1つですね。ライトを選択すると、Inspector内に情報が表示されます。Colorを調整まずはライトの色合いを調整します。お好みの色になるよう調整してみてください。いう数値で全体の明るさを調整します。お好みの明るさになるよう調整してみてください。明るく照らされるようになりましたね!ライトは他にも照らす方向を変えたりすることもできます。最後に、オブジェクト全体が画面内に収まるように視点を調整します。第0回でやったシーンビューの視点変更を覚えていますでしょうか?これと同じように、Gameビューの視点も調整することができます!それには「カメラ」というオブジェクト数値を調整します。カメラとは、文字通りGameビューの画面を映しているカメラマンのような役割のオブジェクトです。同じ被写体を映していてもカメラマンによって全く違った見た目になりますよね。Camera」というオブジェクトがカメラです。これで第0回で謎だったオブジェクトを2つとも解明しましたね!カメラを選択すると、Inspector内に情報が表示されます。Positionを調整Positionを変更すると、カメラの位置が変わります。お好みの位置に移動させてみてください。このとき、Gameビューを表示させておくと変更が分かりやすいです。これで、ステージ全体が画面内に収まるようになりました!ちなみに、PositionだけでなくRotationも組み合わせて調整すると面白い見た目に出来るかもしれないので、余裕があれば色々試してみてください!まとめお疲れさまでした、今回はゲームの見た目を強化しました。前回までで、キーボードで操作できる自機と地面を作成しました。free".ホームメニューSNS上へ。