Hyper Music Venue 都市AR制作ガイド

Unityパッケージダウンロード方法から、ARライブ制作のステップまでを詳しく解説します。このガイドを読むことで、Unity環境の準備方法から、アセットのダウンロード、STYLYへのアップロード、さらにはARライブの配信方法まで、必要な手順をすべて理解できます。渋谷の街を舞台にしたAR体験を創り上げるための詳細なサポートを提供しますので、クリエイターの方々はぜひ参考にしてください。

What’s “Hyper Music Venue”?

「Hyper Music Venue」とは、XRクリエイターとアーティストが新たな音楽ベニュー=音楽体験空間をクリエイトするプロジェクトです。都市を舞台にし、ライブハウスやドームといった限られた場所や時間を超えて、街そのものをライブステージへ変えることを目指しています。ビル、道、街灯、線路、そして空まで、どこをどう使うかはクリエイターの自由です。

第一弾のフィーチャリングアーティストは「でんぱ組.inc」です。彼女たちのアーティストアセットを使用し、都市空間に共鳴するAR体験を創り上げる挑戦をしていただきます。さらに、クリエイターには総額300万円の還元金を用意し、制作後もクリエイター活動を支援します。

常識も次元も超え、誰も見たことのない音楽体験と世界を、あなたの手で創り出してください。たくさんのXRクリエイターの参加をお待ちしています。

Hyper Music Venue 募集サイト:https://hypermusicvenue.com

Hyper Music Venue Unityパッケージダウンロード

Hyper Music Venue Unityパッケージダウンロード先

上記ダウンロード先からボリュメトリックデータを再生させるためのUnityパッケージをダウンロードできます。

ダウンロード一覧

  • HoloStreamSimplePlay カスタムアクション(利用規約同意者のみ配布)
  • HoloSuite Unity Player(利用規約同意者のみ配布)
  • Hyper Music Venue.unitypackage(利用規約同意者のみ配布)

制作環境の準備

  • Unity 2022.3.24f1
  • PlayMaker 1.9.8
  • HoloStreamSimplePlay カスタムアクション(利用規約同意者のみ配布)
  • Hyper Music Venue.unitypackage(利用規約同意者のみ配布)
  • HoloSuite Unity Player(利用規約同意者のみ配布)

Unity 2022.3.24f1とPlayMakerを準備してください。

以下の見出しの順番でUnityプロジェクトにパッケージをインポートしてください。

①Unity 2022.3.24f1をダウンロードする

unityhub://2022.3.24f1/334eb2a0b267 Webブラウザの検索フォームに入力して、Open Unity HubからUnity 2022.3.24f1をダウンロードしてください。または、Unity ダウンロードアーカイブ からUnity 2022.3.24f1をダウンロードしてください。

②PlayMakerをダウンロード/インポートする

PlayMakerをUnity Asset StoreのPlayMakerのページにアクセスして購入してください。

UnityにPlayMakerをインポートしてください。

PlayMakerの使い方は以下の記事を参考にしてください。

https://styly.cc/ja/tips/unity-playmaker-learn-the-basics/#

③STYLY Plugin for Unityをダウンロード/インポートする

STYLY Plugin for Unity DOWNLOADをダウンロードして、Unityにインポートしてください。

④HoloStreamSimplePlay カスタムアクションをインポートする

STYLYCustomActionHoloStream.unitypackage をインポートしてください。

アセット利用規約を確認して、同意していただける方のみUnityパッケージをダウンロードしてください。Unityパッケージのダウンロードリンクは、アセット利用規約の同意をした方のみに表示されます。

⑤Hyper Music Venue用 Unityパッケージをダウンロードおよびインポートする

HyperMusicVenue.unitypackageをUnityにインポートしてください。

アセット利用規約を確認して、同意していただける方のみUnityパッケージをダウンロードしてください。Unityパッケージのダウンロードリンクは、アセット利用規約の同意をした方のみに表示されます。

⑥HoloSuite Unity Player をダウンロードおよびインポートする

HoloSuite Unity PluginをUnityにインポートしてください。

アセット利用規約を確認して、同意していただける方のみHoloSuite Unity Playerをダウンロードしてください。Unityパッケージのダウンロードリンクは、アセット利用規約の同意をした方みに表示されます。

Unity Editorで、Windowメニュー  > Package Manager を開いてください。

Image24

Package Manager ウィンドウの左上の「+」ボタンから、”add package from tarball…” を選択してく

Image4

HoloSuite Unity Plugin 4.0.x fix2.tgz のファイルを指定してください。

Image8

インストールされるのをお待ちください。

Image22

STYLYメニュー > HoloStreamPlayer Setting > Enable HoloStreamPlayer previewを選択すると、Unity

エディタ上でボリュメトリックデータのプレビュー機能が有効化されます。

Image40

サンプルプロジェクトの使い方

Projectウィンドウ > Scene > Hyper Music Venueをクリックしてシーンを開いてください。

Image31

サンプルシーンの中に渋谷スクランブル交差点の3Dモデルとでんぱ組.incのメンバーが再生する毎にランダムに出現するロジックを組み込んであるゲームオブジェクトがあります。

Dempa Ramdom ALL Scale 20(Upload)配下のHoloStreamオブジェクトにボリュメトリックが再生されるロジックがPlayMakerで組んであります。ボリュメトリックデータ(楽曲データを含む)はストリーミング配信のため、Unityのシーン再生時のみ動作します。

Image3

シーン再生してください(注意:音が出ます)。でんぱ組.incのボリュメトリックデータが表示されることを確認してください。

Image5

*macOS Big Sur バージョン 11.6.1では動作しません。macOS Monterey バージョン12.7.2へアップデートしてください。

注意事項

  • スケールを20から変更しないでください
  • ランダム再生される仕組みを変更しないでください
  • 渋谷スクランブル交差点以外にメンバーを配置しないでください(微調整可能)
  • ボリュメトリックデータの解像度は通信環境に寄って変化します
  • ボリュメトリックデータの配信は2025年2月28日12:00で停止されます
Image37

制作したPrefabをSTYLYにアップロードする

1つのゲームオブジェクトにまとめてPrefab化してください。渋谷スクランブル交差点のデータは含めないでください。

Image25

STYLYにアップロードしたいPrefab上で右クリック > STYLY > Upload prefab or Scene to STYLYをクリックしてください。

Image27

STYLYアップロード時のトラブルシューティング

Asset Upload failed  AzcCopy enabled but exec file not foundが表示された場合

Image17

メインメニュー > STYLY > Asset Uploder Settings をクリックしてください。

Image36

Enable AxCopyにチェックを入れてください。

Image30

STYLY Studioでシーンを作成する

STYLY Studio にアクセスしてください。新規シーンボタンをクリックしてください。

Image39

シーンタイトルを入力してください。全角(日本語)入力不可のため、半角英数字で入力してください。

Image33

東京渋谷駅を選択して、シーンを作成するボタンをクリックしてください。

Image34

アセットメニューを選択してください。

Image1

My uploadsを選択してください。

Image16

Unityを選択してください。

Image2

UnityからアップロードしたPrefabを選択してください。

Image12

ボリュメトリックデータを含んだオブジェクトはこのようなスケール画像表示されます。こちらのスケールを渋谷スクランブル交差点の中央に配置して、矢印箇所をYour Positionの方に向けて調整してください。

Image15

注意事項

  • 表示されているスケール(2.0m,2.4m・・)と実スケールは異なります
  • WebGL環境(STYLY StudioおよびWeb Player)では、ボリュメトリックデータは再生されません

AR都市ライブシーンをSTYLYで配信する

PUBLISHアイコンをクリックしてください

Image10

Go to publishボタンをクリックしてください。

Image14

タグに HMV2024 を追加して(enterキーでタグが追加できます)、PUBLISHしてください。必ずHMV2024のタグを記載してください。タグは後で編集可能です。

Image7

STYLYシーンのサムネイル、タグを編集する

ペンのアイコンをクリックしてください。

Image6

タイトル、説明、サムネイル、タグの編集ができます。サムネイルは1920×1080px、2MB未満、JPEG形式でアップロードしてください。サムネイルは応募フォームで提出していただきます、

Image28

STYLYモバイルアプリ システム要件

推奨システム要件は以下です

各AR対応端末 = STYLY Mobile対応端末です

iPhone、iPad:Apple公式のAR対応端末は以下記載をご参照ください

https://www.apple.com/jp/augmented-reality/

Android端末:Google公式のAR対応端末は以下記載をご参照ください

https://developers.google.com/ar/discover/supported-devices#google_play_devices

STYLYモバイルアプリ ダウンロード方法

AppStore

Image18

GooglePlay

Image26

ARライブ体験方法(現場検証)

渋谷スクランブル交差点に移動してください。東京渋谷駅の都市テンプレートを使用したARライブは渋谷スクランブル交差点(現地)に移動しないと体験できません。

渋谷スクランブル交差点付近でSTYLYモバイルアプリを起動して、マイページをタップして、制作したARライブをタップしてください。

Image21

見るボタンをタップして、渋谷スクランブル交差点にカメラを向けてください。

Image20

渋谷スクランブル交差点に巨大なでんぱ組.incが出現します。

ボリュメトリックデータはストリーミングのため、各種キャリアの電波強度によって再生まで時間がかかる可能性がございます。

Image23

各種SNSにARライブ体験動画を公開する

各種SNS(TikTok、Youtube Shorts、X(旧Twitter)に以下の情報を投稿してください。

  • 都市ARライブのURL、
  • ハッシュタグ
    • #でんぱ組.inc
    • #STYLY
  • ARライブ体験動画

都市ARライブのURLは、共有からコピーできます

Image13

TiktokにARライブ体験動画を投稿する方法(音源の設定)

サウンドにFuture Diver (10th Anniversary Ver.) 00:24 を設定してください。

Image35

元音源をミュートにしてください。

Image9

Youtube ShortsにARライブ体験動画を投稿する方法(音源の設定)

サウンドにFuture Diver (10th Anniversary Ver.)を設定してください。

Image11

追加音声を0%にしてください。

Image29

サウンド開始を1:08-開始にしてください

Image38

お問い合わせ

Unity、STYLYに関するテクニカルなご質問は STYLY Forum をご活用ください。

その他規約などに関するお問い合わせは support@styly.inc まで