unity モーション

何もわからないけどunityでWEB絵本が作りたい_vol2

仮データばかりですが、なんとなくTOPページらしきものの骨組みが完成した前回。

今回はタイトルロゴをクリックすると、HOME画面に遷移させようと四苦八苦してきました!!

Sponsored Links

いろいろな先達たちのサイトを右往左往し、ようやくページ遷移ができるようになるまで1.5時間余……

初心者向けに描いてくださっているサイトも数多くありますが、描いてる人初心者じゃないもんで…!!!

痒いところに微妙に手が届かずヒーヒー言いながら探してました!!!

ボタン遷移わかんらんばい。って同じ気持ちの方がいたら参考になればうれしいです……

第一回 https://penlog.work/create/2dmotion/1307/

第二回 https://penlog.work/create/2dmotion/1323/ 今ここ

https://penlog.work/create/2dmotion/1307/
前回の記事↑↑

とりあえずUIでボタンを作成→スクリプトコピペ

ちなみに画面は2020.2.1fです。

現状です↓

  1. ボタンにとりあえず画像(ロゴ)を入れたい
  2. はじめっから入ってるtextはいらない
  3. (全画面タッチで遷移したいけどそこまでできなかった……)

まずは上記の画像のようにボタンのオブジェクト……?を作成します。

私はデータ整理のために「UI_set」という確かキャンバスか空オブジェクトで同一カテゴリのものをまとめていますが、作りやすい形で大丈夫です。

誰が見てもわかるデータ構成をモットーに作ってたりします。さておき。

とりあえずボタンを弄っていく①

今回textは要らないので削除してしまいます。
そうすると、白枠のみに…

なんかボタンそのものが映らんのや…って方は、一番上に作ってるキャンバス設定の赤枠のところ見ていただければ、解決する、かもしれなくもないです。

すみません詳しいところはプロに聞いていただけると……()

とりあえずボタンを弄っていく② 『画像をボタンに反映する』

アタッチしたい画像つかんで矢印の先に ドラック&ドロップ!!!

入れたところの(インスペクターの)上の方でサイズなども弄れます。好みで調整をば。

私は310*50という謎サイズに拡大表示させています。

ここからが難問でした。

きっと皆さんもここまではすいすいいろんなサイトや書籍などで来れると思うんですが、私にとってここからがわけわからんゾーンの始まりでした。

クリック……とは…?????

scriptアタッチしても表示されんのは謎…

きっと忘れるので自分用のメモ150%で残しておきます……!

とりあえずscriptをパクってくる

こちらのサイトからパクらせていただきました。ありがとうございます……!

→『https://lincate.hatenablog.com/entry/2017/12/31/125350

とりあえず私の環境では

  • トップページ「firstScenes」
  • 飛びたい画面「homeScenes」
  • scriptの名前「firstScenesControllers」

として作成しています。

※ベタ打ち申し訳ないです。(表示のさせ方がいまいちわからず)

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
//ボタンを使用するためUIとSceneManagerを使用するためSceneManagementを追加
using UnityEngine.UI;
using UnityEngine.SceneManagement;

public class スクリプト名 : MonoBehaviour
{
//ボタンをクリックすると、HOME画面へ遷移
public void ButtonClicked(){
SceneManager.LoadScene("飛びたい先");
}
}

visualStudioなどのコード打つと色変えてくれる系ソフトで、赤文字のところを適宜変更して保存します。(詳しい内容は、以下略)

ちなみに文字がこんな色になれば動くはずです。

unityに直接入れたり、エクスプローラー経由でぶち込んだりお好みでインポートします。

文字化けしてるけど気にしない!

インポートした”スクリプト”を最初に枠だけ作っておいた”ボタン”にアタッチ

しようとしましたが入らなかった……後で入れなおします。

右下赤枠の「+」マークを押下

ボタンをインスペクターの矢印の先に入れる

No function を弄る…(ここが一番わからなかった)

いれたスクリプトねーやん!!!!!

私ずっとここで悩んでたんですが、

ここで入れたつもりになっていたスクリプトをもう一度入れなおしたらでました!!

順番って大事なんだと学び…

ただその順番の正否もわかってないので勉強です。

このように設定すると、おそらく完成です。

大事な遷移先

シーンも作ったしスクリプトも名前町があってないのに遷移できない……な場合は、ファイル→ビルド設定

から上記のように設定が必要らしいです。

赤注釈入れた枠の右下に「シーンを追加」というボタンがあるのでそこから追加

OR

Unity画面の「ヒエラルキー」「プロジェクト」「インスペクター」と並んでいるプロジェクトのところから入れたいシーンをドラック&ドロップもできます

シーン追加出来たらそのまま閉じてしまってOK!

もう一度実行するとおそらくページ遷移できます!

ボタン遷移見本

つづく。かも

Sponsored Links

-unity, モーション
-, ,