2008.06.052008年08月12日追記:現在、Papervision3Dのバージョンアップの都合で、最新版のPapervision3DとFLARToolKitの組み合わせでは動かない状態になっています。詳細及び回避方法についてはこちらを参照ください。2008年08月20日追記:FLARToolKitが新しくなり、Papervision3Dを一部変更して使うようになりました。詳細をこちらに記載しましたので、ご参照下さい。2009年01月24日追記:Papervision3Dに変更が入り、上記の変更が不要になりました。俺としてはFLARToolKitである程度サンプルを弄れて、今後複数マーカー認識とかを使っていくにはちょっとソースを読み込んでいく必要が有りそうだなと言う段階だが、その前にまとめとして、FLARToolKitを使えば、簡単にMetasequoiaモデルを出すくらいは出来ますよと言う事をお伝えしたいと思う。解説記事でも書いていこうかなと言う事だ。FLARToolKitをダウンロード、サンプルをビルドして表示する所まで行こう。殆どの部分はFLARToolKitと言うより、FlashDevelopとかTortoiseSVNの使い方になってる気がするがまあいいだろう。Flashで拡張現実を楽しむために必要なものはこちら。(拡張現実には絶対必要)ちょっと多いように見えるが、順を追っていけば簡単なので落ち着いて説明していく。大まかに言うと、Flexを動かすために必要なものと、FLARToolKitを動かすために必要なものの2つに分かれている。Flexを動かすための準備から。J2SEのダウンロードまず、Javaが必要。これが無いとFlexが動かない。6をダウンロードしてみる。Downloads」から入手可能。ダウンロードしたらインストールして、DOSプロンプトから実行して動作確認しておく。Sourceのサイトからダウンロードできる。Add-ons」らしい。後ライセンスが違うのかな?その辺りは時とともに代わってるのでわかりにくい。kwoutダウンロードして展開したら、全角文字とスペースが含まれない所に置く。「C:\flex_sdk」など。477のように動作確認をする。TortoiseSVN、FlashDevelopSubversionリポジトリにアクセスし、ソースをダウンロードするのに必要なのが「TortoiseSVN」、フリーでありながら非常に高機能なActionScript3.0開発には欠かせないIDEが「FlashDevelop」。どちらもダウンロードし、インストールする。TortoiseSVNは日本語化できるので、本体と一緒に言語パックも落としておくと便利。FlashDevelopは、3.0.0.0betaとあるものの最新版をゲットする。Subversionからのソースゲットさて、FLARToolKitで拡張現実の世界を楽しむために必須なのが、Subversionからのソース取得。Subversionについての細かい説明は省くし誤解を生むかもしれないが、取り敢えずSubversionってのは、いつも最新のソースが置いてある場所だとだけ覚えておけばよい。Subversionにおいてあるソースを書く立場で考えると、バージョン管理だとか共同作業だとかの機能も大事だろうとなるが、正直使うだけの立場からすると不要な機能だ。言うわけで、Subversionからソースを最初に持ってくる作業、要するにダウンロード作業の事を「チェックアウト」と言う。ちなみに、ソースファイルを置いてある場所の事は「リポジトリ」と言う。TortoiseSVNを使えば簡単に「チェックアウト」が出来るので、心配する必要はない。ちなみに、Subversionで管理されているソースは大体開発真っ最中なので、気付くと新しくなっている。そんな時は、「更新」してやればよい。更新は、TortoiseSVNをインストールした後なら、右クリックからメニューを選べば出来る。FLARToolKitさて、いよいよ本番。FLARToolKitを入手する。先ほどインストールしたTortoiseSVNを使って、ソースをリポジトリからチェックアウトする。エクスプローラーの適当な場所で右クリックすると、いつものメニューに混じって「SVNチェックアウト」なるメニューがあるので、これを選択する。チェックアウトのためのダイアログボックスが出てくる。ソースのあるURLと、ローカルの保存場所を聞かれていることがわかる。ここでFLARToolKitのソースが置かれている場所を知る必要があるとわかるのでFLARToolKitのサイトを訪れ、探す。ソースを見るURLはあるが、欲しいソースをチェックアウトするURLが中々見つからない。頑張って探しても良いが、ほぼ見つけられないだろう。言う事で、「http://www.libspark.org/svn/as3/FLARToolKit/trunk/」をダイアログ最上部「リポジトリのURL」に入力する。ローカルの保存場所を決める。「C:\SVN\FLARToolKit」としてみよう。全部入力するとこんな感じになる。OKボタンを押すと、ソースがだだーっとダウンロードされてくるログが見られるダイアログが表示される。ログダイアログのOKボタンを押せるようになったら終了。さっき指定したフォルダを見ると、左下に緑のチェックマークがあることがわかる。以上でFLARToolKitは入手完了し、拡張現実の世界を手に入れた事になる。Papervision3Dさて、次はFlash上で3Dモデルを表示したり操作したりする、「Papervision3D」とを手に入れる。これもFLARToolKit同様Suversionからのソース取得。Papervision3Dのサイトからソースが置いてあるURL「http://papervision3d.googlecode.com/svn/trunk/」を見つけ出し、「C:\SVN\papervision3d」にチェックアウトしよう。これで、必要なものは全て揃った!ちなみに、Papervision3Dはアルファ版のGreateWhiteというのを使うので、その部分だけをチェックアウトしてもよい。FlashDevelopで、FLARToolKitのサンプルをビルドしてみる準備が全て整ったので、早速FLARToolKitのサンプルを触ってみる。サンプルそのままビルド&動作を確認して、次に繋げていく事にする。FlashDevelopの設定から。ActionScriptによるWebの3Dグラフィックス再入門:CodeZine辺りを参考にして、FlashDevelopで開発が出来るように設定する。見るのは1ページ目だけでよい。2ページ目以降はよりレベルの高い内容なので、後で見ればいいのです。FlashDevelopで開発を行う単位である「プロジェクト」を作る。Project」で、新規プロジェクト作成ダイアログを出してやる。Project」を選択する。「Name:」欄に作りたいプロジェクトの名前を入れる。「Location:」欄にプロジェクトのフォルダを起きたい場所のパスを入れる。project」にチェックを入れる。全て入力するとこんな感じ。これが終わると、右側の「Project」タブに、作成されたプロジェクトのフォルダ構成が出てくる。次にやるべき事は「クラスパスの設定」だ。クラスパスは、以下の3つに対して設定する。FLARToolKitの、「src」フォルダFLARToolKitの、「sample」フォルダPapervision3Dの2.0アルファ版「GreateWhite」と言う事でFlashDevelop上で作業していこう。「Project」-「Properties」をクリックし、プロジェクト設定を開く。Classpath...」ボタンをクリックする。フォルダの参照ダイアログが出てくるので、「C:\SVN\FLARToolKit\src」を指定して「OK」ボタンを押す。続いて、「C:\SVN\FLARToolKit\sample」「C:\SVN\papervision3d\branches\GreatWhite\src」も同様の方法で指定。これでクラスパスを設定し終わった。右側の「Project」タブに、FLARToolKitとpapervision3dの、ブロックみたいなアイコンのツリーが出てくる。次はビルド対象の指定。今回はサンプルをビルドしてswfファイルを作る。FLARToolKit\sampleのツリーをクリックし、展開すると、.asファイル3つとswfファイル1つが出てくる。Compile」を選択する。すると、ファイルのアイコンの左下の赤い丸が緑の矢印に変わる。これで、このファイルがビルド時のメインターゲットになったわけだ。準備完了!いつでも来い!と言うわけで、ビルドボタンを押す。歯車みたいなボタンか、再生ボタンのどっちかだが、再生ボタンだとビルド完了後、そのままswfファイルが表示されるので便利だ。簡単に出るかっつーの!と言う事で、上手くいったとしても真っ黒な画面が出たくらいではないだろうか?本来出て欲しい、カメラ画像が出てこない・・・。?必要なデータを準備。実際問題として、真っ黒画面が出た場合ビルドは成功している。FlashDevelop下部のoutput画面に、こんな風に出ているはずだ。(0)実は、マーカーの設定ファイルとカメラのパラメータを読み込もうとして失敗し、結果的に途中で止まっているのだ。適切な位置にそれらのパラメータを置いてやればよい。そもそもswfファイルは何処にあるのか?それは、binフォルダの下だ。binのツリーを開くと、「flarsample.swf」と言うのが出来てるはずだ。"Data/camera_para.dat";と書いてある。240);こんな風に使っている。深く知る必要は無いが、この2つのファイルを、swfファイルからの相対パスで読み取れるようにしてやる。FLARToolKit\sample以下にある「Data」フォルダをコピーする。「Data」フォルダをbinの下にペーストする。これでもう一度再生ボタンを押す。これで、FlashDevelop上にカメラの映像が出てくるはずだ。」からマーカーのデータを入手し、印刷しておこう。次回は、サンプルを改造してピンクの四角、通称ポリチクビ以外のものを表示する所までいきたいと思う。AIRの正式バージョン1.0が登場した。変わったくらいで、あとは同じだったようだ。...ActionScriptCocomoでGUESTログイン→ログアウト→再ログインでWhiteBoardの挙動が変タイトルで全て説明している気がする。GUESTでログインするサンプルを作って試してみたのね。クックブックを購入した。Onlineマルチマーカ版をAIRにしてみた。Saqoos...ActionScriptIN2ARで、超駆け足な感じでAndroidアプリを作ってみる。IN2ARという、AS3でマーカーレス(画像マーカー)のARアプリが作れるライブラリで、Android向けにAIRアプリを作ってみる。Builder4.6でチャレンジ。́・ω・`)ショボーンな理由どういうわけか知らんが、FlashDevelopではBOMの付いてないUTF-8ファイルの日本語が文字化けする。FLARToolKitのソースファイルは、見事BOMなしUTF-8だ。参考として、FLARToolKitのあるソース...ActionScriptFLARCodeを元に画像を作れば、絶対認識できるんじゃね?→やってみた。なんか代わりの画像でも使えないかな??などと思うことがよくあると思う。Webカメラを起動するまでが重い。Piのイメージが壊れてたら、Rubyをインストールできない。Piのイメージが壊れてたら、Rubyをインストールできない。tuperaに支配された東京を描くディストピア映画!あと磯子滅ぶ!俺はおしっこちょっぴりもれてない!まだグレイテスト・ショーマン見てないの!?タイトルとURLをコピーしました。