日本都市向け ARシーン制作マニュアル

2022年10月15日 2025年01月08日

東京・大阪・名古屋・札幌・福岡・京都・新潟・金沢・広島の都市テンプレートモデルを使用すれば、マーカーレスで用意されている都市に完全にフィットするARシーンが制作可能になります。

日本都市（東京・大阪・名古屋・札幌・福岡・京都・新潟・金沢・広島）向けARシーンの制作から配信、体験方法をご紹介します。

1 日本都市向けARシーンを制作する方法
2 日本都市向け ARシーンを体験する方法
3 注意事項
- 3.1 以下のような状況では正常に動作しません

日本都市向けARシーンを制作する方法

都市テンプレートを選択する

STYLY Studio にアクセスしてください。
STYLY Studioをご利用になるときは、アカウント登録をしてください。

「シーンを作成」ボタンをクリックします。
テンプレート一覧が表示されます。

「新規シーン」ボタンをクリック

都市テンプレートを選択してください。
シーンのタイトルを入力して、「作成」ボタンをクリックしてください。

都市テンプレート一覧

札幌大通り公園テンプレート（北海道）
東京新宿西口テンプレート（東京都）
東京渋谷駅テンプレート（東京都）
新潟古町テンプレート（新潟県）
新潟万代島テンプレート（新潟県）
金沢駅テンプレート（石川県）
名古屋駅テンプレート（愛知県）
京都駅テンプレート（京都府）
大阪柴田町テンプレート（大阪府）
大阪道頓堀テンプレート（大阪府）
大阪城テンプレート（大阪府）
広島駅テンプレート（広島県）
福岡天神駅テンプレート（福岡県）

都市テンプレートを選択する

都市テンプレートを使って、都市空間に紐づけられたARシーンを作る

STYLYではデフォルトで用意されているアセット（3Dモデル、エフェクトなど）を使ってARシーンを制作できます。
自分で作成した3Dモデルや画像/動画を使うと、よりオリジナリティのあるシーンを作ることができます。

STYLY Studioで用意されているアセットの使い方や、自分で作成した素材をSTYLY Studioで使う方法は、以下の記事をご参照ください。

取り込めるアセットを理解しよう

Unityで作ったシーン、プレハブも使えます

UnityからSTYLYにプレハブとシーンをアップロードする方法

アセットに動きをつける方法はこちら

STYLY Modifier（モディファイア）マニュアル

アセットをStudioに配置していきます。
配置場所に困ったら、建物の屋上や壁面にアセットを配置してみましょう。

配置方法に困ったら、建物の屋上や壁面にアセットを配置してみる

3D都市モデルはリアルスケール

3D都市モデルと現実世界の建物群との大きさは同じです。
STYLY Studioで配置した位置の通りに現実世界の同じ場所にアセットが配置されます

3D都市モデルと実際の建物と大きさは一緒

3D都市モデルはAR体験時に表示されない

3D都市モデルはAR体験時には表示されません。
3D都市モデルは現実世界での建物の当てとして使用します。

STYLY Studioの3D都市モデルは、AR体験時には見えない

体験時の見え方はYour Positionで確認する

Your Positionは人の目線でシーン内を見れます。
Studio画面右側の「reset position」クリックすると、Your Positionからの目線でARシーンを確認できます。

様々な角度や高さからシーンを制作すると体験するときの目線ではなくなっているため、ARシーン体験時に「イメージしてたのと違う」とならないようにしましょう。

Your Positionの目線から見たシーン

3D都市モデルがある場所であれば、どこからでもAR体験可能

都市テンプレートを使ったARシーンを体験するときは、3D都市モデルがある場所に行く必要があります。
各都市毎の体験範囲については、「都市テンプレートと同じ場所に移動してから体験する」をご覧ください。

Unityで制作したシーン・プレハブも使用可能

Unityで制作したシーン・プレハブをSTYLY Studioにアップロードする方法は、以下の記事をご覧ください。

UnityからSTYLYにプレハブとシーンをアップロードする方法

日本都市向けARシーン制作時の注意点

都市用アセットは削除しない

都市テンプレートを使ってシーンを作成すると、AR on Cityアセット・3D都市モデル・3D都市アンカーの3アセットがシーンに配置されます。
この3つのアセットは削除しないでください。削除すると、都市での体験ができなくなります。

削除禁止のアセット
・AR on City
・3D都市モデル
・3D都市アンカー

AR on City、Tokyo Shibuya Station、Tokyo Shibuya Station Anchorは削除しない

間違って削除した都市用アセットを戻す（復活）方法

削除した場合は、アセットセレクター画面を開いてFunctionからアセットを配置してください。
FunctionからAR on City・3D都市モデル・3D都市アンカーアセットを再配置できます。

AR on Cityを削除してしまった場合は、AR on Cityをクリックしてシーンに配置してください。
3D都市モデルを削除してしまった場合は、3D都市モデルから削除してしまった3D都市モデルをクリックしてシーンに配置してください。
3D都市アンカーを削除してしまった場合は、3D都市アンカーをクリックしてシーンに配置してください。

3D都市モデルと3D都市アンカーは、必ず同じ都市名のものをセットで使ってください。
Tokyo Shibya Stationの3D都市モデルを使う場合は、Tokyo Shibya Station Anchorを使用してしてください。