【非エンジニア向け】 手を動かして学ぶデジタル講座（その3）「バーチャル空間作成入門」

実際に非エンジニアの一般社員の方々を対象に実施したオンライン講座です。
エンジニア育成を目的としているのではなく、一般社員がデジタルへの苦手意識をなくし関心を持ってもらう第一歩になることを目的としています。


今までの講座はこちら
- [【非エンジニア向け】 手を動かして学ぶデジタル講座（その1）「ホームページ作成入門」](https://qiita.com/tatsuya1970/items/4f0e9ac49e1a13fdda88)
- [【非エンジニア向け】 手を動かして学ぶデジタル講座（その2）「LINEチャットボット作成入門」](https://qiita.com/tatsuya1970/items/3e41dbeddc0e2d2fb881)

<br>
では、はじめましょう。
<br>
所要時間は約60分です。


<br>

## １．まず最初に 

### 1-1. 想定する対象者
Unity を触れたことのない方に教えるつもりで進めます。

### 1-2. 完成イメージ

迷路を作ります。

[![Image from Gyazo](https://i.gyazo.com/895bf1f260839a6d75f09ffd494d9f7b.png)](https://gyazo.com/895bf1f260839a6d75f09ffd494d9f7b)


### 1-3. 環境・使用ツールなど

- OS: Windows10以上 または　masOS Catalina以上
- 開発ツール:　Unity
- マウス　<font color="RED"><B>※マウスが無いと操作が大変です。</B></font>


<br>

## ２．事前準備事項


以下の2点にご対応ください。

### (1) cluster のアカウント作成

cluster のサイトでアカウント作成してください。
https://cluster.mu/

[![Image from Gyazo](https://i.gyazo.com/028ea91a3f0c4952c588f08d0476a71b.png)](https://gyazo.com/028ea91a3f0c4952c588f08d0476a71b)

<br>

### (2) Unityインストール

#### (2)-1 Unity Hub ダウンロード
Unity の　ダウンロードページを開く
https://unity3d.com/jp/get-unity/download

「Unity Hub をダウンロード」を押してインストールファイル（UnityHubSetup.exe または UnityHubSetup.dmg）をダウンロードする。

[![Image from Gyazo](https://i.gyazo.com/4499aa050ea64b027d9f3c623469669d.png)](https://gyazo.com/4499aa050ea64b027d9f3c623469669d)

インストールファイル（（UnityHubSetup.exe または UnityHubSetup.dmg）を開き、UnityHubをインストールする。


#### (2)-2 Unity のアカウント作成

Unity Hubのインストールを完了したらの以下のリンク先のページを開き、
https://unity3d.com/jp/get-unity/download/archive

現在のcluster対応バージョン「Unity 2019.4.22f1」の「Unity Hub」ボタンを選択

[![Image from Gyazo](https://i.gyazo.com/0b388cc28757bb3db4793a1dd2dcd4d9.png)](https://gyazo.com/0b388cc28757bb3db4793a1dd2dcd4d9)


Unity Hubが起動し、「アカウントを作成」をクリック
<a href="https://gyazo.com/18c1a19339abbffb63851ba7871b13a1"><img src="https://i.gyazo.com/18c1a19339abbffb63851ba7871b13a1.jpg" alt="Image from Gyazo" width="1450"/></a>

必要事項を入力、同意事項にチェックし、「Unity IDを作成」をクリック
[![Image from Gyazo](https://i.gyazo.com/bf41e48d3a52c4570d642629c9059978.png)](https://gyazo.com/bf41e48d3a52c4570d642629c9059978)

登録したメールアドレスに確認メールが送られる。
メール文中の
Link to confirm email をクリック
[![Image from Gyazo](https://i.gyazo.com/0e86a89053fb2952106623dc12ff30d0.png)](https://gyazo.com/0e86a89053fb2952106623dc12ff30d0)

さっきの画面の「続行」をクリック
[![Image from Gyazo](https://i.gyazo.com/47585a890ecff634a01fb7908e478c60.png)](https://gyazo.com/47585a890ecff634a01fb7908e478c60)

こういう画面に移行したらOK
[![Image from Gyazo](https://i.gyazo.com/7b8d3ddc4ef6e118308eeba7ed861b0e.png)](https://gyazo.com/7b8d3ddc4ef6e118308eeba7ed861b0e)

#### (2)-3 モジュール追加
さきほどの　「Unity Hub にようこそ」画面へいき、「サインイン」
[![Image from Gyazo](https://i.gyazo.com/11ed65bfd6a326093550e4511a875371.jpg)](https://gyazo.com/11ed65bfd6a326093550e4511a875371)

こんな画面になる。
歯車みたいなマークをクリック
[![Image from Gyazo](https://i.gyazo.com/34aadf283cc074063f046d23ce0ec9b8.png)](https://gyazo.com/34aadf283cc074063f046d23ce0ec9b8)

「Add modules」 をクリック
[![Image from Gyazo](https://i.gyazo.com/f50fe63a2ec41c1d2d28bdc3ed22a969.png)](https://gyazo.com/f50fe63a2ec41c1d2d28bdc3ed22a969)


こんな画面になる。
[![Image from Gyazo](https://i.gyazo.com/df020d45899c37cda8f54ae7a5359177.png)](https://gyazo.com/df020d45899c37cda8f54ae7a5359177)


使用しているOSに応じて下記の追加モジュールを選択します。必要な項目にチェックを入れてから「続行」をクリック

<B>Windowsの場合</B>　
Android Build Support
iOS Build Support
Mac Build Support (Mono)
※Microsoft Visual Studio はプログラミングする人は必要

[![Image from Gyazo](https://i.gyazo.com/c13e938ba792848d45dd318eb9214ac6.png)](https://gyazo.com/c13e938ba792848d45dd318eb9214ac6)

<B>macOSの場合</B>
Android Build Support
iOS Build Support
Windows Build Support (Mono)
※Microsoft Visual Studio はプログラミングする人は必要



![スクリーンショット 2022-02-18 18.43.53.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/291592/3fa05534-3332-6ee4-78fd-5c9b845d8efe.png)


<br>



## ３.Unity を触ってみよう

### 3-1. 立ち上げ

Unity Hub　を開いてください。


「新しいプロジェクト」をクリック
[![Image from Gyazo](https://i.gyazo.com/62e29f5bad22dc0f8dc355bf5e31038c.png)](https://gyazo.com/62e29f5bad22dc0f8dc355bf5e31038c)


「すべてのテンプレート」
エディターバージョンを「2019.4.22f1」を選ぶ
3D を選択、
プロジェクト名を入力し、
「プロジェクトを作成」

[![Image from Gyazo](https://i.gyazo.com/c60dcf786c68ea3e31a3b930c12c1d43.png)](https://gyazo.com/c60dcf786c68ea3e31a3b930c12c1d43)

もし、こんなのが出たら、
現在のcluster対応バージョン「Unity 2019.4.22f1」なので、バージョンアップする必要はありません。
「Skip new version」をクリック

[![Image from Gyazo](https://i.gyazo.com/2cb622fd30ef1f0f78cd048d4ea43ed7.png)](https://gyazo.com/2cb622fd30ef1f0f78cd048d4ea43ed7)


最初はこんな画面
[![Image from Gyazo](https://i.gyazo.com/be0ce4150792f8dad2e1675817b723af.png)](https://gyazo.com/be0ce4150792f8dad2e1675817b723af)

もし私と同じレイアウトでなければ、
レイアウトをデフォルトにしてください。
[![Image from Gyazo](https://i.gyazo.com/34400fe16514b512b5e318636d99ec3a.png)](https://gyazo.com/34400fe16514b512b5e318636d99ec3a)


下図の「Scene」タブをクリック
ここで、バーチャル空間を作成します。
[![Image from Gyazo](https://i.gyazo.com/2ad972843757483f117f90c300e69a9a.png)](https://gyazo.com/2ad972843757483f117f90c300e69a9a)


### 3-2. 各ウィンドウの説明

[![Image from Gyazo](https://i.gyazo.com/36c63f5d315a6992067def64b3384690.png)](https://gyazo.com/36c63f5d315a6992067def64b3384690)

- Hierarchy （ヒエラルキー）ウィンドウ<br>シーンにある全オブジェクトを階層的に表示

- Scene（シーン）ビュー<br>編集画面

- Inspector（インスペクター）ウィンドウ<br>選択中のオブジェクトの内容の表示・編集

- Project（プロジェクト）ウィンドウ<br>プロジェクト全体のオブジェクトやスクリプト等の全てを表示


### 3-3. 手を動かしてみよう（オブジェクト作成）

#### 3-3-1. 床を作る

Hierarchy　＞ プラスマーク　＞　3D Object　＞　Plane
[![Image from Gyazo](https://i.gyazo.com/c8a326d8fed445594900a3ac4d16fda6.png)](https://gyazo.com/c8a326d8fed445594900a3ac4d16fda6)

床ができた。
[![Image from Gyazo](https://i.gyazo.com/a58c1117f629d61b7a224243ce9dac41.png)](https://gyazo.com/a58c1117f629d61b7a224243ce9dac41)

Inspector の Transform  で位置(Position)、回転(Rotation)、大きさ(Scale）を調整する。 
[![Image from Gyazo](https://i.gyazo.com/29575d21ca35c230b66f30ea8611c2bc.png)](https://gyazo.com/29575d21ca35c230b66f30ea8611c2bc)

ためしに、Scale XとZに5をいれると
床が広くなりました。
[![Image from Gyazo](https://i.gyazo.com/495a18014e5096ef714c855106d5d2cb.png)](https://gyazo.com/495a18014e5096ef714c855106d5d2cb)

ちなみに、plane は Yに何をいれても変わりません。

#### 3-3-2. キューブ
Hierarchy　＞ プラスマーク　＞　3D Object　＞　Cube
[![Image from Gyazo](https://i.gyazo.com/5e16cbbcd661a62c6b7c8d53fbe3752e.png)](https://gyazo.com/5e16cbbcd661a62c6b7c8d53fbe3752e)

床に半分埋まったCube が現れる
[![Image from Gyazo](https://i.gyazo.com/8e3a5f662b650541435092c04007135e.png)](https://gyazo.com/8e3a5f662b650541435092c04007135e)

cube　についてる黄緑色・赤・青の矢印をドラッグすれば、位置を調整することができる
[![Image from Gyazo](https://i.gyazo.com/a20e14f2524fdf16ad5713f83a61e276.gif)](https://gyazo.com/a20e14f2524fdf16ad5713f83a61e276)

cube に矢印がない場合は、以下画像の左上のマークをクリックしてください。
[![Image from Gyazo](https://i.gyazo.com/ce45c35f813082ced30708ab16e0509e.png)](https://gyazo.com/ce45c35f813082ced30708ab16e0509e)


#### 3-3-3. 球
同じように
Hierarchy　＞ プラスマーク　＞　3D Object　＞　Sphere
球体が現れる。（下画像は位置調整後）

[![Image from Gyazo](https://i.gyazo.com/681326832d7b6b756512f9379c821cac.png)](https://gyazo.com/681326832d7b6b756512f9379c821cac)

同じように
Hierarchy　＞ プラスマーク　＞　3D Object　＞　Sphere
球体が現れる。（下画像は位置調整後）

#### 3-3-4. カプセル、円柱
Hierarchy　＞ プラスマーク　＞　3D Object　＞　Capsule

Hierarchy　＞ プラスマーク　＞　3D Object　＞　Cylinder

[![Image from Gyazo](https://i.gyazo.com/e908d4ce5a75db51a6bb1c92e6879a9a.png)](https://gyazo.com/e908d4ce5a75db51a6bb1c92e6879a9a)


### 3-4. セーブ

とりあえずセーブしましょう。

File > Save As
[![Image from Gyazo](https://i.gyazo.com/944a63a01e3bc336282856f2de068ec4.png)](https://gyazo.com/944a63a01e3bc336282856f2de068ec4)

気が付いたらこまめにセーブしてください。

コントロール（Ctrl） +　S
または
File > Save


### 3-5．色の付け方

Project ウィンドウ　の「プラスマーク」をクリック
[![Image from Gyazo](https://i.gyazo.com/d278da9c6dba50718b7433a406260fb8.png)](https://gyazo.com/d278da9c6dba50718b7433a406260fb8)

Material
[![Image from Gyazo](https://i.gyazo.com/0977a725c6ddaa41e16333091add740c.png)](https://gyazo.com/0977a725c6ddaa41e16333091add740c)

Project ウィンドウに　New Material が現れる

[![Image from Gyazo](https://i.gyazo.com/4419e0cf76637844d34983668fb7e4f9.png)](https://gyazo.com/4419e0cf76637844d34983668fb7e4f9)

名前を変えます。
右クリック → Rename
床の色として、FloorColor とする。

[![Image from Gyazo](https://i.gyazo.com/4068af7fa5e450c37b45c39a7af5f3ec.png)](https://gyazo.com/4068af7fa5e450c37b45c39a7af5f3ec)

Material_を選択した状態で、 InspectorにあるAlbedo項目の色設定（白い四角）をクリックします。

[![Image from Gyazo](https://i.gyazo.com/71d9eda67411685efb0f5f2e25cf88a6.png)](https://gyazo.com/71d9eda67411685efb0f5f2e25cf88a6)

色を選びます。
[![Image from Gyazo](https://i.gyazo.com/040d96ee82e29d9bac460928d62521da.png)](https://gyazo.com/040d96ee82e29d9bac460928d62521da)

色が変わりました。
[![Image from Gyazo](https://i.gyazo.com/e550bc6f9ed2c7697b511454ef587d39.png)](https://gyazo.com/e550bc6f9ed2c7697b511454ef587d39)

Hierarchy で、色を適用したいオブジェクト（Plane）を選択し、
いろいろな方法があるけど今回は Project ウィンドウのFloorColor を Inspectorウィンドウの空白へドラッグ＆ドロップする。
[![Image from Gyazo](https://i.gyazo.com/f91356eb741e0383afb00c4fd66f9b05.png)](https://gyazo.com/f91356eb741e0383afb00c4fd66f9b05)

床の色が反映されました。
[![Image from Gyazo](https://i.gyazo.com/c557f027639094cebc94bfecb4a247b7.png)](https://gyazo.com/c557f027639094cebc94bfecb4a247b7)


### 3-6. 模様の付け方（今日はしません）

他のオブジェクト（キューブや球）にも同じ方法で色をつけることができます。

今日はしませんが、模様をつけることもできます。
Inspector ウィンドウの Shader > Unlit > Texture 
[![Image from Gyazo](https://i.gyazo.com/f21187db0f44a996735894ab87ada859.png)](https://gyazo.com/f21187db0f44a996735894ab87ada859)

別途用意した模様の画像ファイルを選ぶ
[![Image from Gyazo](https://i.gyazo.com/e3b20add56485f79ea712aaaf0723c94.png)](https://gyazo.com/e3b20add56485f79ea712aaaf0723c94)

例えば、こんな画像を選んで、
[![Image from Gyazo](https://i.gyazo.com/794416647b60520bbc75f3e39e69a8e8.png)](https://gyazo.com/794416647b60520bbc75f3e39e69a8e8)

さきほど色を付けたのと同じ手順をすれば、
このとおり、床に模様をつけることができます。
[![Image from Gyazo](https://i.gyazo.com/3487c5ce8d8992e2293435f37178d222.png)](https://gyazo.com/3487c5ce8d8992e2293435f37178d222)



### 3-7．視点

マウスを使います。<br>
マウスないと無理です。

- 視点の回転	：マウス右ボタンドラッグ
- 視点の平行移動	：マウス中ボタンドラッグ
- 視点のズーム	：マウスホイール
- オブジェクトに視点をフィットさせる　：Hierarchyでオブジェクトをダブルクリック

以下の動画はすべてマウス操作です。私は感覚的に操作してます。
[![Image from Gyazo](https://i.gyazo.com/675a6e427a11b3fddc69474a39068d2b.gif)](https://gyazo.com/675a6e427a11b3fddc69474a39068d2b)


もとに戻したいときは、シーンギズモを右クリックし Free を選択します。
[![Image from Gyazo](https://i.gyazo.com/9b59f2fb3da48911e44ad0004353035b.png)](https://gyazo.com/9b59f2fb3da48911e44ad0004353035b)


<br>
今から2分間、Unity で適当に遊んで操作になれてください。
オブジェクトを増やしたり、大きさを変えたり、マウス操作の練習したり


<br>
（講師メモ：開始40分）
<br>


## ４．迷路を作ろう

### 4-1. 準備

床を残して、さっき作ったものを消します。

Hierarchyで　Plane 削除したい以外の削除したいものをまとめて選択し、右クリック＞　Delete
 
[![Image from Gyazo](https://i.gyazo.com/641914b4c9cdcf335fd188bd24e24ca1.png)](https://gyazo.com/641914b4c9cdcf335fd188bd24e24ca1)

床(Plane)だけになります。
[![Image from Gyazo](https://i.gyazo.com/7e9ab96ac26051e0addfa8a948f25203.png)](https://gyazo.com/7e9ab96ac26051e0addfa8a948f25203)


### 4-2. 大きさのイメージ

Scale の単位は　plane が10メートル、cubeは1メートルです。

イメージつきやすいように、後ほどアップするcluster のアバターと比較すると

[![Image from Gyazo](https://i.gyazo.com/b3cee81b12650911dedaf7816ee4768b.png)](https://gyazo.com/b3cee81b12650911dedaf7816ee4768b)



### 4-3. ひとりでやってみるタイム

![3600fb35b96dcd212cc0d4b6f3240e74.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/291592/46cca3fa-64b0-e1e0-3c84-dc34927108a1.png)

cube　をシーンに配置して、大きさを変えたり、色を付けたりして、自分オリジナルの迷路を作ってみましょう。

- 床(Plane)の scale はお任せしますが、 講師の例はX軸 2、Y軸 1、Z軸 2　です。
- cluster のキャラクターは垂直飛び1メールあるので、ブロックの高さは1.5メートル以上がいいです。
- ゴールには赤い球体を配置してください。
　※色の付け方は先ほどお伝えしましたね。
- 入口の設定は後ほど


イメージ図
[![Image from Gyazo](https://i.gyazo.com/0ba627911c3e627e7c02caf496317c50.png)](https://gyazo.com/0ba627911c3e627e7c02caf496317c50)



教えてないですが、この辺をいろいろいじってみましょう。
マウス操作で拡大したり、回転したりできます。
[![Image from Gyazo](https://i.gyazo.com/2b5e4e6bca6f1218a04a096f8f413d79.png)](https://gyazo.com/2b5e4e6bca6f1218a04a096f8f413d79)

間違えたら、undo したらいいだけなので、いろいろ試してみましょう。
undo は Edit をクリックしたら出てきます。

[![Image from Gyazo](https://i.gyazo.com/2a3c63e93f79aafa3da615c03e43ec69.png)](https://gyazo.com/2a3c63e93f79aafa3da615c03e43ec69)


さあ、始めましょう　（10分）

（講師メモ：BGMかける）


<br><br>



## ５. cluster 対応　（今日はしません）

### 5-1. cluster SDKを付ける

Edit > Project Settings
[![Image from Gyazo](https://i.gyazo.com/88ef68a2199e4d7913723db29c592357.png)](https://gyazo.com/88ef68a2199e4d7913723db29c592357)


ウィンドウ内左のタブから「Package Manager」を選択し、「Scoped Registries」に以下のように追加し、「Save」をクリックする。

Name: Cluster
URL : https://registry.npmjs.com
Scope(s) : mu.cluster

[![Image from Gyazo](https://i.gyazo.com/eb24008ca1339eef07d845add758190d.png)](https://gyazo.com/eb24008ca1339eef07d845add758190d)

ここは閉じてOKです。


Window > Package Manager から「Packages」ウィンドウを開きます。
[![Image from Gyazo](https://i.gyazo.com/623acc81589e364a057d33da9ebad9e2.png)](https://gyazo.com/623acc81589e364a057d33da9ebad9e2)


ウィンドウ上部のドロップダウンより「My Registries」を選択します。
[![Image from Gyazo](https://i.gyazo.com/acfecedd27b42ea7d8fb75fc2e7786bc.png)](https://gyazo.com/acfecedd27b42ea7d8fb75fc2e7786bc)

表示されたリスト内から Cluster, Inc. > Cluster Creator Kit を選択し、「Install」ボタンを押します。
[![Image from Gyazo](https://i.gyazo.com/3ed38d9122db0fa2b66bae9a055f0d09.png)](https://gyazo.com/3ed38d9122db0fa2b66bae9a055f0d09)

Unityのメニューに「Cluster」の項目が追加されていればCreator Kitの導入は完了です。
[![Image from Gyazo](https://i.gyazo.com/bb1cca7de9691aa1358a4130e9209626.png)](https://gyazo.com/bb1cca7de9691aa1358a4130e9209626)


Edit > Project Settings 
[![Image from Gyazo](https://i.gyazo.com/971e7b585a06635d74a5c499bf0624d5.png)](https://gyazo.com/971e7b585a06635d74a5c499bf0624d5)

以下の通り設定します。
Player > Other Settings > Rendering > Color Space
を
Linear　に設定

[![Image from Gyazo](https://i.gyazo.com/6933bed9d7e8d39dfc307be5571a9e3f.png)](https://gyazo.com/6933bed9d7e8d39dfc307be5571a9e3f)

ここは閉じて結構です。



### 5-2. 設定

cluster へアップロードする必要最低限の設定をします。

- SpawnPoint（プレイヤーの出現ポイント）
- DespawnHeight（プレイヤーが消滅する高さ）
- Collider（衝突可能なオブジェクト）


#### 5-2-1. SpawnPoint
プレイヤーの出現ポイントを設定します。

Hierarchy ウィンドウで、空のオブジェクトを作成します。
プラスマーク > Create Empty

[![Image from Gyazo](https://i.gyazo.com/6ae0801a22a198e2f8fe309444f271fc.png)](https://gyazo.com/6ae0801a22a198e2f8fe309444f271fc)

Hierarchy ウィンドウに新しく GameObject ができる。
[![Image from Gyazo](https://i.gyazo.com/fc39efdf5312af5f461c9b114b72d096.png)](https://gyazo.com/fc39efdf5312af5f461c9b114b72d096)

あとで判別しやすいように名前を「Spawn」に変える
[![Image from Gyazo](https://i.gyazo.com/4a77ba45c6b485e3e6ca59e10f4dec80.png)](https://gyazo.com/4a77ba45c6b485e3e6ca59e10f4dec80)

Inspector ウィンドウで、
(1)Add Component
(2)spawn で検索
(3)Spawn Point を選択
[![Image from Gyazo](https://i.gyazo.com/e11c76bbc795b97c5d01e68727e74376.png)](https://gyazo.com/e11c76bbc795b97c5d01e68727e74376)

Inspector ウィンドウに 新しいコンポーネント[Spawn Point(Script)]が追加され、
シーンビューに緑色の球体が現れる。
[![Image from Gyazo](https://i.gyazo.com/de1fc28c0940c4e01b386b461c98cac0.png)](https://gyazo.com/de1fc28c0940c4e01b386b461c98cac0)


この緑色の球体を、ワールドに訪問した人を最初に出現させたい位置へマウス操作で移動する。
（青の矢印の向きが正面）

[![Image from Gyazo](https://i.gyazo.com/bba3872143d898fcb26aa250b7df8564.png)](https://gyazo.com/bba3872143d898fcb26aa250b7df8564)


#### 5-2-2. DespawnHeight

プレイヤーが消滅する高さを設定します。

Hierarchy ウィンドウで、空のオブジェクトを作成します。
プラスマーク > Create Empty

Hierarchy ウィンドウに新しくGameObject ができる。
[![Image from Gyazo](https://i.gyazo.com/2be6c958b6b885c5c02c4cc4f5f2db69.png)](https://gyazo.com/2be6c958b6b885c5c02c4cc4f5f2db69)

名前を「Despawn」に変更
[![Image from Gyazo](https://i.gyazo.com/3a31e19541304c84664ea279e79946da.png)](https://gyazo.com/3a31e19541304c84664ea279e79946da)


Inspector ウィンドウで、
(1)Add Component
(2)despawn で検索
(3)Despawn Height を選択

[![Image from Gyazo](https://i.gyazo.com/1d44d4dc96d896a25c66b480d7ff0754.png)](https://gyazo.com/1d44d4dc96d896a25c66b480d7ff0754)

[![Image from Gyazo](https://i.gyazo.com/7fb556a84989a1303d7a692067c74041.png)](https://gyazo.com/7fb556a84989a1303d7a692067c74041)]

プレイヤーがこの黄色の床に落ちたら、最初の場所に戻ります。
この黄色の床の位置を、黄緑の矢印をマウス操作で移動します。

[![Image from Gyazo](https://i.gyazo.com/f06f0c1bc04d4f49872dcbff2693ab69.png)](https://gyazo.com/f06f0c1bc04d4f49872dcbff2693ab69)

#### 5-2-3. Collider
最低限、床にコリダーをつけます。
今回の床は既にコリダーがついてるので結構です。
つけないと、床を突き抜けてしまいます。

#### 5-2-4. Camera の削除
Hierachy の　main camera は削除してください。
（cluster の場合）

[![Image from Gyazo](https://i.gyazo.com/d541e63842d74706d439a80bc5fc158e.png)](https://gyazo.com/d541e63842d74706d439a80bc5fc158e)





### 5-3. Play
これで cluster へのアップロードの準備ができました。

アップロードする前に、挙動を確認しましょう。
Ｐｌａｙボタンを押します。

[![Image from Gyazo](https://i.gyazo.com/eef95d430fec7e762b911059d51f1e7e.png)](https://gyazo.com/eef95d430fec7e762b911059d51f1e7e)


[![Image from Gyazo](https://i.gyazo.com/0220f60f38da10f5dafbed7cee091c40.gif)](https://gyazo.com/0220f60f38da10f5dafbed7cee091c40)


Playで確認し、気に入らないところは直しましょう。


### 5-4. cluster へのアップロード

#### 5-4-1. 高速化・環境光の設定
普通に　cluster のアップロードをすると凄く時間がかかるので、高速にするためにリンク先のとおりの設定をする。

[ワールドアップロードの高速化](https://scrapbox.io/clusterwiki/%E3%83%AF%E3%83%BC%E3%83%AB%E3%83%89%E3%82%A2%E3%83%83%E3%83%97%E3%83%AD%E3%83%BC%E3%83%89%E3%81%AE%E9%AB%98%E9%80%9F%E5%8C%96)


Unityの環境光の設定　（スマホやVRでは影が暗くなる、真っ黒になるので）を以下のリンクのとおりにする

https://twitter.com/905_listener/status/1479680705185849345?s=20



<BR>

#### 5-4-2. アップロード

cluster > ワールドアップロード

[![Image from Gyazo](https://i.gyazo.com/26e0987cf65fdb4357aa37d8bff744a9.png)](https://gyazo.com/26e0987cf65fdb4357aa37d8bff744a9)


新規作成
[![Image from Gyazo](https://i.gyazo.com/76d2b537e052b84285e7cab31aab796c.png)](https://gyazo.com/76d2b537e052b84285e7cab31aab796c)



・画像の選択
・ワールド名、ワールドの説明を入力
・「〇〇としてアップロードする」
[![Image from Gyazo](https://i.gyazo.com/37154a18b27c23c08002db2960add559.png)](https://gyazo.com/37154a18b27c23c08002db2960add559)

数分後、こんな画面になれば、成功です。

「ワールドに入る」を押して、ワールドに入ってみましょう。


[![Image from Gyazo](https://i.gyazo.com/63a5a7bdac77d6c6126c81212b349c93.png)](https://gyazo.com/63a5a7bdac77d6c6126c81212b349c93)

「cluster を起動」
[![Image from Gyazo](https://i.gyazo.com/b19b73d367792884e801b870d27c4670.png)](https://gyazo.com/b19b73d367792884e801b870d27c4670)

[![Image from Gyazo](https://i.gyazo.com/61db11a5d5349c4c9802b1f69fef01d1.gif)](https://gyazo.com/61db11a5d5349c4c9802b1f69fef01d1)

さっきの画面で、
「公開する」をクリックすると、全世界に公開されます。

[![Image from Gyazo](https://i.gyazo.com/d2902925000c0904fc4426aff3efbf6a.png)](https://gyazo.com/d2902925000c0904fc4426aff3efbf6a)


ついに、あなただけの世界で１つのメタバースが完成しました。

おめでとうございます。

<br>







## 6．今後


### 6-1. アセットストア

今日は、キューブや球体で、いまいち面白みがないです。
かといって、オリジナルの３Dモデルを作るのは結構大変です。

そんなときには、Unity アセットストア

ここからはいれます。
https://assetstore.unity.com/?locale=ja-JP

Unity からも入れます。
[![Image from Gyazo](https://i.gyazo.com/0d166f9ee6e6e202dbadc6c0188fb6ab.png)](https://gyazo.com/0d166f9ee6e6e202dbadc6c0188fb6ab)

Unity アセットストアのウェブサイト
[![Image from Gyazo](https://i.gyazo.com/0c143368df9f473bb95cd1589ce16bec.png)](https://gyazo.com/0c143368df9f473bb95cd1589ce16bec)

たとえば、こんなアセット が無料で手に入ります。
[![Image from Gyazo](https://i.gyazo.com/ccd5c339b9fb4a68edbd7d78f9c9104b.jpg)](https://gyazo.com/ccd5c339b9fb4a68edbd7d78f9c9104b)
<br>

### 6-2. blender

本格的に３Dモデリングを始めたい人は、blender がおすすめ。
これもUnity と同じく無料なのに、プロ級のことができます。

https://www.blender.org/

[![Image from Gyazo](https://i.gyazo.com/78bb5318a1f1c8befb35bacd32f18970.jpg)](https://gyazo.com/78bb5318a1f1c8befb35bacd32f18970)



### 6-3. cluster の公式を読もう

ワールドやゲームの作り方が懇切丁寧に書かれてます。
https://creator.cluster.mu/

[![Image from Gyazo](https://i.gyazo.com/9e456f979239d6b4e6b79fc422763dc8.png)](https://gyazo.com/9e456f979239d6b4e6b79fc422763dc8)



### 6-4. コンテストを活用しよう

cluster では毎月お題企画として、ワールドのコンテストを開催しています。

2月は猫の日にちなんで、猫に関するワールド
![rectangle_large_type_2_dbe4d51aef6c2fee6df9e5cdb8c6cb5a.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/291592/32d59f75-c4b6-0aa8-a5f2-f5ea79c4ab29.png)

ぼくも応募しました。
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">「パラボとチョコ展」開催中！<br>うちのペットのパラボとチョコの写真と動画を展示してます。<a href="https://twitter.com/hashtag/%E5%A4%A7%E3%81%AB%E3%82%83%E3%82%93%E3%81%93%E7%A5%AD?src=hash&amp;ref_src=twsrc%5Etfw">#大にゃんこ祭</a> <a href="https://twitter.com/hashtag/cluster%E3%81%8A%E9%A1%8C%E4%BC%81%E7%94%BB?src=hash&amp;ref_src=twsrc%5Etfw">#clusterお題企画</a> <a href="https://twitter.com/hashtag/cluster?src=hash&amp;ref_src=twsrc%5Etfw">#cluster</a><a href="https://t.co/2Y3LghJ7Fn">https://t.co/2Y3LghJ7Fn</a> <a href="https://t.co/agKFae0qdF">pic.twitter.com/agKFae0qdF</a></p>&mdash; たつや (@tatsuya1970) <a href="https://twitter.com/tatsuya1970/status/1495374219403993089?ref_src=twsrc%5Etfw">February 20, 2022</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>




### 6-5. もっと簡単にワールド作りたい人は

スマホでもワールドが作れる機能が最近できました。
https://note.com/cluster_official/n/nb9e0173f009a

![rectangle_large_type_2_604a6fa949f4f7ebe0a6ae1cf24aa9b1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/291592/bb225467-b6c3-60f7-5538-63a7dbde6dd8.png)

### 6-6. イベントに参加しよう、開催しよう

#### プレゼンイベント

![EZLXCD-UYAAFsa3.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/291592/a9ef6209-0081-59bb-48e6-3e3f5a20f3a7.jpeg)

![02-1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/291592/58f3ef94-2d2c-3b3d-f3cc-22d75cf62440.png)


#### DJイベント
![3fc35432-0818-4897-87e6-a8ee4ffd8406.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/291592/131dd5b3-53cb-c0aa-b6c5-840bf6fc4abf.png)

![dea4f2ab-3d10-487f-80fe-389bcf4f799d.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/291592/740d1490-4c6e-614f-ca03-42306f2b47e0.png)



### 6-7. ＶＲ機器

初心者へのオススメは
Oculus Quest2
[![Image from Gyazo](https://i.gyazo.com/6da205d1a24af60b95d4ff44b2569e2f.png)](https://gyazo.com/6da205d1a24af60b95d4ff44b2569e2f)


### 6-8. 最後に私の作品

https://cluster.mu/u/tatsuya1970

[![Image from Gyazo](https://i.gyazo.com/638a27a65aa361ac071389f641704717.png)](https://gyazo.com/638a27a65aa361ac071389f641704717)


<br>

## ７．　終わりに


これで終わります。
ありがとうございました。

かっこいいものを作ろうだなんて、難しいことを考えずに、どんなに自分でダメだと思ったとしても、とりあえず何か作ったら cluster にアップロードしてみましょう。
アップロード前後で世界は違って見えるはずです。

この記事が、clusterのワールドをアップロードするなど、皆さまの創作活動を始めるキッカケになったら、これ以上嬉しいことはありません。

<br>