Unityで自分だけの教室を作ってみよう!

a11b4bb3ba448d1fa402ac3dc62cc91f - Unityで自分だけの教室を作ってみよう!
この記事は約7分で読めます。

1.はじめに

こんにちは!産業能率大学橋本ゼミ9期の曽根原世那と権田凌です。今年は新型コロナウイルスの影響により初のオンライン学園祭を実施しました。そこで私たちが所属している橋本ゼミでは以下のようなものを作成しました。

こちらの写真は実際に私たちが作成した教室をモデルとしたワールドです。こちらのワールドを作成するにはUnityというシステムをインストールして教室を作成し、バーチャルSNS「Cluster」というサービスでイベントまたはワールドとしてアップロードをして公開しました。

2.Unityとは?

まずUnityとは、ユニティ・テクノロジーズ社が提供する、ゲーム開発プラットフォームのことです。2D、3Dゲームを開発する上でとても便利です。Unityは簡単なワールドの作成であればプログラミングの技術がなくてもできます。(私たちもプログラミングの技術は一切使っていません)さらにAssetストアが充実しています。Assetとは、一般のユーザーが作成したUnityプログラムにおいて用いるゲームの一部、素材、部品(椅子や机など)のことを言います。AssetストアとはAssetが入手可能なコンテンツマーケットです。Assetの中には有料のものと無料のものに分けられます。ちなみに私たちは無料のAssetのみで作成しました。

Unityのインストールの手順は下記のURLをご覧ください。インストールは無料です。

001b9c9d4dd8744a0a41e31ef5061477 - Unityで自分だけの教室を作ってみよう!
【cluster】すぐ出来る!ワールド作成の始め方
はじめに こちらの記事は、clusterでバーチャルワールドを作ってみたい!というすべての方に向けた導入ガイド…

下記の画像はインストールを行って最初に開いた画面です。

5e1c87b8413870ad4d53a2b43dc8e065 2 800x452 - Unityで自分だけの教室を作ってみよう!

Unityは基本すべて英語で書かれていますが日本語化するやり方があります。下記のURLをご覧下さい。

f9002fb329963df9c539945271457938 - Unityで自分だけの教室を作ってみよう!
Unityを日本語化する方法【2020年版】【初心者向け】
Unityを日本語化する方法を初心者の方でもなるべくわかりやすいように解説しています。Unity Hubを使用する場合とそれ以外の場合で導入方法が違う点に注意してください。このサイトでは両方の解説を行っています。

3.バーチャルSNS「Cluster」とは?

Clusterはスマートフォンやパソコン、VR機器など様々な環境からバーチャル空間に遊びにいけるサービスとなっています。アカウントを作成することができれば音楽ライブや発表会などのイベントやいつでも参加することができるバーチャルワールドでチャットやゲームなども楽しむことができます。イベントには有料のものと無料のものに分けられます。さらにClusterは世界中から約40万人が参加した「バーチャル渋谷au5Gハロウィーンフェス」や、ポケモンのバーチャル遊園地「ポケモンバーチャルフェスト」など多数の大型バーチャルイベントの開催によりユーザー数を伸ばし続けていました。

下記のURLからClusterアカウントを作成することができます。(Unityのワールドのアップロード方法も下記のURLに詳しく書かれています)

dd159ee5996605c05b3e3fd0306c9d7e - Unityで自分だけの教室を作ってみよう!
バーチャルSNS cluster(クラスター)
「cluster (クラスター)」は、スマートフォンやPC、VR機器など様々な環境からバーチャル空間に集って遊べる、マルチプラットフォーム対応のバーチャルSNSです。

4.教室作成について

橋本ゼミでは冒頭でも書いた通り産業能率大学の実際に存在する教室をモデルとしたワールドを作成しました。下記の写真が実際の教室です。

下記の画像を今回の完成図とします。(学園祭で公開したものとは異なります。あくまでも見本です)

7adfed136bf50c6b1f5c23f5919c3a0a 2 800x384 - Unityで自分だけの教室を作ってみよう!

Plane(床)の作成

最初に床を作成しました。床は基本的にplaneというものを使用します。大きさはいつでも調整することができます。Planeを出す手順としてはUnityのヒエラルキーというところを右クリックし、3Dオブジェクトをクリックし、平面をクリックするとplane(床)が出現します。

b12c8b7e401505670006e9aa6ee0e2d0 800x392 - Unityで自分だけの教室を作ってみよう!

上記の画像の平面をクリックすることで下記の画像のplane(床)が出現します。(planeの大きさはこの画像と異なります)

695e432aa0b80e914efae12cd0be2a70 800x403 - Unityで自分だけの教室を作ってみよう!

Assetのダウンロードの仕方

その次に壁を作成します。壁はAssetを使用します。Assetを使用するにはAssetストアからダウンロードする必要があります。まずシーン、ゲームの隣のアセットストアをクリックします。クリックしたら画面が変わり検索できるようになります。例えばoffice freeと検索します。freeを入れることで無料のAssetが優先的にヒットします。気になるAssetがあればそれをクリックします。その後Downloadをクリックします。そしてimportと表示されるのでクリックします。次にカタカナでインポートと表示されるのでクリックします。これでAssetがダウンロードされました。

AssetがダウンロードされたかはプロジェクトのAll Prefabsのアセットをクリックして確認できます。キーワードを検索してもでてきます。(例えばchairと検索すれば椅子のAssetがいくつかでてきます。)

cb79e4279c41f852ca70d64e3b88ed04 800x387 - Unityで自分だけの教室を作ってみよう!

Assetの反映の仕方

使いたいAssetを選んで画面にドラッグ&ドロップすることで反映することができます。天井は床と同じでplaneを使用しました。

Assetのコピーの仕方

コピーのやり方としてはヒエラルキーのコピーしたいAssetを右クリックしてコピーをクリックします。その後ヒエラルキーの適当なところを右クリックして貼り付けをクリックします。それを行うともう一つ同じAssetが出現します。(大きさや角度を揃えたい時はおすすめです)

Assetの動かし方

下記の画像の赤丸をクリックします。すると画面に矢印が出現します。赤矢印は左右、青矢印は前後、緑矢印は上下に動かすことができます。

c1afbf4162ab12ae0b90d81b40760587 800x368 - Unityで自分だけの教室を作ってみよう!

画像の赤丸(Assetを動かす場所)

2d2a7c4e661bd24089796172dcaa48fd - Unityで自分だけの教室を作ってみよう!

Assetの回転方法

画像の青丸をクリックします。すると回転するための丸状のものが出現します。赤丸は前後回転、緑丸は横回転、青丸は斜めに動かすことができます。ちなみに下記の画像の紫丸をクリックするとAssetの移動と回転が同時にできます。慣れてきたらおすすめです。

画像の青丸(Assetの回転する場所)

9f9973d041118c94c9574c3408f5de11 - Unityで自分だけの教室を作ってみよう!

Assetの大きさの変え方

画像の緑丸をクリックします。すると大きさを変えるための線状なものが出現します。青線は横の長さ、緑戦は縦の長さ、赤線は厚さを変えることができます。ちなみに下記の画像の黄色丸をクリックすると横の長さのみ変えることができます。横のみ長さを変えたい場合はこちらの便利だと思います。

画像の緑丸(Assetの大きさを変える場所)

63fc1d2c7057b98132e093c3b87e1a93 - Unityで自分だけの教室を作ってみよう!

画像の黄色丸(Assetの横の長さを変える場所)

f3206f3f71fd09b734e6558955f33aa0 - Unityで自分だけの教室を作ってみよう!

画像の紫丸(Assetを動かすのと回転が同時にできる場所)

e1421195c3a6118b5e4396eb2b9fafd2 1 800x400 - Unityで自分だけの教室を作ってみよう!

Assetの色の変え方

Mesh Rendererのマテリアルのエレメント(日本語化だと要素)をクリックします。下記の画像の赤丸と青丸。

ecf97e7b3380813773f43974af597ba4 800x391 - Unityで自分だけの教室を作ってみよう!

クリックすると下記の画像のようなものが出現するので変えたい色をクリックすることで色が変化します。(ただ場所などによって変化しないケースもあります)

6ca0967da7f193223e78ec8b04666f74 800x377 - Unityで自分だけの教室を作ってみよう!

下記の画像は天井と床と壁のみで作った部屋です。

下記の画像ではわかりづらいかもしれないですが隙間や壁の大きさの違いがあるので気を付けましょう。(コピーをすることで大きさのずれは解決できます)

5e5b695dde0190e39c9ae6946459c6cd 800x417 - Unityで自分だけの教室を作ってみよう!

後は見本のようにAssetをダウンロードし、気に入ったものを反映することができれば自分だけのワールドの完成です。

ライトの付け方

天井を設置すると教室内が若干暗くなってしまいそれを好まない方はライトを取り付けるのがおすすめです。ライトの取り付け方は無料のAsset内ではdoctors officeというものがあるのでそこからいろいろな種類の電球を挿入することができます。Assetを導入したらヒエラルキーでライトのAssetを右クリックし、ライトクリックしてここではポイントライトを使用します。

9829ee81d857ed9c930bfb9369746a76 800x409 - Unityで自分だけの教室を作ってみよう!

暗い部屋

1d7b305634d13c79284a678a90c7c1be 800x383 - Unityで自分だけの教室を作ってみよう!

明るい部屋

bf97734be52f9f590e4c0614a378b80e 800x412 - Unityで自分だけの教室を作ってみよう!

教室を作成するにあたって下記の画像のAssetをダウンロードして反映させると教室が完成された状態になります。(時間がない人向けです)もう少し作り込みたい人や自分だけのオリジナル教室を作りたい人はplane(床)から作るのがおすすめです。

5.最後に

以上で教室の作成手順の解説は終わります。私たちはこのように実際の教室をモデルとして作成しましたが、実際にないオリジナルのバーチャル空間を作成することもできます。よければ作成してみてください。また、このワールド内に動画、画像を入れたいという方はそのやり方が載っている動画、画像編をご覧ください。ご視聴ありがとうございました。

その他、参考文献

「Unity」とは

3f3a4e94e28e2bc6ce0da10f1d427a6b - Unityで自分だけの教室を作ってみよう!
【入門者必見】Unityとは?意味や特徴、特性、使い道を徹底解説 | 侍エンジニアブログ
こんにちは!侍エンジニアブログ編集部です。 Unityという言葉は聞いたことあるけど、 Unityって何? Unityって何ができるの? Unityっていまいちよく分からない という方も多いのではないでしょうか? そこで今回は、入門者向けにUnityの特徴や使い道を徹底的に解説します。 この記事を読むことで、Unity...

バーチャルSNS「Cluster」とは

b56bc570178da8b250a35d8f6cf5772a - Unityで自分だけの教室を作ってみよう!
バーチャルSNS「cluster」の2020年イベント動員数が300万人突破!
クラスター株式会社のプレスリリース(2020年11月16日 12時00分)バーチャルSNSの2020年イベント動員数が300万人突破!

執筆
橋本ゼミ9期生 曽根原 世那 権田 凌

member blog
a11b4bb3ba448d1fa402ac3dc62cc91f 400x360 - Unityで自分だけの教室を作ってみよう!
この記事が気に入ったら
いいね!しよう
最新情報をお届けします。
この記事を書いた人
橋本ゼミ生

産業能率大学情報マネジメント学部橋本ゼミに所属するゼミ生です。

橋本ゼミ生をフォローする
産業能率大学 橋本ゼミ
タイトルとURLをコピーしました