誰でも出来るARバースデーカードの作り方
友人の誕生日のお祝いにAR(拡張現実)バースデーカードを作ってみました。
スマホの「Junaio」というアプリで見ることができるARになります。
ARの部分だけなら10分くらいで無料で簡単に作れます。
※台紙を作ったりアナログ作業のほうが大変
完成品
表紙 ※この表紙にもこっそりARが仕込んであったりします。 |
|
中身 |
|
Junaioを使ってARを表示
画像では分かりませんが、オルゴールの「Happy Birthday to you」がBGMで流れています♪
ちょっとしたサプライズになったみたいで喜んでもらえました。
ちなみに、きのこは彼の好物です。
|
作り方
1. インストール
Metaio Creatorをインストールします。
Metaioのクラウドサービスも利用するのでアカウント登録が必要になります。
このサイトからアカウントを登録してMetaio Creatorをダウンロードしてください。 ファイルがダウンロードできたらインストールしてください。 |
|
ダウンロードと同時にメールが送られてきているので、そのメールからサインアップのページを開きます。 | |
必要事項を入力してサインアップしてください。 これでソフトウェアの準備は完了です。 |
2. マーカーの追加
ARを表示させるためのマーカーを追加します。
なんでもいいのですが、マーカーにしやすい画像というものがあり、上下左右の区別が付きやすい画像が好ましいようです。 |
|
Metaio Creatorを起動して、画面下の「+」ボタンをクリック。 |
|
ダイアログが表示されるので、一番左の「Image Tracking」を選択します。 |
|
画像の選択ダイアログが表示されるので、マーカーにしたい画像を選択します。 これでマーカーの追加は完了です。
選んだマーカの下に星が3つ表示されますが、これが「マーカーとしての良さ」を表しています。この例だと☆が2つでしたが、特に問題なく使えました。 |
3. ARコンテンツの追加
ARで表示させたいコンテンツを追加します。
画面右の「Image」ボタンをクリックして、ARで表示する画像を選択します。
3Dオブジェクトや音楽、動画などを追加したい場合はそれぞれ違うボタンをクリックして追加していってください。
※無料枠では1チャネルにつき5個までが限界のようです。 チャネルについては後述。 |
|
追加した画像がマーカーの上に表示されるので、配置などをドラッグして調整していきます。 |
|
視点の変更や、3次元の位置調整、大きさの変更などはそれぞれ画面左のボタンをクリックするとできるようになります。
調整が終わったらARコンテンツの追加は完了です。 |
4. Metaioクラウドにアップロード(チャネルの作成)
画面右下の「Upload to Metaio Cloud」というところに、「Sign In」ボタンがあるので、それをクリックしてサインインします。 |
|
サインインすると「チャンネル」選択用のドロップダウンと、「Create」ボタンが出てきます。 まずは「Create」ボタンをクリックして「チャンネル」を作成します。
※チャンネルというのは、自分のAR配信用のサーバのようなものです。 ユーザはまずこのチャンネルにアクセスすることで、ARを見ることができるようになります。 |
|
チャネルを選択していると、「Create」ではなく「Upload」に表示名が変わっているはずです。 「Upload」ボタンをクリックすると、作成中のプロジェクトがクラウド上のチャンネルにアップロードされます。
アップロードが完了するとQRコードが発行されます。このQRコードをJunaioというアプリでスキャンすると、作成したチャネルにアクセスできます。 |
5. テスト
- スマホに「Junaio」というアプリをインストール
- Junaioを起動
- 右上の「scan」をタップして、さきほどのQRコードを読み込みチャンネルにアクセスする
- チャンネル名が表示されたらそのままマーカを見る
- ARが表示されたらOKです!
※PC画面上の画像だと角度によってはマーカーが認識しづらかったのですが、印刷したらかなり改善しました。
無料枠だと追加できるコンテンツ数などに制限がありますが、ちょっとしたものであれば全然問題なく作れます。
クリスマスが近いことですし、ARでクリスマスカードを作成してみてもいいかもしれませんね。ちょっとしたサプライズになると思います!
おわり