【Unity初心者】Unityでネットゲームを作りたい【14】メニューバー作成～表示順序

https://qiita.com/ysyss5500/items/4aeb23639a8cf3d67376
### メニューバー作成
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/5794e6fa-3233-c79c-186f-747777b4d7b6.png)
メニュー作ってみた
[Sceneでオブジェクトが消えないようにする。](https://yamakami21.hatenablog.com/entry/2015/05/13/192516)こちら参照

テキストがうまく表示されなくて困ってる
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/97a5524f-4047-f8f2-e21e-95e5f7b7d3ec.png)
この中にテキスト作るとCanvasが作られてその中に
そして文字が表示されない
今あるCanvasにテキスト作ってここのmenuに移しても表示されない

んでCanvas内にこのメニュー画面を移すと、シーン変わると消えてしまうから外に出してある
出来ればタップしたら画面変わって文字が表示するようにしたかったが...

うーん画像で作るのが手っ取り早いか
今後やる予定
ちなみに、背景は変えた

今までの知識を駆使して（[こちら参照](https://qiita.com/ysyss5500/items/4aeb23639a8cf3d67376)）タッチしたらシーンが変わるように設定
んで、タッチしたアイコンがちょいと大きくなるようにしてみる

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/623241fd-2c78-d9ea-6ab9-ac3cf0b49c1e.png)

だみだー
やっぱ動かない...何が悪いのか
もうちっと融通利かせられんのかなUnity（ｸﾞﾁ）
あと、imageに画像を表示しないとクリック処理できんかも

もう各シーンにボタン作るか
ってことでボタン透明にならんかな？と検索

そするといくつか発見
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/b1d2478a-8e12-455c-9b95-6315ac3bb3dc.png)
Aの所を0にすればいいらしい
でも結局、画像の下に配置すれば見えなくなるね
___
### コピーペースト
menuの中をタップしたら大きく表示とか考えていたが
移ったシーンごとに配置しちゃったほうが楽なのに気が付く（重くなるかもだけど
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/a1fae7a9-203b-b3d0-8dd5-39bce363576c.png)
これでMenuごとこぴーして他のシーンに貼り付ける
同じ位置にコピーしてくれるしスクリプトでやるより数段らくだったり

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/9542d574-e6fd-436b-d903-903b080cb95c.png)
文字も画像にした、こっちのがめんどくない

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/ac18b9cd-3113-76d1-9ba4-5c8c98f41eae.png)
んで選択したにシーン移動したら画像を大きくして表示

コピーが楽すぎるｗ
コピーした先で大きさ変えるだけ
スクリプトで全部やろうとしないほうがいいかー
数がすくないなら、コピペのが楽だた

ちなみにまだ背景とかも同じでいいやと今は思ったので
全てにコピー
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/3dd2eb01-2c9b-a14d-1570-ad15feb642b7.png)
こんな背景画像、モンスターアニメの所で拝借し、空と山草原と３分割して各々移動速度を変え左にスクロールさせてます
スクロールとかもコピペで行けました
草原とかにランダムでモンスター歩かしたり、やりたいことはどんどん膨らみます

シーンごとに張り付けたりしなくて済むし一もコピーしてくれるから楽ね
カメラとかも一緒にコピーすれば、そのまま解像度とかもコピーしてくれます

あとスマホで表示すると画像の移動速度がかなりＵｎｉｔｙと違います
実機で確認したほうがよさげです
___
### シーン移動ボタンの設定
透明にしたから表示はされないがタップしたときにシーン移動はしてくれる
ボタンは作るとCanvasに自動的に作られる
他移すと起動してくれません
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/82667295-0907-7265-838b-5feb80e3a013.png)
こんな感じでCanvasに配置
全ての移動先シーンに必要だが、コピペで大丈夫
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/f621e673-91af-4c71-f53a-3c0c8c0283af.png)
こんな感じで隠れたボタン配置して、シーン移動のスクリプト放り込む
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/ba208820-5082-f495-f37c-be4b1c0e46e3.png)
Canvas内だと普通に動く
ホントはmenuの中に入れてすべてに一緒にコピーしたい
ボタン類はコピーはするが、張り付けた後にそのシーンのCanvasに移動してます（そすると普通に動く）
おかげでどのシーンでもmenuの所タップするとシーン移動できるようになった
___
### 覚えたことを駆使し

ゲームのホント序盤だけどスマホで動いてくれました
![Screenshot_20250131_204101_test.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/2223302b-02dd-3da1-baf8-b9d53aef4bbd.jpeg)

スマホでのスクリーンショット
___
### 表示順序

困ることがあるたびにネットで調べてたけど
表示の順序があった...

「ヒエラルキーの下にあるほど上に表示される」

画像を各々適当に上に出したり奥に引っ込めたりしてたのがいけなかったかな？

ﾒﾓﾒﾓ

←前  [【Unity初心者】Unityでネットゲームを作りたい【13】ひたすらアニメーション画像貼り付け～ビルドしてスマホに表示してみる](https://qiita.com/drafts/53e8415fa07b638d1341/edit)

[【Unity初心者】Unityでネットゲームを作りたい【15】複数のPanelの表示を制御したい～数字ランダム](https://qiita.com/ysyss5500/items/6883a0c358cf3e645809)　次→

https://qiita.com/ysyss5500/items/4aeb23639a8cf3d67376