All content in this course uses:

レゴ® Mod：メニューをカスタマイズする

マイクロゲームのメニュー画面をステッカーのアセットを使ってカスタマイズしましょう。

この Mod では、マイクロゲームのメニュー画面をカスタマイズします。アドオンのステッカーアセットも使います。ゲーム体験全体の雰囲気を変えるために、こうしたアセットを使うことができます。

概要

最初にレゴ® マイクロゲームのエディター内チュートリアルを完了しておくと、この Mod からもっと多くのことを学べます。ご自分のペースで、時間をかけて学んでいってください。 


レゴ® マイクロゲームを開くには、次のようにします。

  マイクロゲームを使ったことがあるかどうかに従って、次のどちらかの手順を行ってください。

すでにマイクロゲームを使用したことがある場合は、

 タブで保存した Unity プロジェクトを選択してください。プロジェクトを選ぶと Unity エディターが開きます。これには数分かかることもあります。


マイクロゲームを初めて使う方は、

 タブで「LEGO® Microgame」を選択してください。指示に従って、エディター内チュートリアルを完了してください。

このクリエイティブ Mod を完了するには、

 をダウンロードしてインストールする必要があります。

始める前に

まず、チュートリアルシーンを変更して、勝敗の結果表示画面をトリガーして変更をテストすることが簡単にできるようにしておきましょう。


LEGO Behaviour Bricks と移動します。

Scene ビューで、ステージの終了地点に移動します。プロジェクトにあった元の Win ブロックとその Touch Trigger を削除（

  プレイヤーのスタート地点に戻ります。手っ取り早い方法は、Hierarchy ウィンドウで「Player Minifig」を選択し、シーンビューにカーソルを合わせてショートカットキーの 

）を使い、そのゲームオブジェクトに視点を合わせることです。


  「Win」ブロックを Project ウィンドウから Scene ビューにドラッグします。

 プロジェクトウィンドウで「Touch Trigger」を探し、シーンビューにドラッグします。


 カーソルで Touch Trigger ブロックを Win ブロックの上に移動させます。接続できる場所に張り付きながら動きます。クリックしてブロックを接続します。

 Project ウィンドウで、「Hazard」ブロックを探し、Scene ビューの、Win ブロックから少し離れた場所にドラッグします。

テストのためにシーンを調整する

次に、ゲームの最初に表示されるメニュー、勝利時のメニュー、敗北時のメニューを作るために使われている UI（ユーザーインターフェース）を見直しましょう。


「Menu Intro」をダブルクリックしてシーンを開きます。プロンプトが表示されたら、変更を保存します。


を選択して 2D 表示を有効にします。

Hierarchy ウィンドウで、「Canvas」ゲームオブジェクトを選択します。


  キャンバスをよく見たい場合は、Scene ビュにカーソルを合わせて、ホットキー の 

 Scene ビューで Canvas の各要素を選択するか、Hierarchy ウィンドウで、親になっている「Canvas」ゲームオブジェクト、次に「Menu」オブジェクト、そしてその子になっているゲームオブジェクトの要素を表示することができます。

ゲームの最初に表示させるメニューの Canvas には、次の要素が含まれています。

Play Button（テキストとステッカー）

Controls Button（テキストとステッカー）

ゲームの最初に表示されるメニューを見直す

メニュー画面の Canvas をカスタマイズして、ゲーム全体の外観に合わせることができます。これを行う方法の 1 つが、LEGO® Microgame Stickers Add On を使って、2D 画像を本物のステッカーのように Canvas に追加することです。（こういう 2D 画像は

まず、ステッカーを変更しましょう。


Scene ビューまたは Hierarchy ビューで、Canvas 上のステッカーを選択します。この例では、Play Button の横にある Treasure Map ステッカーを使用しています。

（丸いアイコン）を選択し、Select Sprite ウィンドウでゲームに合ったステッカーを選択します。

2. ステッカーのサイズを変更する

次の手順で、追加したステッカーのサイズを変更することができます。

Scene ビューまたは Hierarchy ビューで、Canvas 上の「Sticker」ゲームオブジェクトを選択します。

を選択します（またはショートカットキーの 

 を使用します）。ギズモを選択してドラッグし、ステッカーのサイズを変更します。

 キーを押しながらドラッグすると、ステッカーのアスペクト比を保ったまま、均一なサイズ変更を行うことができます。

下の動画は Rect ツールを使って、均一なサイズ変更と均一でないサイズ変更を順番に行っているところを実演しています。

メニューのステッカーを複製することもできます。

Scene ビューまたは Hierarchy ウィンドウで、複製したいステッカーを選択します。


 でゲームオブジェクトを複製します。

を選択し（またはショートカットキーの 

 を使用）Canvas 上のステッカーの配置を調整します。

を選択して再生モードに入り、「Win」または「Hazard」ブロックを発動させてゲームの最初のメニューを表示させて、変更をテストします。テストが終わったら再生モードを終了することを忘れないでください。再生モードで行った変更は保存されません。


ステッカーでメニューをカスタマイズする

次に、テキストをカスタマイズしましょう。

テキストを変更するには、次のようにします。


Hierarchy ビューまたは Scene ビューで、「Title」 ゲームオブジェクトを選択します。


TextMeshPro - Text (UI) コンポーネント

 フィールドで、ゲームの名前を変更します。

2. テキストの色を変更する（単色）

1 つの色を選んで、その色に変更する場合は、次のようにします。


カラーボックスを選択し、ゲームの外観に合わせて色を選択します。

3. テキストの色を変更する（グラデーション）

テキストの色をカラーグラデーションに変更する場合は、次のようにします。

色選択ボックスを使って、テキストの右下と右上、左下と左上の端の色をそれぞれ設定します。ステッカーから色を拾いたい場合は、カラーピッカー（スポイトのアイコン）を使うこともできます。

4. テキストボックスの色を変更する

テキストボックスの色を変更する（例えば、再生ボタンの背景など）には、次のようにします。

 Hierarchy ビューまたは Scene ビューで、「Play Button」ゲームオブジェクトを選択します。

色選択ボックスまたはカラーピッカー（スポイトアイコン）を使用して、背景の色を設定します。

コンポーネントの横の矢印をクリックして、折りたたまれたプロパティを展開します。

を選択して再生モードに入り、「Win」または「Hazard」ブロックを発動させてゲームの最初のメニューを表示させて、変更をテストします。テストが終わったら再生モードを終了することを忘れないでください。再生モードで行った変更は保存されません。  

テキストをカスタマイズする

ゲームの最初に表示されるメニュー画面をカスタマイズしたら、「勝利時のメニュー」と「敗北時のメニュー」のそれぞれのシーンにある Canvas も変更してみてください。

変更がプレイヤー体験にどのような影響を与えるかを明確に把握するために、テストをしながら行ってください。


テストが終わったら再生モードを終了することを忘れないでください。再生モードで行った変更は保存されません。


ゲームのメニュー以外のシーンに戻るときは、Scene ビューの上部にあるボタンを使って、

実験して繰り返し修正する

メニュー画面の完成度を一段引き上げるために、次のような変更を行ってみるのはいかがでしょうか。

キャンバス上の要素を移動したり、サイズを変更したりして、より自由な感じにします。

シーンのスカイボックスを変更する


皆さんがどんなものを作るのか、今から楽しみです。

レゴ® マイクロゲームクリエイティブ Mod

 にもトライして、皆さんのマイクロゲームをどんどんカスタマイズしてしまいましょう。 

Unity Version 2021.3