【非エンジニア向け】メタバース（cluster）作成講座



## １．まず最初に 

実際に非エンジニアの一般社員の方々を対象に実施したオンライン講座です。

内容は以前実施したこちらの講座からアップグレードしてます。
https://qiita.com/tatsuya1970/items/9e926f6279d54a3226d8


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

RPGに出てくるような村を作ります。

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


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

- OS: Windows10以上 または　masOS Catalina以上
- 開発ツール:　Unity

## 2. 講座当日までの事前準備事項

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

### 2-1. cluster のアカウント作成

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

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

<br>

### 2-2. Unityインストール

Unityは、メタバースなどの３Dのサービスやアプリケーションを作る世界的な標準ソフトです。

今回はcluster にワールドをアップロードしますので、cluster 対応バージョンのUnity 2021.3.4f1をインストール　します。

#### 2-2-1.Unity Hub インストール

まず、Unity Hub をインストールしてださい。
Unity Hub のダウンロードページ
https://unity3d.com/jp/get-unity/download

「Unity Hub をダウンロード」を押してインストールファイル（UnityHubSetup.exe または UnityHubSetup.dmg）をダウンロードする。
![スクリーンショット 2022-07-28 19.22.20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/291592/2705d419-6935-a3cb-1715-ff76a136cc38.png)

<font color="RED">2022.8.31 補足追記</font>
インストールファイルをダブルクリックしてUnity Hub をインストールする。

Unityが初めての人は、Unityのアカウントを作成する。

<a href="https://gyazo.com/18c1a19339abbffb63851ba7871b13a1"><img src="https://i.gyazo.com/18c1a19339abbffb63851ba7871b13a1.jpg" alt="Image from Gyazo" width="1450"/></a>

途中でこんな画面がでたら、とりあえずスキップする。
[![Image from Gyazo](https://i.gyazo.com/ae9f896aeb3763f2fff8acb1721a47af.png)](https://gyazo.com/ae9f896aeb3763f2fff8acb1721a47af)

個人ライセンス（無料）なので、
Agree and get Personal Edition Licence  をクリック

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

この画面になったら、Unity Hub を閉じる。
[![Image from Gyazo](https://i.gyazo.com/f0d0c0f86246c6ef0bdab4a95675c269.png)](https://gyazo.com/f0d0c0f86246c6ef0bdab4a95675c269)

<font color="RED">追記終了</font>

<br>

#### 2-2-2. Unity インストール・設定
次に、Unityのダウンロードページへ<br>

https://unity3d.com/jp/get-unity/download/archive

cluster対応バージョン「Unity 2021.3.4f1」の「Unity Hub」ボタンを選択
[![Image from Gyazo](https://i.gyazo.com/6431084b26edcf8fcccb92b6d32a8130.png)](https://gyazo.com/6431084b26edcf8fcccb92b6d32a8130)

Unity Hubが起動

モジュール追加画面になる
[![Image from Gyazo](https://i.gyazo.com/a33db7d69b8ab1e6d93cc3078e1f3e9b.png)](https://gyazo.com/a33db7d69b8ab1e6d93cc3078e1f3e9b)

以下、cluster のワールド作成に必要な設定になります。

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

<B>Windowsの場合</B>　
以下にチェックしてください。
- Android Build Support
- iOS Build Support
- Mac Build Support (Mono)
※Microsoft Visual Studio はプログラミングする人は必要

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

<B>macOSの場合</B>
以下にチェックしてください。
- Android Build Support
- iOS Build Support
- Windows Build Support (Mono)
※Microsoft Visual Studio はプログラミングする人は必要

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


#### 2-2-3. Unityアセットダウンロード

以下無料アセットをダウンロードしてください。

以下のリンク先へ
https://assetstore.unity.com/packages/3d/environments/landscapes/rpg-poly-pack-lite-148410

「Add to my asset」をクリック
[![Image from Gyazo](https://i.gyazo.com/698b8e7818b39eccd5c4714b08304534.png)](https://gyazo.com/698b8e7818b39eccd5c4714b08304534)

Term of Service（利用規約） EULA（使用許諾契約書）
「Accept」

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

「Open in Unity」になったらOK
[![Image from Gyazo](https://i.gyazo.com/ac56fc8ca8bd136c8b34be072c8ae761.png)](https://gyazo.com/ac56fc8ca8bd136c8b34be072c8ae761)

<br>



<br><br>

## 以下、講座当日の内容です。

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

### 3-1. 立ち上げ

Unity Hub　を開いてください。

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


(1) すべてのテンプレート
(2) エディターバージョン　2021.3.4f1 （cluster の対応バージョン）
(3) 3D
(4) プロジェクト名、保存場所
(5) プロジェクト作成
[![Image from Gyazo](https://i.gyazo.com/787d8a9648f137e43c79d9c84df74ba8.png)](https://gyazo.com/787d8a9648f137e43c79d9c84df74ba8)

もし、こんなのが出たら
「Skip new version」
[![Image from Gyazo](https://i.gyazo.com/d5804ed30db63efd9a0c882722acdbcc.png)](https://gyazo.com/d5804ed30db63efd9a0c882722acdbcc)


開いた
[![Image from Gyazo](https://i.gyazo.com/697284bcd92f50ce51d5f192922ff0e0.png)](https://gyazo.com/697284bcd92f50ce51d5f192922ff0e0)

もし私と同じレイアウトでなければ、
レイアウトをデフォルトにしてください。
[![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>プロジェクト全体のオブジェクトやスクリプト等の全てを表示




<br>


## 4．メタバースを作ろう

### 4-1. アセットをインポート

Window > Package Manager

事前順位事項でご用意いただいてる [RPG Poly Pack](https://assetstore.unity.com/packages/3d/environments/landscapes/rpg-poly-pack-lite-148410) をインポートします。

Window > Package Manager
[![Image from Gyazo](https://i.gyazo.com/1ff237670eb4373748458cb90d218dfb.png)](https://gyazo.com/1ff237670eb4373748458cb90d218dfb)

「Packages:In Project」 の右にある逆三角形をクリックし、
「My Assets」をクリック
[![Image from Gyazo](https://i.gyazo.com/2e1bb123a991b08499be2319bd993f66.png)](https://gyazo.com/2e1bb123a991b08499be2319bd993f66)

RPG Polly Pack- Lite を選んで、
Download 

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


ボタンの表示が「import」に変わる。
「import」 をクリック
[![Image from Gyazo](https://i.gyazo.com/48323a8360c1b5cf6926594790dd7eb3.png)](https://gyazo.com/48323a8360c1b5cf6926594790dd7eb3)


こんな画面が出る。
[Import] をクリック

本当は必要なものだけ選択するところですが、今回は全部インポートします。

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


Projectsウィンドウ　に「RPGPP_LT」が現れるとOK

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


### 4-2. アセットをシーンに置く

いまインポートしたProject ウィンドウの「RPGPP_LT」を展開
[![Image from Gyazo](https://i.gyazo.com/5d699f22093dabe628d53b0bf15bee84.png)](https://gyazo.com/5d699f22093dabe628d53b0bf15bee84)

英語のとおりのアセットがある。
[![Image from Gyazo](https://i.gyazo.com/40bd8a69c2f5a2513436d0b2adfadb45.png)](https://gyazo.com/40bd8a69c2f5a2513436d0b2adfadb45)

たとえば、
Terrain （地形）をクリックすると、たくさんの地面のアセットが現われる。
[![Image from Gyazo](https://i.gyazo.com/2db836eab6e77c4526c25d94acfd4536.png)](https://gyazo.com/2db836eab6e77c4526c25d94acfd4536)

一番左側のアセットをシーンビューにドラック＆ドロップすると、山が現れる。
[![Image from Gyazo](https://i.gyazo.com/f4bad388afd3fcffd31a06c5481f8559.png)](https://gyazo.com/f4bad388afd3fcffd31a06c5481f8559)


このままだと、アバターを置いたときに、地面をすり抜けるので、地面にCollidar （コライダー）を付ける。
Hierarchy ウインドウで山を選択
Inspector ウインドウで Component をクリック
[![Image from Gyazo](https://i.gyazo.com/a8b242bee257d40ab43bfd4258f92977.png)](https://gyazo.com/a8b242bee257d40ab43bfd4258f92977)

検索窓に「Mesh」といれて、
検索結果の中から「Mesh Collidar」を選択
[![Image from Gyazo](https://i.gyazo.com/b4bc5289a20289fc22d284e2a189a40c.png)](https://gyazo.com/b4bc5289a20289fc22d284e2a189a40c)

Inspector　に　Mesh Collider　が追加される。
[![Image from Gyazo](https://i.gyazo.com/e34a345c435a9d63a144caabad8c70c1.png)](https://gyazo.com/e34a345c435a9d63a144caabad8c70c1)



矢印をドラッグすればアセットを移動することができる。
[![Image from Gyazo](https://i.gyazo.com/101db19d1d2e82072c24d85ed7a2bf8c.gif)](https://gyazo.com/101db19d1d2e82072c24d85ed7a2bf8c)

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

平地を入れてみる。

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

Inspector の Transform  で位置(Position)、回転(Rotation)、大きさ(Scale）を調整する。 

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

Scale XとZに4をいれると
平野部分が広くなった。
[![Image from Gyazo](https://i.gyazo.com/3f64fb527475a6ecc68864b366d67a4c.png)](https://gyazo.com/3f64fb527475a6ecc68864b366d67a4c)

このままだと、アバターを置いたときに、地面をすり抜けるので、地面にCollidar （コライダー）を付けるのを忘れずに。

Inspecor ウィンドウで、Add Component > Mesh Collidar

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


家を置く


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

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


らしくなってきました。

アバターがすり抜けないようにコライダーをいれるのを忘れずに。


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

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




### 4-3．視点

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

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

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


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


<br>
今から1分間、マウス操作の練習をしてください。





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

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

自分オリジナルのRPGの村を作ってみましょう。

さきほど言った通り、Prefabs フォルダにいろいろなアセットがあります。
[![Image from Gyazo](https://i.gyazo.com/874267b2c800df19f7c745b90b8c5bfa.png)](https://gyazo.com/874267b2c800df19f7c745b90b8c5bfa)

コライダーをつけ忘れないように

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

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


消したい場合は
Hierarchy ウィンドウで消したいのを選択し、右クリック　＞　Delete

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


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

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

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

（講師メモ：BGMかける）




<br><br>



## 5. cluster 対応　

（講師メモ：開始35分）

みなさん、できましたか？
どなたか、我こそはという方はワールドを披露してください。

<br>
では、いよいよclusterにアップロードさせます。

この章では、clusterの公式サイトを参考にしました。

https://creator.cluster.mu/2020/03/30/%e3%82%b5%e3%83%b3%e3%83%97%e3%83%ab%e3%83%97%e3%83%ad%e3%82%b8%e3%82%a7%e3%82%af%e3%83%88%e3%80%8cclustercreatorkitsample-master%e3%80%8d%e3%82%92%e4%bd%bf%e7%94%a8%e3%81%97%e3%81%a6%e3%80%8cunity/

### 5-1. Cluster Creator Kitを付ける

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/61a1f4ecdf15f006857640d45b3d726b.png)](https://gyazo.com/61a1f4ecdf15f006857640d45b3d726b)

ここは閉じて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/95a07dfe39fb442f15b652ded1d93813.png)](https://gyazo.com/95a07dfe39fb442f15b652ded1d93813)

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


### 5-2. 設定

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

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


#### 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/82d479e82d3ac8ee52704c80650ee126.png)](https://gyazo.com/82d479e82d3ac8ee52704c80650ee126)

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

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/170114a80f82d1accc944e3967de736e.png)](https://gyazo.com/170114a80f82d1accc944e3967de736e)


この緑色の球体を、ワールドに訪問した人を最初に出現させたい位置へマウス操作で移動する。
細い赤い線は正面、Inspector Y軸で調整する。

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


#### DespawnHeight

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

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

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

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

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

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

プレイヤーがこの黄色の床にの高さに落ちたら、最初の場所に戻ります。
この黄色の高さ（Y）を地面より低い値にします。
[![Image from Gyazo](https://i.gyazo.com/aaf9bcca4d82faedaeeca09278380b23.png)](https://gyazo.com/aaf9bcca4d82faedaeeca09278380b23)



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

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







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

アップロードする前に、挙動を確認しましょう。
「Play」ボタンを押します。

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

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

気に入らないところは直しましょう。


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


#### 5-4-1. 設定

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)

「Change to Linear」というポップアップには、OKをクリック。




<BR>

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

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

初めての人はこんな画面

Webトークン発行を押す
[![Image from Gyazo](https://i.gyazo.com/d5fb8e9ea8ec27fb3a9a5979f7dff4ec.png)](https://gyazo.com/d5fb8e9ea8ec27fb3a9a5979f7dff4ec)

トークンを作成し、
[![Image from Gyazo](https://i.gyazo.com/240354c539dbb70d67f0b422bdf881b1.png)](https://gyazo.com/240354c539dbb70d67f0b422bdf881b1)

さきほどの、ここに張り付ける。

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




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



- 画像の選択
　とりあえずこの画像を使ってください
![5dca495007beeacd5d56dc43452b67fc.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/291592/b7f9f363-1ab4-ea49-3dd0-bfe56549a748.png)


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


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

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


[![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/6f5f939a1b12fef3a5bb3acc7406e537.gif)](https://gyazo.com/6f5f939a1b12fef3a5bb3acc7406e537)


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

<br><br>





## 6. （参考）物理制御について
※ここは講師が1人で見せるだけ
どうしても言いたかったので、物理演算について述べます。
Unity の凄いところは物理法則を再現できることです。

たとえば、ただオブジェクトを置いただけでは、
当たり前ですけど、オブジェクトが表示されるだけです。
[![Image from Gyazo](https://i.gyazo.com/2b03b5020814efaa431ee7fc95927e4e.png)](https://gyazo.com/2b03b5020814efaa431ee7fc95927e4e)


では、このオブジェクトに物理法則を与えてみます。

Hierarchy の cube を選択し、
Inspector の　Add Component をクリック
[![Image from Gyazo](https://i.gyazo.com/fb22124897b98a42fa9fa5e0be436d7c.png)](https://gyazo.com/fb22124897b98a42fa9fa5e0be436d7c)

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

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

Inspector に Rigid body が追加されました。
これが付いたオブジェクトは物理特性によって制御する事ができます。

Mass が重量（kg)
Drag, Angular Drag 空気抵抗
Use Gravity 重力
など

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

実行ボタンを押すと、
重力が反映されたので、落下します。
[![Image from Gyazo](https://i.gyazo.com/ddab2ad5a7b129a43e2ddf5b9c96b4b1.gif)](https://gyazo.com/ddab2ad5a7b129a43e2ddf5b9c96b4b1)

Unity の凄いのは、こういう物理演算が実装されていることです。
同じことをプログラムで実行しようとすれば、ものすごい物理演算のプログラムを書かないといけません（私には想像もできない）が、Unity　だと　Rigid body をつけるだけです。







## 7．今後


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

オリジナルの３Dモデルを作るのは結構大変ですが、Unity アセットストアにはいろんなアセットが販売されてます。無料のもたくさんあります。

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


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

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


ほしいアセットのワードや値段から検索できます。
これは、Space で検索した画面、
[![Image from Gyazo](https://i.gyazo.com/e956a370f2265f9295188e538aa27888.png)](https://gyazo.com/e956a370f2265f9295188e538aa27888)


<br>

### 7-2. blender

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

https://www.blender.org/

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

（参考）一般人がblender で作ったもの

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">でかい飛行空母の上で爆走するハイパーカー！<br>落ちないように気をつけて<a href="https://twitter.com/hashtag/blender?src=hash&amp;ref_src=twsrc%5Etfw">#blender</a> <a href="https://t.co/55vVuviisj">pic.twitter.com/55vVuviisj</a></p>&mdash; wanoco4D (@wanoco4D) <a href="https://twitter.com/wanoco4D/status/1494142586780807171?ref_src=twsrc%5Etfw">February 17, 2022</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">Blenderで１年かけて作ってきたMVがついに完成…！<br>人物以外は全て3DCGで、誰も居なくなった世界を表現しました。<br><br>すべてグリーンバックだけで撮影してます。コロナ禍に、世界中どこでもバーチャルロケができる技術を目指して作りました。<a href="https://twitter.com/hashtag/b3d?src=hash&amp;ref_src=twsrc%5Etfw">#b3d</a> <a href="https://twitter.com/hashtag/blender?src=hash&amp;ref_src=twsrc%5Etfw">#blender</a> <a href="https://t.co/J3LumgtKRK">pic.twitter.com/J3LumgtKRK</a></p>&mdash; Ray Wakui / 涌井嶺 (@Ray_T6L) <a href="https://twitter.com/Ray_T6L/status/1384856305676996608?ref_src=twsrc%5Etfw">April 21, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


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

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

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



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

#### 7-4-1. ワールドコンテスト
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>


#### 7-4-2. ゲームワールドコンテスト

半年に1回くらいコンテストやってます。

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


### 7-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)

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

プレゼンイベント
![FMCqH1pUYAI2d4m.jfif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/291592/3259d7cd-92c8-8603-96d8-f56cf8fe7868.jpeg)

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

![FQY2zDCakAMwfCc.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/291592/0f54a9c0-1b39-b8e1-015d-a98855db7923.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)

花火大会
![FY7FxhbaIAIaR8N.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/291592/03614ac8-3078-6494-d342-2b9fefe8e4e2.jpeg)


### 7-7. アバター 作成 について

こちらにまとめてます。
自分のオリジナルアバターを持ってたら楽しいです。

http://tatsuya1970.com/?p=16540

<br>

### 7-8. ＶＲ機器

初心者へのオススメは
Meta Quest2

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


### 7-9. 私の作品

https://cluster.mu/u/tatsuya1970

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


### 7-10. VRChat

VRChatにワールドをアップローする方法をまとめました。

Unityのバージョンはclusterと違い、Unity 2019.4.31f1　です。

http://tatsuya1970.com/?p=16555


<br><br>
## 8．終わりに


これで、いったん終わります。



ありがとうございました。





<br>