All content in this course uses:

3D ゲームキットウォークスルー

このガイドでは、ProBuilder と PolyBrush を使ったレベルの構築から、3D Game Kit に含まれるすべてのインタラクティブ機能とレベルを飾る要素の使用までを詳細に説明しています。このチュートリアルのほとんどのステップは、それぞれ単独のチュートリアルとして使うことができますが、関連するチュートリアルも参照していただくことで、より深い理解を得ることができます。

を参照してください。こちらはよりコンパクトで、それ自体で完結したチュートリアルおよびサンプルを集めたものとなっています。最初は

のステップ 2 に従って新しいシーンを作るところから始めるとよいでしょう。

 このガイドでは、ProBuilder と PolyBrush を使ったレベルの構築から、3D Game Kit に含まれるすべてのインタラクティブ機能とレベルを飾る要素の使用までを詳細に説明しています。

このチュートリアルのほとんどのステップは、それぞれ単独のチュートリアルとして使うことができますが、関連するチュートリアルも参照していただくことで、より深い理解を得ることができます。

を参照してください。こちらはよりコンパクトで、それ自体で完結したチュートリアルおよびサンプルを集めたものとなっています。

ウォークスルーの概要

新しいシーンには、すでに Ellen が走りまわることができる地面が用意されています。この地面について少し見てみましょう。

 は、Unity で 3D オブジェクトを作成、編集できるツール「

」を使って作成されています。シーンに 

ウィンドウが開いていない場合は、トップメニューから開くことができます。

グレイボクシングとは、作りたいレベルのアウトラインや計画を立てるために、シーンの中でシンプルな図形（ジオメトリ）を作成する技術です。ゲーム開発では、これは素早くプロトタイプを作成してアイデアを試す、レベルデザインの初期段階にあたります。

 はグレイボクシングに最適なツールです。ここでは、シーン内に新しくシェイプを作ってみましょう。

ProBuilder ウィンドウに移動します。

「New Shape」の横にある「＋」をクリックしてください。

 ドロップダウンから、さまざまな形状のシェイプを選んで作成することができます。

ここではデフォルトのシェイプである立方体を作ります。

シーンの中央に立方体ができると思います。地面は立方体の真ん中よりも高いので、立方体が地面にめりこむ形になります。

を使って立方体を動かしましょう。シーンビューの中にある矢印のいずれかをクリックして、好きな場所に動かしてみましょう。

 のさまざまなツールを使って、立方体の形状を変えることができます。

 を使って Unity の中で 3D モデルを作る方法の詳細を学びたい方は、

この立方体を削除してみましょう。

 Delete（Mac の場合は Cmd + Backspace）

次は地面を作り替えたりペイントしたりしてみましょう。

ProBuilder を使った編集

地面は ProBuilder のプレーンでできています。これは普通平らなのですが、PolyBrush を使って凸凹を作り、地面らしく見えるよう Mesh をペイントすることができます。地面に凹みを作り、Ellen がダメージを受けるアシッドプールを作ってみましょう。

メッシュ：メッシュは 3D 空間で立体物の印象を作り出すように排列された三角形の集まりです。三角形は 3 つの角の点、すなわち頂点によって定義されます。

注：PolyBrush は現在ベータ版です。ツールの使用中にバグに遭遇することがあります。

これからレベルを作っていく地面のスケールを変更して、少し大きくしてみましょう。

インスペクターに移動します。

 ウィンドウを開き、編集を始めます。

の順にメニューをたどります。

注意：PolyBrush は現在ベータ版のため、レイアウトは変更されることがあります。

PolyBrush ウィンドウの「Push/Pull」アイコン（下の赤枠内）をクリックします。

Plane を選び、シーンビュー内で Plane の上にマウスカーソルを合わせます。

Push/Pull ギズモがマウスを動かした場所に表示されます。

左クリックすると、クリックした場所の頂点が持ち上がります。

Ctrl キーを押しながら左クリックすると、クリックした場所の頂点が押し下げられます。

基本操作はこれだけです。Ctrl + 左クリックで地面に凹みを作り、プールの形にしていきましょう。そんなに深くしなくても大丈夫です。

凹みを作り終わったら再度「Push/Pull」アイコンをクリックし、ツールの選択を解除します。

下の画像のような凹みができたでしょうか。

PolyBrush とその使い方の詳細については、

では、アシッドプールの作成に戻りましょう。

酸性の液体を表現した Acid というプレハブを Project ウィンドウで探しましょう。Project ウィンドウはすべてのプレハブとツールが格納されている場所でしたね。

の順にフォルダーをたどります。

Acid プレハブを左クリックして、Hierarchy ウィンドウにドラッグします。

Acid を表す図形がシーンビューのどこかに表示されます。Unity では、フレーム選択でオブジェクトを素早く見つけることができます。

シーンビューにマウスを置きます。

以上の操作で、Acid がシーンビューのフレーム内に収められます。

Acid は大きすぎるので、少し小さくしましょう。

Acid を選んだ状態で、キーボードの R キーを押し、拡大縮小ツールを選択します。

中央の白い箱をクリックしてドラッグすると、Acid が小さくなります。

また、Acid は適切な位置にないので、移動ツール（Acid を選択してキーボードの W キーを押す）を使い、Acid を Plane のすぐ下に置きましょう。先ほど作ったプールから、わずかに Acid が見える程度の位置に持っていきます。

望みの位置になるまで、Acid を移動させたり、大きさを調整してみてください。

ヒント：Acid は作ったプールより少し大きい程度のサイズで十分です。

再生ボタンをクリックして、泡立つアシッドプールがシーンにできているか確認してください。

 ツールバーメニューから新しいシーンを作った場合、デフォルトで 

 エリアができています。これは空間を編集しても問題がない程度のサイズにしてあります。地形の高さを下げるときに、この 

 エリアより低くしないように注意してください。もし低くなっていると、Ellen はスタート直後に倒れてしまいます。

デフォルトの DeathVolume のトップビュー

デフォルトの DeathVolume のサイドビュー

今の時点では、Ellen は Acid に入ってもダメージを受けません。これだと危険地帯として機能していないですね。

Ellen が Acid に触れるとダメージを受けるようにするには、次のように設定します。

検索ボックスに「death」と入力します。

これで Acid に Death Volume スクリプトが追加されます。このスクリプトは、Ellen のライフを 0 にするようゲームに指示するスクリプトです。

再生ボタンを押して、レベルをテストします。アシッドプールに向かって走っていってみましょう。Ellen は倒れて、その後すぐにリスポーンします。

アシッドプールを作る

と呼ばれる 3D アーティストに便利な機能があり、ゲームオブジェクトの表面に直接ペイントするのではなく、頂点（サーフェスを作るために結合する点）にペイントすることができます。

Acid Pool や Death Volume の作成に Push/Pull 機能を使用したのと同じように、このペイントは頂点を使用して表面全体にペイントします。スクリーンショットでは頂点がハイライトされており、線はその間のポリゴンのエッジを表しています。

頂点ペイントでは、サーフェスのエッジに沿って頂点と最も近い頂点を取り、それらの間でカラー/テクスチャを「ブレンド」するのに対し、サーフェスに直接ペイントできると思っているかもしれないので、最初は不思議に思うかもしれません。

これはマテリアルで処理され、シェーダー（スクリプト）を利用してテクスチャ（ビットマップイメージ）をグループ化し、GameObject上でレンダリングします。これらのトピックの詳細については、マニュアルの

マテリアル、シェーダー、テクスチャ

のページを参照してください。

それでは、早速ペイントを始めてみましょう。

先にキットを使用してシーンを作成したときには、平面はすでにシェーダーマテリアルを添付して作成されていました。次のステップでは、これがどのように作成されたかを確認し、ビジュアルスタイルとマテリアルを構成するものをより深く掘り下げていきます。

まずは、基本的なプレーンの設定とマテリアルのアタッチから始めましょう。

既に開いていない場合は、Tools > ProBuilder > ProBuilder Window から ProBuilder を開きます。

ProBuilder ウィンドウから New Shape を選択します。

Shape ウィンドウのドロップダウンから Plane を選択します。

これにより、いくつかのデフォルト値が添付されたプレーンがシーンビューに追加され、以前に作成されたデフォルトプレーンの隣に配置されます。デモのように見えるようにするには、ProBuilder ウィンドウで Plane の値を設定します。

インスペクタビューでは、次のように設定します。

これで、レベルで生成された既存の平面の隣に新しく作った平面が配置されます。入力した値で完全に整列していない場合は、必要に応じて調整します。

Shape ツールウィンドウに戻り、Build Plane をクリックします。

インスペクターを見てみると、現在アタッチされているシェーダーは単純に Standard Vertex Color で、グレーアウトして表示されていることがわかります。

これにより、プロジェクト内のすべてのマテリアルが表示されるように Project ビューが更新されます。

3D Gamekit では、メインプレーンにアタッチされているデフォルトのマテリアルは Default_Ground_Mat になっています。

検索フィールドで「t: default_ground_mat」と入力してください。

Project ビューの Default_Ground_Mat.mat をシーンビューの平面にドラッグアンドドロップして、マテリアルを追加します。

インスペクターで、マテリアルが Default_Ground_Mat に更新されていることに注意してください。

これで、平面上での描画にマテリアルを使用できるようになりました。

Tools > Polybrush > Polybrush Window の順に進みます。

PolyBrush ウィンドウの上部にある「Paint Vertex Colors」タブを選択します。

テクスチャは、左側がデフォルトのパターン、右側が頂点ペイントされたバージョンで、プレーンのサーフェスエリア全体にタイル状に配置されていることに注目してください。

現在マップされているテクスチャを見るには、Project ビューで、 Assets > 3DGamekit > Art > Textures > Environment > Ground の順にフォルダーを開いてください。

ヒント：Default_Ground_Mat シェーダーを使用して、マテリアルプレビューの横にある矢印の頭をクリックして、テクスチャの 1 つを選択しても同じことができます。どちらの方法でも Project ビューの正しいフォルダーが開きます。

新しい平面のペイントを開始するには、Polybrush ウィンドウから赤のペイントを選択してブラシの色を設定します。

これにより、マップされたテクスチャを使ってペイントできるようになります。ここで紹介しているケースでは、Moss_Albedo テクスチャを使って頂点をペイントします。

シーンビューのブラシギズモを使って、平面上の頂点に向かってブラシを動かすと、エディターでテクスチャブレンディングをリアルタイムに見ることができます。編集内容を確定するには、クリックしてください。

MuddyGround のテクスチャを追加したい場合は、パレットのブラシカラーを青に、SmallStone のテクスチャを追加したい場合は、パレットのブラシカラーを緑に切り替えてください。地面の見た目にちょうど良いばらつきを与えることができます。

ぜひさまざまなブラシの使い方を試して、皆さんの創造性を発揮してください。Push/Pull、ブラシのサイズ変更、ブラシカラーテクスチャとの組み合わせで、多種多様なペイントメッシュを作成することができます。

ヒント：様々なカラーを試すにあたり、エディターでライブプレビューを行い、3D Gamekitで適用されている様々なテクスチャとブレンドを見ることができます。

オブジェクトから ProBuilder スクリプトを削除

ProBuilder で作成したオブジェクトをシーンで使用する場合は、編集が終了したら ProBuilder スクリプトを削除しておくと、ゲームでの不必要なオーバーヘッドを防ぐことができます。個別にオブジェクトを選択してスクリプトを削除することも、シーン内のすべての ProBuilder オブジェクトからスクリプトを削除することもできます。

Tools > ProBuilder > Actions をクリックして、シーン中のすべてのオブジェクト、または個別に選択したオブジェクトから、 ProBuilder スクリプトを削除します。

なので、このアクションを行う前にメッシュと頂点のペイントに必要な変更をすべて行っていることを確認してください。

PolyBrush を使った頂点ペインティング

環境用の素材を好きな場所に配置できるように、レベルジオメトリを構築しました。これらは Prefabs > Environment にあります。

例として、岩のモデルをシーンにドラッグしてみましょう。

Project ウィンドウで Prefabs > Environment > Rock を選択します。

CliffBig01 をクリックしてください。

インスペクタの下部にあるプレビューウィンドウで、このモデルをプレビューします。

プレビューウィンドウでモデルを左クリックしてドラッグすると、モデルを回転させたり、さまざまな角度から見ることができます。

ヒント：このウィンドウが表示されない場合は、インスペクタの下部にあるグレーのバーをクリックして、マウスを上にドラッグします。

パフォーマンスに関する注意事項

モデルを回転させてみると、モデルの一部が欠けているのがわかります。これは、多くのジオメトリが背面を欠いているためです。これにより、より大きなシーンのパフォーマンスが向上し、コンピュータの速度低下を防ぐことができます。

シーンにジオメトリや特殊効果を追加すればするほど、コンピュータが処理しなければならない量が増えます。マシンによっては、信じられないほど大量のジオメトリやエフェクトが必要になる場合もあれば、ほとんど処理されない場合もあります。レベルを構築する際には、このことを念頭に置き、プレイボタンを押したときにコンピュータの処理速度が低下する場合は、ジオメトリを削除する必要があるかもしれません。

上記のようなテクニックをいくつか使用して、できるだけ多くのレベルを構築できるようにしています。このプロジェクトは、お使いのコンピュータのハードウェアを自動的に検出して、PC ゲームがコンピュータによって設定を変えるのと同じように、どのくらいのジオメトリやエフェクトが表示され、どのくらい詳細になるかを決定します。これらの設定をリセットする必要がある場合や、自動的に設定されない場合は、Kit Tools > Auto Detect Quality Settings で設定を変更してください。

これらの設定を手動で変更し、設定の内訳を確認したい場合は、Edit > Project Settings > Quality と進みます。これにより、インスペクタの情報が表示されますので、必要に応じて調整することができます。

パフォーマンスを向上させるために使用するもう一つのテクニックとして、LOD グループの使用があります。LOD は Level of Detail の略です。ディテールの低いメッシュは、オブジェクトがカメラから離れていて、その違いに気づかない場合に表示されます。これは、よりシンプルなジオメトリのメッシュの方がハードウェアへの負荷が少ないからです。

例として CliffBig01 を見てみましょう。

CliffBig01 をシーンビューにドラッグします。

階層構造で、CliffBig01 の横にある矢印をクリックすると、その子が表示されます。

それぞれの子をクリックして、シーンビューで子が変化するのを見てみましょう。

ここでは、詳細が変化しているのを見ることができますが、これらのメッシュをカメラからの距離を変えて表示するように設定しています。

CliffBig01 の横にある矢印をクリックすると、折りたたむことができます。

CliffBig01 が選択されていることを確認してください。

インスペクタで LOD グループコンポーネントを見てください。

ここでは、どのモデルをカメラからどのくらいの距離で表示するかを確認できます。これらの設定は、Unity がすべて設定していますので、変更する必要はありません。LOD グループの距離は、自動的に選択された画質設定によって異なります。

LOD グループの詳細については、

環境プレハブの利用

シーンをさらに華やかにするために、ロックペインターと植生ペインターを作成しました。これらのツールを使用すると、ペイントしている面に合わせて植生や岩を大きさや回転数を変えて配置することができます。

これらのツールを使用するには、以下の手順に従います。

Hierarchy で VegetationPainter を見つけてください。

その子を展開するには、矢印をクリックしてください。

GroundCover をクリックしてください。

シーンビューの地面の上にマウスを置きます。

左クリックして、希望の場所に草/リリーパッドを配置します。

このために、配置するオブジェクトのタイプを変更することができます。

インスタンスペインターコンポーネントには、ペインター内の各プレハブの写真があります。

選択されたプレハブは灰色になります。

白くハイライトされたボックスをクリックして、ペイントするプレハブを選択します。

ペインタのコントロールは、Instance Painter Component の上部にあります。とりあえず作業するために必要な操作方法は下記のとおりです。

Alt + スクロール : ブラシサイズを大きくする

スペース：位置と回転のランダム化

ペイントして配置したものは、親の子として保存されます。例えば、以下のようになります。

Hierarchy ウィンドウに移動します。

GroundCover を展開して、配置したものが子になっていることを確認します。

ペイントの中のそのタイプのオブジェクトはすべて子としてここに格納されます。また、これらをクリックして個別に編集して配置することもできます。

プロセスは、VegetationSmall、VegetationMedium、VegetationLarge をペイントしても同じです。

岩のペイントも同じように行います。

Hierarchy で RockPainter を見つけてください。

石を配置したいエリアにマウスを合わせてクリックして配置します。

これらのツールを使用すると、レベルの装飾方法にバリエーションを素早く追加することができます。これらのツールは、Prefabs フォルダから prefabs にドラッグする従来の方法で見つけることができ、配置することができます。

Project ウィンドウに移動します。

Assets > 3DGameKit > Prefabs > Environment に移動します。

ここには、Rocks、VegetationSmall、VegetationMedium、VegetationLarge のフォルダがあります。

これらをクリックしてシーンビューにドラッグして、レベルに配置することができます。この方法でオブジェクトをドラッグしても、位置、回転、サイズはランダム化されないことに注意してください。

シーンにオブジェクトを配置し続けます。再生ボタンを押してレベルをテストし、ゲーム内の様子を確認することも忘れないでください。

次の章では、ゲームの仕組みを紹介するための小さな環境を作成しました。楽しんで、創造的にレベルを構築してください。

岩や植物を描く

Unity でシーンを作成する際には、階層構造の中で物事を整理整頓しておくことが重要で、探しているオブジェクトやゲームメカニックを簡単に見つけることができます。以下に、キットの使用は必須ではありませんが、プロジェクトをきれいに整理整頓するためのヒントをいくつか紹介します。

Hierarchy で、シーン内のオブジェクトのタイプを整列させるためのセクションを作成しました。

これらは、空の GameObject で作られています。これらは、シーン内のオブジェクトのタイプを識別するのに役立つ以外の機能はありません。各セクションの下にあるすべてのオブジェクトは、そのセクションの子ではないことに注意してください。

エクストラレベルのデコレーションを保存するために、新しいセクションを作成してみましょう。

階層構造の一番上にある Create > Create Empty を選択します。

これにより、Hierarchy の一番下に GameObject という名前の新しい空の GameObject が作成されます。

Hierarchy で、GameObject が青くハイライトされていることを確認してください。これで名前を変更することができます。

インスペクターの上部にある[名前フィールド]をクリックします。

名前フィールドに「----- Environment -----」と入力します。

このようにセクションに名前をつけると、オブジェクトがたくさんあるときに見つけやすくなります。

では、後で見つけやすいように、CliffBig01 を正しいセクションに移動させてみましょう。

Hierarchy で、CliffBig01 を見つけます。

左クリックしたまま、「----- Environment -----」の下まで CliffBig01 をドラッグしてください。

ヒント：他のオブジェクトの上で左クリックした場合、そのオブジェクトが子になってしまうので、左クリックを手放さないようにしてください。

ドラッグすると、オブジェクトの子になることを視覚的に示すインジケーターが、このように表示されます。

オブジェクトをドラッグしたときに、水平線が表示されていることを確認してください。これは、このようにオブジェクトを下に配置することを示しています。

誤ってラベルの子にしてしまった場合は、それを元に戻してからやり直すことができます。

シーンの整理

レベルを構築するとき、テストでは、レベルから簡単に脱出して、プレイヤーが行けるようにしたい場所の外に出ることができることに気づくかもしれません。これは、ジオメトリを追加しても直らないことがありますが、プレイヤーが脱出できないように見えない壁を追加することができます。

これは、空の GameObject に Collider を追加してシーンに追加することで実現できます。

階層構造の一番上にある Create から Create Empty を選択します。

インスペクタでは、これを GameBoundary に名前を変更します。

インスペクタで、Add Component をクリックします。

検索ボックスに Box Collider と入力してください。

Box Collider をクリックして、先ほど作成した GameBoundary ゲームオブジェクトに追加します。

Scene の中でこのオブジェクトを探してみましょう。

Hierarchy で GameBoundary を選択します。

シーンビューの上にマウスを置きます。

キーボードの F キーを押してオブジェクトをフレーム内に表示します。

Box Collider が緑色のアウトラインで表示されます。このオブジェクトを、レベル内の問題のある部分に合わせて配置、回転、拡大縮小します。

このコライダーが Ellen が通過できないようにする必要があります。このために、GameBoundary を選択した特定のレイヤーを設定しました。

インスペクターで、Layerドロップダウンメニューをクリックします。

Environment を左クリックして、そのレイヤーに設定します。

ここでは、プレイヤーが簡単に飛び上がって脱出できる場所に境界を配置しました。再生ボタンをクリックして、この境界が意図したとおりに機能するか確認するようにしてください。

ゲームの境界線

キットを使って様々なゲームプレイ要素を追加することを見てみましょう。デモレベルを用意しましたので、自分で作ったシーンを使ってもいいですし、新しいシーンを使ってもいいでしょう。

2D ゲームキットを使用したことがある方は、ワークフローを簡単にするためにいくつかの要素を調整していますが、これらのテクニックのいくつかはよく知っているかもしれません。

移動プラットフォームは、プレイヤーをある場所から別の場所に移動させるために使用することができます。

Assets > 3D GameKit > Prefabs > Interactables に移動します。

tutorial

Unity Version 2020.3