チャレンジ 1:Home メニューの設定

Tutorial

foundational

+10XP

20 mins

(20)

Unity Technologies

チャレンジ 1:Home メニューの設定
  • UI メニューのバックパネルの作成
  • メニューに Sprite を追加
  • Textmesh Pro Text で UI ボタンを追加
  • TMPro Text でメニュータイトルを追加

1. Home メニューの作成

1. シーンに Canvas を追加

2. 画像の追加と幅と高さの調整

3. 画像の色を黒に変更

4. 画像を複製し、その色を白に変更する

5. 白の画像を黒の画像の後ろに置き、黒の画像の幅と高さを小さくして、白の画像が白のボーダーに見えるようにする。

6. 白い画像の名前を Start Menu に変更する

7. 別の画像を追加し、名前を Logo に変更する

8. ソース画像として Unity のロゴを追加

9. TextMeshPro Text を追加し、画像の中央に配置する

10. テキストのフォントサイズを大きくして、Text を変更する。「Introduction to UI」に変更する。

11. 3 つの TextMesh Pro ボタンを追加し、UI の中央に重ねて配置する

12. 最初のボタンのテキストを「Start」に変更する

13. 2 つ目のボタンのテキストを「Settings」に変更する

14. 第 3 ボタンのテキストを「Quit」に変更

Complete this Tutorial