チュートリアル画面を実装する

[Ark-Mist]

バックログ

No.12

やること

チュートリアルで操作方法を表示する

関連issue

• 47

• 48

• 72

[Parasuatene]

作業進捗はスクショ等でこのissueに随時報告してもらえると助かります！

[Ark-Mist]

相談： チュートリアルはXDのように３つの画面に分けて作っていいか？ すなわち、シーンが３つできることになる。

[Parasuatene]

相談： チュートリアルはXDのように３つの画面に分けて作っていいか？ すなわち、シーンが３つできることになる。

相談&チャットでの共有、ありがとう！ 結論を述べると、1つのシーンで完結してほしいです。

プロセスとしては、

1. 次に進むボタンを押す
2. 現在表示中の画面を削除
3. 次に移す画面を表示させる

のような流れでやると上手くと思います。

[Ark-Mist]

状況： 画面内を移動するアニメーションのさせ方を調べてます。 XDの挙動をそのままUnityに起こすイメージ

＜参考＞

[Ark-Mist]

ベースとなる背景をUnity上で作ってます。

問題： 日本語テキストが文字化けする

解決策： UI>レガシー>text　を選択、fontをNotoSansに変更

[Ark-Mist]

問題：

• [ ] 「あそびかた」のテキスト部に外ぶちをつけたい。

解決策： コードからもコンポーネントからもできそう。 ただ、参考とUIが違ってすぐにはできない。 ひとまず後回し。

＜参考＞ https://qiita.com/nkjzm/items/5b8129b5cd94f202e6e9

[Ark-Mist]

状況： ボタンを押したら対象のオブジェクトが表示、非表示されるスクリプトを書いています。

[Ark-Mist]

状況： ボタンを押したら対象のオブジェクトが表示、非表示されるスクリプトを書いています。

問題： オブジェクトの表示非表示を制御するSetActiveという関数が使えない。 その理由と解決策がわかりません。

＜参考＞ https://your-3d.com/unity-set-ac tive/

解決（済） 変数の宣言で型だけしか書いておらず、変数名がなかった、、、。初歩的ミス、、、。

[Ark-Mist]

オブジェクトを表示・非表示させるコード・実装の流れ

1. オブジェクトの素材を準備する。
2. 配列、カウントさせる変数を宣言する。
3. 配列にオブジェクトを格納する。
4. 配列１つ目のオブジェクトを生成する。（start関数）
5. 進ボタンを押したとき、生成されたオブジェクトの配列番号＋１されたオブジェクトを生成する。
6. １つ前の配列番号のオブジェクトを非表示にする。
7. 戻るボタンを押したとき、生成されたオブジェクトの配列番号-１されたオブジェクトを生成する。
8. １つ先の配列番号のオブジェクトを非表示にする。

＜参考＞https://futabazemi.net/unity/button_object_change/

[Ark-Mist]

コード未解決メモ

• [ ] 配列の最大値をLength-1で書きたかったけれど、怒られる。
• [ ] 戻るボタンを押したときに処理される関数に対し、今表示している配列の要素番号を渡す方法。