エモリバ

エモリバは東京ドームシティで巻き起こる熱狂を、WebARで可視化します。同時に過去のイベントの盛り上がりも振り返り、過去の熱狂を追体験することができます。

• 作品紹介ページ - Proto Pedia

操作説明動画

Quick Start

1. 必要情報の取得

はじめに下記のサービスにアクセスし、利用に必要な情報を取得する。API キーやアカウントが存在しない場合は作成する。

サービス名	URL	必要な情報
Google Cloud	https://console.cloud.google.com/	サービスアカウントキー

1-1. .envの作成

.env.exampleをコピーして、.envを作成する。その後、それぞれのサービスから取得した情報を.envに設定する。

# GCPの設定
GOOGLE_APPLICATION_CREDENTIALS=${GCPのサービスアカウントキーを配置したパス}

2. サーバの起動

必要ライブラリをインストール。

npm install

開発用サーバを起動する。

npm run dev

実行後、以下の URL にアクセスする。

• http://localhost:3000

デプロイ

本アプリケーションは、Firebaseにデプロイされている。デプロイを実行する場合、以下のコマンドを実行する。

npm run build -- --preset=firebase
firebase deploy --only functions:server,hosting

その他

AR.jsの参考になる情報

随時追加予定

• Introduction – A-Frame
• AR.js Documentation

利用しているフォント

以下のパッケージより「ふい字」を利用している

• https://github.com/studioTeaTwo/aframe-japanese-font