#cluster Creator Kit ON/OFF スイッチの作り方

初心者向け Cluster Creator Kit の使い方記事です。
簡単な例として　ON/OFF スイッチを作ってみましょう。
(プログラミングの世界では ON/OFF で表示が切り替わるスイッチは トグルスイッチ と呼ばれたりします)

この記事で作れるようになる ON/OFF スイッチ

https://youtu.be/P-lDQYOXXzQ

対象

• Unity の基本操作は理解できている人
• 公式 はじめてのゲームワールド作成 を読んで試してみた人
• Cluster Creator Kit に興味があり、試してみた事がある方

はじめに

公式 はじめてのゲームワールド作成 は手順を丁寧に説明してあるので試した方が対象です。はじめてのワールド制作記事をみても理解できない方は、Creator Kit 利用は難しいかと思います。

サンプルプロジェクトを用意する

環境構築を省くため 公式 はじめてのゲームワールド作成 で紹介されているサンプルプロジェクトを利用します。

1. ClusterCreatorKitSample-master をダウンロードする
2. Unity Hub で開く
3. Creator Kit の導入 を参考に Creator Kit を導入する
4. Project から ClusterVR -> Scenes -> MinimalSample のシーンを開く

こんな画面になっているハズ。

ON/OFF スイッチを作る

Sceneの準備ができたのでON/OFFスイッチを作っていきます。

見た目の作成

まずは ON/OFF スイッチの見た目の作成を行います。青色 ON, 赤色 OFF の Cube で作成して行きます。

1. Cube を二つ作成する
   1. Hierarchyで右クリック Create Empty で GameObject を追加
   2. GameObject の名前を ONOFFSwitch に設定する
   3. ONOFFSwitch 以下に GameObject を二つ追加して名前を ONSwitch OFFSwitchに設定する
   4. ONSwitch , OFFSwitch 以下に Cube を1つづつ 追加する
2. 赤、青 マテリアルを作って Cube それぞれに設定する
   1. Project -> Asset 右クリック Create -> Folder を追加
   2. Folder に Material と名前を設定する
   3. Material フォルダを選択
   4. 右クリック Create -> Material で２つマテリアルを作る
   5. ON Material , OFF Material と名前をつける
   6. ON Material を選択し inspector で青色に設定する
   7. OFF Material を選択し inspector で赤色に設定する
      3．Cube にマテリアルを設定する
   8. Hierarchy の ONSwitch 以下の Cube に プロジェクト欄のマテリアル を ON Materialドラッグして設定する
   9. Hierarchy の OFFSwitch 以下の Cube に プロジェクト欄のマテリアル を OFF Materialドラッグして設定する

設定を終えるとこんな画面になっているハズ。

Creator Kit の組み込み

見た目ができたので Creator Kit の組み込みを行っていきまましょう。
青色 Cube を触れると 赤色 Cube　に切り替えたいので、
使うコンポーネントは 下の3つとなります。

• Interact Item Trigger
• Global Logic
• Set Game Object Active Gimmick

1. まず Creator Kit ドキュメントの確認をする
   Interact Item Trigger
   Global Logic
   Set Game Object Active Gimmick

ONOFFSwitch のコンポーネント設定

1. Hierarchy で ONOFFSwitch を選択する

2. Inspector で Add Component ボタンを押す

3. Interact Item Trigger コンポーネントを追加する

   1. Targets + を 1回 押おす
   2. Target Global Interact Signal を設定する

4. Global Logic コンポーネントを追加する

   1. Target Global Key Interact を設定

   2. Targets + を 1回 押おす

   3. Toggle Bool Not RoomState Toggle を設定する

   4. Targets + を 1回 押おす

   5. isOn Bool Equals RoomState Toggle
      　　　　　 Constant true (チェクを入れる) を設定する

   6. Targets + を 1回 押おす

   7. isOff Bool Equals RoomState Toggle
      　　　　　 Constant false (チェクを外す) を設定する
      

OFFSwitch のコンポーネント設定

1. Hierarchy で OFFSwitch を選択する
2. Set Game Object Active Gimmick を追加
3. Global isOff
   

ONSwitch のコンポーネント設定

1. Hierarchy で OFFSwitch を選択する
2. Set Game Object Active Gimmick を追加
3. Global isOn
4. inspector で 初期表示を非表示にする
   

ここまでの設定で ON/OFF 切り替えできるトグルボタンを通来る事ができました。
実行して試してみてください。

https://youtu.be/xLnZmAReh90

ボタンの見た目を豪華にする (おまけ)

ボタンがCubeだと地味だと思うので、豪華にしてみましょう。
Booth で配布されている　【無料】ボタン(スイッチ)【Unity用】　の見た目にしてみる手順です。
Cube を差し替えるだけなので簡単です。

1. Booth で 　【無料】ボタン(スイッチ)【Unity用】 を購入する
2. ダウンロードしたファイルを展開する
3. Switch1(20200624).unitypackage をダブルクリックしてプロジェクトに追加する
4. Project -> Assets -> MeshibeShirayuri -> Models -> Switch1 があることを確認する

ONSwitch を Switch(Red)　の見た目にする

1. ONSwitch 以下に　Switch(Red) をドラッグ＆ドロップする
2. 不要になった Cube を Inspectorで非表示にする
3. Switch(Red)を選択してinspector で transform の rotation 回転を調整
   rotation 0,180,0

OFFSwitch を Switch(Blue)　の見た目にする

1. OFFSwitch 以下に　Switch(Blue) をドラッグ＆ドロップする
2. 不要になった Cube を Inspectorで非表示にする
3. Switch(Blue)を選択してinspector で transform の rotation 回転を調整
   rotation 0,180,0

https://youtu.be/P-lDQYOXXzQ

こんなスイッチになっているハズ。