【あのAR】あの日見たブログにAR(拡張現実)が隠されていたことを僕達はまだ知らない。
先月、祇園祭を観に行ったのですが、その京都の街で街頭配布されていた団扇が大変面白かったのです。
なんと団扇の絵柄がARマーカーになっとるんです!
ほんの小さくしか書かれていなかったので読み落としてしまった方も多かったのではと思い動画にて記録しておきました。ご覧下さい。
「AR koto」という地域活性のためのARアプリのようで、これをAndroidでもiPhoneでもインストールして件の団扇にかざすことで、リッチコンテンツを楽しめるという。以下、アプリへのリンクURLであります。
▼http://www.yc-ar.com/ar_koto/
じつは団扇は実物でなくとも、マーカーとして認識できれば良いようですので、下の写真に「AR koto」をかざすことでも認識できました。興味ある方はお試しあれ。
さてここからが本題であります。
件の団扇ARの影響でこういった方面への好奇心が高まってしまい、iOS / Android 両対応のARアプリで、ビュワーだけでなく制作ツールも配布されているものはないかと探しまわってみたところ…あったんですよ!
それが「Aurasma(オーラズマ)」というものです。
どうやら一年以上前から存在してたようですね。うっかり見落としてるにもほどがあります(笑)以下のリンク先より、両OSそれぞれダウンロードできます。
iOS版ダウンロード / Android版ダウンロード
「Aurasma」は『ヒューレット・ パッカードグループのソフトウェア部門オートノミー社が開発』したとのこと。これは信頼して良さそうですね。
via. http://hp.knowledge-works.co.jp/lineup/ar/about_aurasma/
ところで皆さん、このブログ記事のタイトルをもう一度よくお読みください。いかにも何か含んでいますね(笑)じつはこれのひとつ前に書いたブログ記事「大人のプレミアムスティックは大人向けのうまい棒か?」のなかに、既にARが仕込まれていたのです!その他にも、私の公開・配布しているものにARが!
一体どういうことでしょうか?
それでは種明かしの動画をご覧くださいませ。
「Aurasma」を使用することで、スマホのカメラから認識できる様々なものをARマーカーに設定できるんですね。そのうえで、イメージやビデオなどをオーバーレイ表示させるよう指定できます。
ぜひ皆さん、上の動画での説明だけでなく実際に体験してみてください。各デバイス向けのアプリダウンロードは下記リンク先よりできます。
iOS版ダウンロード / Android版ダウンロード
インストールが完了したら、このページを下へ ↓ 読み進めてください。
まずARマーカーを認識するには、一度フォローURLを踏むか「Aurasma」のアプリ内で私「JETDAISUKE」の作成したARコンテンツ(Auraと呼ばれる)を検索、各Auraをフォローしておく必要があります。下図の画面。
-------------------------------------------------------------------
【ブログ記事の写真からAR】
(1)下記のフォローURLをスマホのウェブブラウザで表示すると、Aurasmaが自動的に起動します。
http://auras.ma/s/7m6cc
もしくはAurasmaアプリ内の検索にて「OTONA NO UMAIBO」というJETDAISUKE作成のAuraを検索、フォローしてください。
(2)次に私のブログ記事(以下のURL)をパソコンやタブレット等で開いて
http://gajetdaisuke.com/archives/13811_144549.php
(3)当該ブログ記事にある写真を、スマホのAurasmaで認識してください。
(4)ARコンテンツが表示されます。
-------------------------------------------------------------------
【動画内のイメージからAR】
(1)先述のものと手順は同様、下記のフォローURLをスマホのウェブブラウザで表示すると、Aurasmaが自動的に起動します。
http://auras.ma/s/KzBGf
もしくはAurasmaアプリ内の検索にて「JDRADIO」というJETDAISUKE作成のAuraを検索、フォローしてください。
(2)次に私のラジオ動画(以下のURL)をパソコン等で開いて
https://www.youtube.com/watch?v=oSSLKf7VTO0&feature=share&list=SP2B0X_2mPZey77aPKHjDcWvaVyhj2DAMN
(3)当該動画にある顔部分を、スマホのAurasmaで認識してください。
(4)ARコンテンツが表示されます。
-------------------------------------------------------------------
【印刷物からAR】
※ これは私の名刺をお持ちの場合に限ります。
(1)下記のフォローURLをスマホのウェブブラウザで表示
http://auras.ma/s/i0ccZ
もしくはAurasmaアプリ内の検索にて「MyNameCard」というJETDAISUKE作成のAuraを検索、フォローしてください。
(2)次に私の名刺の氏名の部分を、スマホのAurasmaで認識してください。(成功率はあまり高くないです、スミマセン)
(3)ARコンテンツが表示されます。
-------------------------------------------------------------------
以上
私の自作AR、うまく表示されましたか?
コンテンツを見る際に、あらかじめAuraをフォローしてからでないとマーカー認識しないという面倒さがありますけども、それはパートナー制度(有償?)の方では解消されてるんでしょうかね?先にご紹介した「AR koto」というアプリはそのパートナーの機能「Skinned App」を利用しているようです。
さて、肝心なのはこういったARコンテンツを「見るだけでなく」、Aurasma自体でも作成できるということですね。もちろん簡易的な機能ではありますが、ARマーカーを設定して、つぎに動画などのオーバーレイを指定という簡単な流れで、自分のオリジナルコンテンツが制作できました。簡単すぎて説明不要かと思いましたのでここでは省いて、むしろ成果物をお見せする方向にしました。
だってプログラミング要らずでGUIだけでできちゃうんだもん
なお、さらに高度な設定が可能な「Aurasma Studio(http://studio.aurasma.com/)」というFlashのウェブアプリ(要ユーザー登録)もありまして、今回お見せした作例についてはそちらの方で作り込んでおります(とはいえスマホアプリ版でもそれなりのものは作れますよ)。
以下は「Aurasma Studio」のGUIを画面キャプチャしたもの。いまどきデスクトップメタファをウェブブラウザに持ち込んでる希有なアプリですが、これはどうかと首をかしげる挙動がたまにあるにせよ、なぜか使い勝手はそれほど悪くはないです。
詳しい使用法(といってもスマホ版とワークフロー自体はさほど変わらないですが)については以下のブログが参考になるかと思います。
▼Aurasma | ペンクおじさんのエンジニアブログ|株式会社penq [ペンク] / Penq Inc.
というわけで、私のAR制作初体験レポートでありました。
あと、もちろん「Aurasma」でも3Dアニメーションが仕込めますけども、その辺は私のスキルではよく分からないので棚上げ。静止画と動画のみを扱っております。
コンテンツは「Aurasma」のサーバにアップロードするクラウド型ですが、これ自前サーバでできるともっと良いんだけどなあ。名刺でARなんてのは皆さんやってみたいのでは?
投稿者 愛場大介(Daisuke AIBA / Jetdaisuke) : 2013年8月11日 19:42