【Unity初心者】Unityでネットゲームを作りたい【8】ビューーの表示を直す～画像ボタンを設置してシーンを切り替えてみた

https://qiita.com/ysyss5500/items/4aeb23639a8cf3d67376
### 画面表示がおかしい

何しても表示が変...これも悩んだ
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/147dd69c-932b-d21b-ef94-de0ea61f14ac.png)
こんな感じにずれて、ゲームビューとシミュレータビューでずれる...ｳﾑｰ
探しに探して
[【Unity】GameObjectを設置したのにGameビューで表示されない](https://qiita.com/tak001/items/ddc2078c1bb74f2048f5)こちらで悩み解消
感謝！
Unity使ってる人には当たり前の事なのかな？検索文字を色々変えてやっと探し出した
<br>
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/426d70c3-a068-b92e-7e96-ecbadc3cbff2.png)
とりあえずフリー素材からゲットしてレイアウトしてみた

そして、テキストが画像の奥に行って表示できなかったり、画像同士でも上に置きたいのに下行ったり...

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/c2e6cbcb-3445-90ee-3e89-0984212ab4bc.png)
画像を選択してインスペクターにレイヤーの順序ってのがあって、これの数値が少ないほど奥に来るらしい
背景はもう-100とかにしてみたｗ
んでCanvasの中に入ってると、-100なのにまだテキスト隠れたりしたから、外に出した
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/8e0ca791-8d63-0207-daa5-6ed3fc3d5ec9.png)

背景を動かしたいときとかに影響でそうだけど、まだ先だからとりあえずで
___
### 画像ボタンを設置してシーンを切り替えてみた

「ボタンを押したら他の画面へ」これやってみたい
早速検索
[Unity入門講座｜ボタンを押したらシーン移動について学ぼう](https://janken.asotetu.work/unity_scene/)こちらでお勉強
2ページ目に画像のボタンを使ってのがあったので採用
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/c390a128-8977-1232-843f-2f767a1a2b9f.png)
で作ったイメージに張り付けて

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/ecc0ac13-e82e-1b94-b4d5-8c1f76093620.png)
とりあえずなので適当なボタン画像設置

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/12595851-a4ad-c423-7cca-3b72b6c201d9.png)
新しいシーン作成

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/01201614-6495-91cf-3dcf-93fb2f2d0e39.png)
ファイル＞ビルドプロファイルで画面出してシーンリストを開く
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/26276630-f0d9-9d24-b46b-f96740468f20.png)
ここにドラッグ＆ドロップ

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/531beaf3-65ea-5907-23c0-cff0e09fd8c5.png)
画像ボタン選択してインスペクターで
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/f2737516-d53d-3546-cee8-bbfae611315a.png)
スクリプト作成
```
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.SceneManagement;

public class Settei : MonoBehaviour
{
    public void clickhere()
    {
        SceneManager.LoadScene("after");
    }
}
```

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/394404c2-1be4-314a-822f-8d0a5c1d8b8a.png)
コンポーネント追加からUI＞Buttonで作成

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/6b6d60b7-4374-4200-d7e5-256e16621bbe.png)
インスペクターにクリック時ってのが出現すっから+を押す
なし（オブジェって所にボタン画像を放り込む
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/0ee74502-6ea5-1fa7-12bb-8a000322a043.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/3024bf13-350e-23e7-6f6e-83c4d54ae2db.png)
No Function にこれを設定
画像間違ってるな...下のclickhereね

んで実行
シミュレータでクリックすると
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/882e9991-3ea9-22e7-0ba8-531b3fa66b23.png)
から
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3979014/7fd01596-7cf5-c713-79c7-1d970e57319c.png)
移動できた
Unity入門講座さまさまです

次回　もがんばります

←前  [【Unity初心者】Unityでネットゲームを作りたい【7】PlayFabから読み取ったデータをゲーム内にJsonで保存する～画面に名前を表示してみる](https://qiita.com/ysyss5500/items/ad9a61aeb3fd758b4797)

[【Unity初心者】Unityでネットゲームを作りたい【9】スクリプトの順番～苦手なレイアウトとか](https://qiita.com/ysyss5500/items/d0fbf690703be3f3884e)　次→

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