#cluster Creator Kit ON/OFF スイッチの作り方
初心者向け Cluster Creator Kit の使い方記事です。
簡単な例として ON/OFF スイッチを作ってみましょう。
(プログラミングの世界では ON/OFF で表示が切り替わるスイッチは トグルスイッチ
と呼ばれたりします)
この記事で作れるようになる ON/OFF スイッチ
対象
- Unity の基本操作は理解できている人
- 公式 はじめてのゲームワールド作成 を読んで試してみた人
- Cluster Creator Kit に興味があり、試してみた事がある方
はじめに
公式 はじめてのゲームワールド作成 は手順を丁寧に説明してあるので試した方が対象です。はじめてのワールド制作記事をみても理解できない方は、Creator Kit 利用は難しいかと思います。
サンプルプロジェクトを用意する
環境構築を省くため 公式 はじめてのゲームワールド作成 で紹介されているサンプルプロジェクトを利用します。
- ClusterCreatorKitSample-master をダウンロードする
- Unity Hub で開く
- Creator Kit の導入 を参考に Creator Kit を導入する
- Project から ClusterVR -> Scenes -> MinimalSample のシーンを開く
こんな画面になっているハズ。
ON/OFF スイッチを作る
Sceneの準備ができたのでON/OFFスイッチを作っていきます。
見た目の作成
まずは ON/OFF スイッチの見た目の作成を行います。青色 ON, 赤色 OFF の Cube で作成して行きます。
- Cube を二つ作成する
- Hierarchyで右クリック Create Empty で GameObject を追加
- GameObject の名前を ONOFFSwitch に設定する
-
ONOFFSwitch
以下に GameObject を二つ追加して名前をONSwitch
OFFSwitch
に設定する - ONSwitch , OFFSwitch 以下に Cube を1つづつ 追加する
- 赤、青 マテリアルを作って Cube それぞれに設定する
- Project -> Asset 右クリック Create -> Folder を追加
- Folder に Material と名前を設定する
- Material フォルダを選択
- 右クリック Create -> Material で2つマテリアルを作る
- ON Material , OFF Material と名前をつける
- ON Material を選択し inspector で青色に設定する
- OFF Material を選択し inspector で赤色に設定する
3.Cube にマテリアルを設定する - Hierarchy の ONSwitch 以下の Cube に プロジェクト欄のマテリアル を ON Materialドラッグして設定する
- Hierarchy の OFFSwitch 以下の Cube に プロジェクト欄のマテリアル を OFF Materialドラッグして設定する
設定を終えるとこんな画面になっているハズ。
Creator Kit の組み込み
見た目ができたので Creator Kit の組み込みを行っていきまましょう。
青色 Cube を触れると 赤色 Cube に切り替えたいので、
使うコンポーネントは 下の3つとなります。
- Interact Item Trigger
- Global Logic
- Set Game Object Active Gimmick
- まず Creator Kit ドキュメントの確認をする
Interact Item Trigger
Global Logic
Set Game Object Active Gimmick
ONOFFSwitch のコンポーネント設定
-
Hierarchy で ONOFFSwitch を選択する
-
Inspector で Add Component ボタンを押す
-
Interact Item Trigger コンポーネントを追加する
- Targets + を 1回 押おす
- Target Global Interact Signal を設定する
-
Global Logic コンポーネントを追加する
-
Target Global Key Interact を設定
-
Targets + を 1回 押おす
-
Toggle Bool Not RoomState Toggle を設定する
-
Targets + を 1回 押おす
-
isOn Bool Equals RoomState Toggle
Constant true (チェクを入れる) を設定する -
Targets + を 1回 押おす
-
isOff Bool Equals RoomState Toggle
Constant false (チェクを外す) を設定する
-
OFFSwitch のコンポーネント設定
- Hierarchy で OFFSwitch を選択する
- Set Game Object Active Gimmick を追加
- Global isOff
ONSwitch のコンポーネント設定
- Hierarchy で OFFSwitch を選択する
- Set Game Object Active Gimmick を追加
- Global isOn
- inspector で 初期表示を非表示にする
ここまでの設定で ON/OFF 切り替えできるトグルボタンを通来る事ができました。
実行して試してみてください。
ボタンの見た目を豪華にする (おまけ)
ボタンがCubeだと地味だと思うので、豪華にしてみましょう。
Booth で配布されている 【無料】ボタン(スイッチ)【Unity用】 の見た目にしてみる手順です。
Cube を差し替えるだけなので簡単です。
- Booth で 【無料】ボタン(スイッチ)【Unity用】 を購入する
- ダウンロードしたファイルを展開する
- Switch1(20200624).unitypackage をダブルクリックしてプロジェクトに追加する
- Project -> Assets -> MeshibeShirayuri -> Models -> Switch1 があることを確認する
ONSwitch を Switch(Red) の見た目にする
-
ONSwitch
以下に Switch(Red) をドラッグ&ドロップする - 不要になった Cube を Inspectorで非表示にする
- Switch(Red)を選択してinspector で transform の rotation 回転を調整
rotation 0,180,0
OFFSwitch を Switch(Blue) の見た目にする
-
OFFSwitch
以下に Switch(Blue) をドラッグ&ドロップする - 不要になった Cube を Inspectorで非表示にする
- Switch(Blue)を選択してinspector で transform の rotation 回転を調整
rotation 0,180,0
こんなスイッチになっているハズ。
Discussion