Unityで3D脱出ゲーム(3)タイトルシーンの作成

前回は、部屋の作成を行った。

Unityで3D脱出ゲーム(2)部屋の作成
前回は、プロジェクトの作成とBitbucketへの登録まで行った。 引き続き、以下の本とサイトを参考にしながら、進めていく。 ...

引き続き、以下の本とサイトを参考にしながら、進めていく。

閃光絵巻ラボ 「 Unityで脱出ゲームの作り方 」
http://senkouemaki.com/lab/?cat=2

(環境)
Windows8.1
Unity5.5.0f3
VisualCode
SourceTree 1.9.10.0
Pageant

(1)タイトルシーンの作成

●キャンバスの作成

最初にキャンバスを作成しておくと、あとで何かと便利らしい。。。

Hierarchyタブで、Create > UI > Canvas

Inspectorタブで、CanvasTitle という名前に変更。

image_thumb15 image_thumb161

Inspectorタブで、Canvas > Render Mode を、「Screen Space – Camera」に変更。
Hierarchy > Main Cameraを、Inspector > Canvas > Render Cameraのところにドラッグ&ドロップ。

image_thumb171 image_thumb18

image_thumb19

Canvas Scaler(Script) > UI Scale Mode を、Scale With Screen Size に変更。
さらに、Reference Resolutionを、800 x 1280にして、Matchのところを「1」にして、Heightにあわせる。

image_thumb20 image_thumb21

●背景を配置

Hierarchyタブ > CanvasTitle を右クリック > UI > Imageで、名前をImageBackに変更

image_thumb221 image_thumb23

Inspectorタブで、Rect Transform で、Width 800, Height 1280 に変更

image_thumb24

●タイトルテキストの配置

CanvasTitleを右クリック > UI > Text で、TextTitle で保存。

image_thumb25 image_thumb26

Inspectorタブで、Rect Transform で、Pos Y ; 130, Width 800, Height : 360 に設定。

image_thumb27 image_thumb28

あれ?うまくいかない。

Text(Script) の、Character > Font Size : 128, Paragraph Alignment を左右真ん中、上下真ん中に設定。

image_thumb30

●STARTボタンの配置

CanvasTitle を右クリック >  UI > Button, ButtonStartという名前に変更。

image image

ButtonStartを選択した状態で、Inspectorビューで、Pos Y : -200, Width 300, Height : 80
Hierarchyビューで、CanvasTitle > ButtonStart > Text で、Text : START

image image

(2)Titleシーンから、Game1シーンへ切り替える(TitleManager.cs)

File > Build Settings… で、2つのシーンが入っていることを確認。

image image

Projectビューで、Assets > Scripts を右クリックして、 Create > C# Script で、TitleManager という名前で作成。

image image

image

Projectビューで、Assets > Scripts > TitleManager をダブルクリックして編集。(Visual Studio が起動する。)

image image

Hierarchyビューの空白のあたりでで右クリック > Create Empty で、TitleManagerという名前に変更。

image image

Inspectorビューの、Add Componentをクリックして、Scripts > TitleManager をクリック。

image image

image image

●ボタンにメソッドを関連付ける

Hierarchyビューで、CanvasTitle > ButtonStart で、On Click() の「+」をクリック。
TitleManaer.cs を、On Click() の下の「None..」の右のアイコンをクリック。

image image

On Click() の右下の、No Function > TitleManager > PushStartButton()

image image

image image

関連記事
Count per Day
    Popular Posts
    スポンサーリンク

    シェアする

    • このエントリーをはてなブックマークに追加

    フォローする