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

公開日： 2021/10/24 : 最終更新日：2022/12/11 cluster, PLATEAU, Unity, 呉 cluster, PLATEAU, バーチャル花火大会, 方法

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

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

Togetter

バーチャル呉花火大会

https://togetter.com/li/1782814

リアル呉花火大会が行われる予定だった2021.9.25にバーチャルSNS のclusterで開催したバーチャル呉花火大会の様子です。会場は #Plateau の呉市の3Dオープンデータを使用してい..

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

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

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

clusterでワールドを作る方法

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

Cluster Creators Guide

clusterのアカウント作成からワールドアップロードまでまとめ

https://creator.cluster.mu/2021/01/29/upload-world-tutorial/

この記事では、初めてclusterでワールドを制作する方・初めてUnityを利用する方を対象にclusterの…

会場

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

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

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

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

Tatsuya's blog

『PLATEAU』の都市3Dデータ形式CityGMLをFBXに変換してUnityで遊ぶ（旧）

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

本件は古い情報です。Windowsの場合、2022年12月に SDKが作成され、ここに記載のようなことはしなくても簡単にできます。こちらをリンク先をご覧ください。https://synesthesias.github.io/PLATEAU-SDK-for-Unity/index.html 以下、元のブログ記事です。『PLATEAU（プラトー）』という国土交通省が進める 3D都市モデル整備・活用・オープンデータ化のプロジェクトにおいて、現在全国50以上の都市の３Dモデルがオープンデータで公開されています。私の住んでる広島県では、建物3Dデータを取得できるのは呉市だけだったので、呉市のデ...

花火の設定

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

booth.pm

Noriben Fireworks（花火パーティクル） - NORIBEN LUNCH -のりべん専門店- - BOOTH

https://booth.pm/ja/items/1724776/

Unityのパーティクルで作った花火です。VRChat、cluster等で使えます。Unity 2018.4.20f1で動作確認してます。大サイズは負荷がけっこうあるので気をつけて使って下さい。（上記の動画はサンプル用に多めに打ち上げています）特徴はポストプロセスのBloomがなくても、それがかかったような見た目になるようにオリジナルのシェーダーを使っている点です。質問等はツイッターまで。 https://twitter.com/noriben327

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

n_Fireworks （普通の花火）

n_big　（巨大花火）

n_Saturn　（土星みたいな花火）

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

各 Component を説明すると

AudioSource

花火の音です。

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

assetstore.unity.com

KTK Fireworks Effects Volume1 | VFX Particles | Unity Asset Store

https://assetstore.unity.com/packages/vfx/particles/ktk-fireworks-effects-volume1-26568

Add depth to your next project with KTK Fireworks Effects Volume1 from ktk.kumamoto. Find this & more VFX Particles on the Unity Asset Store.

音に遠近感を出すため、

3D Sound Settingの

Volume Rolloffを　Linear Rolloff　（これ重要）

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

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

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

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

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

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

このcube１つ１つの Inspector に

Create Item Gimmick をつけます。

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

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

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

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

花火のタイミング

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

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

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

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

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

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

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

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

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

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

Tatsuya's blog

【Unity】パーティクルで夜の街を表現してみた@バーチャル呉花火大会

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

リアルの呉花火大会が開催されるはずだった2021年9月25日に、clusterのバーチャル空間で、花火大会をしました。その模様はこちらの togetter をご覧ください。苦労したのが呉の夜の街の表現。ちなみに、呉の街の３Dデータは国土交通省がすすめる PROJECT PLATEAUのオープンデータを使ってます。PLATEAUのデータをUnityに反映させる方法はこちらをご参考にしてください。呉の夜の街の表現について、知人からパーティクルを街にまぶして一定時間後に消えるようにすると生活感が出るとアドバイスをうけ、試行錯誤して、こんな感じに仕上げ...

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

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

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

Cluster Creators Guide

Cluster Creators Guide

https://creator.cluster.mu

バーチャルワールドをつくろう！

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

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

Tatsuya's blog

『PLATEAU』の都市3DデータをバーチャルSNS『cluster』にアップロードしてみた

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

国土交通省が主導するプロジェクト『PLATEAU』に福山市のデータが公開されたと知り、さっそくダウンロードして、バーチャルSNS『cluster』のワールド公開までやってみました。結構大変だったので、その流れを備忘録として残します。なお、いろんなサイトをググって試行錯誤した結果ですので、このやり方がベストかどうかは分かりません。使用ソフト・Unity 2019.4.13f1・FME　Workbench 2021.0 （Free Trial）・Ralpha Image Resizer・Cinema4D　24（体験版）流れ１，PLATEAUのデータをダウンロード２，テクスチャの軽量化３，Unityへ...

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

clusterhelp.zendesk.com

Security check

https://clusterhelp.zendesk.com/hc/ja/articles/360036092291-イベントを作成する

これで、ばっちりです。

手動操作

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

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

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

Cluster Creators Guide

イベント会場の外から演出を実行！「Webトリガー」の紹介

https://creator.cluster.mu/2021/08/17/webtrigger/

「Creators Guide」は、バーチャルSNS「cluster」で「つくる」ことにチャレンジしてみたい方…

私のJSONファイルはこちら

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

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

この動画のような「１分間花火乱れ打ち」は残り2回を残すのみ。　23:30、23:58
映える写真撮るチャンス！https://t.co/GFwhhBre4u
#バーチャル呉花火大会 #cluster pic.twitter.com/qxroR42jGD

— たつや (@tatsuya1970) September 25, 2021