アンケートご協力のお願いgihyo.jpでは,2010年度に向けて豪華プレゼントが当たる読者属性アンケートを実施しております。ご協力ください。

gihyo.jp » WEB+DESIGN STAGE » 特集 » FLARToolKitを使ったAR系Flashの作り方 » 第1回 FLARToolKitことはじめ

FLARToolKitを使ったAR系Flashの作り方

第1回 FLARToolKitことはじめ

ARとは?

最近よく目にするARとはAugmented Realityの略で,日本語にすると「拡張現実」と言います。昔はやったVR(Virtual Reality)とよく間違われるのですが,こちらは「仮想現実」。ARとは違います。

Wikipediaによると,ARは次のように定義されています。

拡張現実とは現実環境にコンピュータを用いて情報を付加提示する技術,および情報を付加提示された環境そのものを示す。

難解な文章でよくわからないですよね。具体的なモノでいうと,アレです,ドラゴンボールに出てくる「スカウター」です。スカウターを通して見ると現実環境に相手の戦闘能力が付加提示されて見える,と。実写に完全にシンクロさせてリアルタイムにCGなどを合成するという技術なのです。

FLARToolKitとは?

さて,本稿で解説するFLARToolKit(えふえるえーあーるつーるきっと)とは,このARという技術を容易に実現するために開発されたARToolKitというものをFlash(ActionScript3.0)に移植したものです(※1)。

※1
FLARToolKitは,ARToolKitをJavaに移植したNyARToolkitをベースにしています。

実際にFLARToolKitがやってくれるのは実写画像から3次元空間の位置を計算するところまでで,その計算結果を使って3Dオブジェクトを表示するためには別途Papervision3Dなどの3Dライブラリが必要になります。現在FLARToolKitが対応しているのはPapervision3D(rev.815以降)だけですが,近日中にAway3D 2.3への対応も予定しています。

FLARToolKitは日本最大のFlash/ActionScriptオープンソースコミュニティ,Spark projectに参加しています。最新版のソースコードはリポジトリからダウンロード可能です(FLARToolKitのページはこちら)。

ライセンス

ライセンスは移植元のARToolKitがGPLで公開されているため,必然的にFLARToolKitもGPLでの配布となります。

また,GPLではソースコードの公開が必要であったため,企業サイト等には導入しづらかったのですが,2月16日にARToolKitの開発元のARToolworks,Inc.からFLARToolKitとNyARToolkit向けの商用ライセンスが発表されました。この商用ライセンスを利用すればソースコードの公開は必要ないため,企業のキャンペーンサイトなどにも導入しやすくなったと思います。

FLARToolKitの仕組み

FLARToolKitを使うまえに,FLARToolKitの仕組みを解説しておきましょう。

FLARToolKitはどのようにして実写内の空間を認識するのでしょうか。ヒントはマーカーと呼ばれる特徴のある画像です(図1)。

図1 FLARToolKitで利用するマーカー

図1 FLARToolKitで利用するマーカー

マーカーでは,黒い四角い枠のなかに任意の絵柄を描きます(※2)。FLARToolKitは実写内に写ったマーカーを見つけて,そのマーカーが3次元的にどの方向を向いているのかを計算する,という仕組みになっています。そのため,まったく何もない空間だけでは認識できません。必ずマーカーが必要になります。

※2
ちなみに,図1はオリジナルのARToolKitにデフォルトで付属してるマーカーなのですが,どうしてHiroと書いてあるかというとARToolKitの開発者が「加藤博一(かとうひろかず)」さんだからだとか,なんとか。

FLARToolKitをさわってみよう

FLARToolKitを使用するうえで,準備するものは以下ものです。

まず,なにはともあれFlash。FLARToolKitはActionScript3.0で書かれているため,Flash CS3以降が必要です(実際には.flaには素材的なものは何も含まれていないので,Flex BuilderやFlashDevelopでも簡単にできます)。

次にWebカメラ。Flashから使えるものであれば安いものでも問題ありませんが,露出補正機能がついているもののほうが明るさの変化に対応してくれて認識しやすくなるのでおすすめです。

そしてFLARToolKitスタートキット。これは僕のブログの記事「FLARToolKitスタートアップガイド」のためにファイル一式をまとめたものですが,必要なファイルがまとまって入っているので今回も手始めにこのデータを使います。

最後にマーカー。スターターキットにflarlogo-marker.pdfというのが入っているので,適当な紙に拡大縮小せずにそのままのサイズ(80mm×80mm)で印刷してください。厚めの紙のほうが曲がったりしなくてよいのでおすすめです。

FLARToolKitスタートキットを利用した手順

それでは,始めます。

  1. SimpleCube.flaを開きます。
  2. Ctrl+Enter(MacならCommand+Enter)でパブリッシュプレビューします。
  3. カメラ画像が表示されるのを確認。表示されてない場合はカメラを選び直す必要があるので,ステージを右クリックしてコンテキストメニューから「設定」,カメラアイコンの描いてあるタブを選んで,プルダウンから適当なものを選択してください。MacBookなどの内蔵カメラは「USB Video Class Video」という名前です。また,カメラ設定の詳しい説明はAdobeのサイトを参考にしてください。
  4. カメラからの映像が映ったら,カメラの前に印刷しておいたマーカーをかざします!

すると,図2のような感じでマーカーの上にピンクのCubeが乗って表示されます! 現実が拡張されてます! マーカーを動かしてもピッタリくっついてきます(ムービーで見てみる)。

図2 ピンクのCubeが乗っているように表示される

図2 ピンクのCubeが乗っているように表示される

上手に認識されないときは部屋の照明を明るくしてみてください。光が反射して黒い部分が光ってしまっていてもダメです。白と黒のコントラストがはっきり出るようにしてみましょう。

著者プロフィール

さくーしゃ

大阪のKatamari Inc.っていうWeb屋でFlashやってます。Saqoosha.netでブログ書いてます。新しもの好きで飽きっぽいGeek。

コメント

コメントの記入

パスサポ

多数の情報処理技術者試験対策書籍の発行実績を誇る技術評論社がお届けする,資格試験合格サイト「めざせ! 情報処理試験 パスサポ」が開設されました。

ピックアップ

サクセスストーリーに続く,快適サーバー運用管理のヒント!

データの増大,煩雑な管理,システムダウン,セキュリティなど,迫りくる課題からシステム管理者の負担を軽くするポイントを解説します。

gihyo.jp インフラエンジニア情報局

ネットワークやITにかかわるあらゆる業種で必要とされるインフラエンジニアに向けた技術情報や心構え,その魅力について多角的に紹介。

テストエンジニア ステーション

いま,ITに関わるあらゆる開発業務で注目されつつあるテスト系エンジニアをターゲットにしたコンテンツサイトを展開します。

一行クイックアンケート

gihyo.jpで取り上げてほしいネタは?

※検索はページ右上の検索ボックスをご利用ください。

その他の連載

読むウェブ ~本とインタラクション

ディスプレイで読む活字とそのインタラクション(interaction:相互作用)について,最新Webを紹介しながら読み解いていく。

いま,見ておきたいウェブサイト

この連載では,国内外の最新のウェブサイトを隔週更新で取り上げ,これら最新サイトの特徴や素晴らしい部分を,さまざまな角度から解説していきます。

Windows phoneアプリケーション開発入門

Windows Marcketplace for Mobileがサービス開始され,作成したアプリケーションを個人でも世界をターゲットに公開できる環境が整ってきました。これを機にWindows phoneアプリケーションの開発をしてみませんか?

ここは知っておくべき!Windows Server 2008技術TIPS

5年ぶりのサーバOSとなったWindows Server 2008が出荷されて早2年。2009年にはR2が出荷され,再び注目を集めています。発売前から実施したトレーニングによって感じた,インフラエンジニアの方々に知っておいていただきたい機能を中心にご紹介します。

キーパーソンが見るWeb業界

本連載はWeb Site Expert/gihyo.jpとの連動企画です。阿部淳也, 長谷川敦士, 森田雄のお三方による,Web業界をテーマにした座談会です。

きたみりゅうじの聞かせて珍プレー

ソフトウェア開発の現場で体験したトホホな失敗,思わずうなる珍プレーをきたみりゅうじ氏が四コママンガで紹介。みなさんからの投稿もお待ちしてます!

ActionScript 3.0で始めるオブジェクト指向スクリプティング

野中文雄氏が,簡単なスクリプトは書いたことがあるという初級者を対象に,ActionScript 3.0の基本からクラス定義までを解説します。

まだ間に合う「ITパスポート」受験対策 原山先生の短期合格塾

この連載では,4月18日のITパスポート試験の受験に向けて,短い期間で効率良く受験対策を行う方法や,確実に得点するための裏ワザなどを伝授していきます。

連載一覧

gihyo.jp

  • DEVELOPER STAGE
  • ADMINISTRATOR STAGE
  • WEB+DESIGN STAGE
  • LIFESTYLE STAGE
  • SCIENCE STAGE
  • NEWS & REPORT

書籍案内

  • 新刊書籍
  • 書籍ジャンル一覧
  • 書籍シリーズ一覧
  • 新刊ピックアップ
  • ロングセラー
  • 電脳会議

定期刊行物一覧

  • Software Design
  • WEB+DB PRESS
  • Web Site Expert
  • 組込みプレス