*

cluster + PLATEAU でバーチャル花火大会を開催する方法

 

00

 

 

 

2021年9月25日、コロナがなければ、リアルの呉の花火大会があるはずだった日に、clusterのバーチャル空間で花火大会をしました。

 

そのときの様子はこちらを御覧ください。

 

 ということで、cluster でバーチャル花火大会をしたいと思ってるあなたのために、本ブログに記録を残します。

 

日本中でバーチャル花火大会をしましょう!!

 

なお、もっといい方法、もっと簡単な方法があるかもしれませんが、ご了承ください。

 

 

clusterでワールドを作る方法

こちらの公式サイトを御覧ください。

 

 

会場

 

国土交通省が推進する日本の都市の3Dモデルのプロジェクト「PLATEAU」 の3Dデータを使ってます。

 

現在56都市の3Dモデルが公開されてます。

自分の街がPLATEAUに公開されてる人は是非バーチャル花火大会をやってみましょう!

 

PLATEAUのデータをUnity取り込む方法はこちらをご参照ください。


 

 

 

花火の設定

 

バーチャル花火大会の花火はnoribenさんのこちらを使用しました。

 

 

 

4種類の花火が入っており、バーチャル呉花火大会では以下の3種類使いました。

 

n_Fireworks (普通の花火)

n_big (巨大花火)

n_Saturn (土星みたいな花火)

 

各花火のPrefabに以下の赤で囲んだ Component を追加

 01

 

各 Component を説明すると

 

AudioSource

花火の音です。

こちらのアセットからの花火の音だけ拝借し、少し加工して、AudioClipにアタッチしました。

 

音に遠近感を出すため、

3D Sound Settingの

Volume Rolloffを Linear Rolloff (これ重要)

Min Distance , Max Distance で音が聞こえる範囲を調整します。

 02

 

 

cluster に関わるComponent (Item、On Create Item Trigger、Item Timer、Destroy Item Gimmick)については以下の画像のとおりにする。

これは花火を生成したら、ループせずにいったん終わらせるようにしてます。花火をいったん消去(Destroy)せずに都度生成していたら不要なPrehabが増殖してしまいますので、このような処理をしています。

 03

 

 

 

花火の打ち上げポイントの設定

 

今回は花火打ち上げポイントを7箇所設定しました。

 

打ち上げポイントに 3DObject Cube を起きます。

 04

 

 

このcube1つ1つの Inspector に

Create Item Gimmick をつけます。

・keyはユニークな名前(keyの受信によって花火を打ち上げる)

・Item Template に打ち上げたい花火の種類(この場合は普通の花火 n_FireWorks)

・Spawn Point に打ち上げ場所(この場合は自身)

 05

 

7つの打ち上げポイントは以下のようになります。(クリックで拡大)

06

 

 

花火のタイミング

 

これが一番悩んだところ。

今回は、clusterのイベントの最長時間4時間めいっぱい花火を切り目なく打ち上げるので、完全自動するため、いろいろと試行錯誤して以下のようになりました。

 

原始的な方法なのですが、

以下の画像のような永久機関システムを誰にも見えないところに設置します。(クリックで拡大)

07

 

このアイデアが浮かんだときは思わすアルキメデスがエウリカ!って叫んだ気持ちが分かりました。

 

clusterのワールド製作になれてる方から見ると、こんなめんどくさいことしなくても普通は以下のように Set Game Object Active Gimmick を使って、BOOLでアクティブ、非アクティブを切り替えするやり方にしたらいいのでは?と思われるかもしれませんが、これだとUnityや、clusterのワールド上では挙動するのですが、なぜかイベントでは動かなかったです。

 08

 

ということで、ロジック組んでるワールドでイベントするときは、注意が必要です。

ワールドで動いても、イベントで同じ動きをするとは限らないです。

 

 

ワールドにちょっと手を加える

 

パーティクルを使って夜の街を表現すにはこちら

 

 

その他、この動画にあることをひととおりすると、ワールドが少しかっこよくなります。

 

 

 

clusterへのアップロード・イベント登録

 

clusterのアップロードは公式サイトを参考

 

 

PLATEAUデータをclusterへアップロードしたときにエラーがでたときは、

こちらの記事の後半を見たら解決するかも。


 

その後イベントを作成します。

 

これで、ばっちりです。

 000

 

 

 

 

手動操作

花火がうまく自動的にループしないなどのトラブルに備えて、手動で花火を打ち上れるようにしておきましょう。

 

cluster はイベント中にウェブ上からトリガーを手動で発生することができます。(イベントのスタッフのみ)

 

WEBトリガー制御については公式サイトで

 

 

 09

 

私のJSONファイルはこちら

https://drive.google.com/file/d/17RJtIjW93owpOjcE-8VwqvAu0ELUlpKr/view?usp=sharing

 

これは、乱れ打ちをしたときに活躍しました。

 

 

 

 

 

Webトリガーが動かない時、こちらの記事に助けられました。

 

 

 

 

浴衣

せっかくなので、アバターに浴衣を着せて花火大会に参加しましょう。

 

Vroidのアバターなら、Vroid Studioで簡単に着せ替え可能です。

 

BOOTH というサイトで「cluster Vroid」って検索したらたくさん出てきます。

着せ方の方法は、たぶん各浴衣のREAD MEファイルに書いてます。

 

私はこちらの浴衣を購入しました。

 

女性

 

男性

 

 

 

 

 

 

その他使った素材

 

 

 

Toon風のcluster用WaterShaderセット

 

Time / Reality Warping Effects

 

【cluster用アイテム】ジャンプ力・移動速度の変更ギミック

 

呉なので、

戦艦大和

 

潜水艦

 

祭りの音

 

秋の虫の声

 

海の音

 

 

 

以上です。

 

そんなに難しくないですよね?

 

皆さまの地元でも、是非バーチャル花火大会を開催しましょう!

そのときは呼んでください。

 

ではでは。

 

 10

 

 

 

 

ad

    この記事が気に入りましたら、ぜひTwitter、facebookボタンをお願いします。
    ブログを書くモチベーションになります。よろしくお願いします。

  • このエントリーをはてなブックマークに追加
この記事が良かったらビットコインで寄付をお願いします。
ビットコイン投げ銭ウィジェット



関連記事

clusterでの登壇が初めての方へ

  私は今までclusterというバーチャルSNSでLTイベントを5回開催しました。 今回は、私が毎

記事を読む

第10弾 iPhoneアプリ『チョコとパラボの「ねこたま」』AppStoreに公開

    記念すべき10作目となるiPhoneアプリを公開しました。   今回は、ウチで飼ってるネコが

記事を読む

「cluster広島LT大会」を開催しました

4月に2回cluster(クラスター) のイベントを開催しました。 「cluster(クラスター

記事を読む

【iPhoneアプリ開発備忘録】Unityで作ったアプリにiAdを実装する方法

        UnityにiAdを実装する方法を 何回やっても毎回忘れるので、自分用に備

記事を読む

clusterのワールド「バーチャルCamps」を作りました

先日、広島県のイノベーション創出拠点である「イノベーション・ハブ・ひろしまCamps」のバーチ

記事を読む

ad

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

ad

Photoshopでラピュタ化した世界を創る

  最近のフォトショップの新機能で、街をラピュタ化してみた。    

Adobe Premier で一部分にボカシをいれる

毎回悩むので備忘録 まずは、エフェクトウィンドウを出す。(私はこれで

clusterの草刈りゲーム会場をハロウィン仕様にしました

    10月31日、ハロウィンの日の朝にパッと思いついて、突貫工事で

OBS+ZOOMを使った配信イベントを初めてやったよ

  先日、会社のイベントで初めてOBS+ZOOMを使って配信したので、

cluster + PLATEAU でバーチャル花火大会を開催する方法

        2021年9月25日、コロナがなければ、リアルの呉の

→もっと見る

    • 1176963総閲覧数:
    • 165今日の閲覧数:
    • 288昨日の閲覧数:
    • 1現在オンライン中の人数:
    • 2014年4月29日カウント開始日:
PAGE TOP ↑