ideacloud blog - 名古屋のWEB制作会社アイデアクラウドのブログ » AR

AR（拡張現実）用のマーカーを作る。

tanaka — Tue, 20 Apr 2010 06:58:49 +0000

レイヤーをカメラに被せるキーは様々なトリガーがありますが、
現在一般的なのはQRコードのようなマーカーというものを
カメラに認識させて、レイヤーをカメラ上にかぶせると言うもの
多くの場合が.patというパターンファイルをマーカーとして使い、
このpatをARのプログラム側で予め読んでおくという手順になります。

ソースも公開されていますが、簡単にpatが作れるジェネレーター
ARToolKit Marker Generator Onlineでマーカーを作ってみたいと思います。

マーカーを実際写してカメラに読み込ます場合と、
イメージをロードする方法と２種類あります。
どちらも簡単にマーカーを作ることができますが、
カメラからだと部屋の明るさによって認識されないことがあるみたいです。

下記が実際作ったマーカーでシンプルキューブを
読み込んでいるさせている例です。

マーカー自体はジェネレーターを使えば簡単に作ることができます。
FLARのマーカーではなくてマーカーもオリジナリティを出したい
という方はどうぞ。

ARToolKit Marker Generator Online

Papervision3D vol.1「Papervision3D インストールから球体回転まで」

tanaka — Wed, 14 Apr 2010 08:16:28 +0000

現在FLARToolkitを使って色々と開発をしていますが、
表現をより豊にクオリティを高くするためには、
Papervision3D をもう少し使いこなせないといけないなということで、
改めて１から勉強してみようと思い、メモがわりに勉強したことを残していきたいと思います。

今回は「Papervision3D インストールから球体回転まで」。

1.Papervision3Dのインストール

インストールは普通のソフトウェアと少し異なり、
SVNリポジトリからダウンロードする必要がありますので、
SVNクライアントをまずセットアップします。
クライアントを「svnX」からダウンロードします。

クライアントだけでは動かないので、「Martin Ott」からライブラリもダウンロード。
インストール後下記のようなウィンドウが出現します。

Nameは任意の英文。Pathには以下のURLを入力して追加。

http://papervision3d.googlecode.com/svn/trunk/

リストに追加されたら、追加されたリストをダブルクリック。
ダウンロードのためのウィンドウが開きます。

色々と入っていますが、今回はAS3での開発ですので、

http://papervision3d.googlecode.com/svn/trunk/as3/trunk

以下のファイルを任意の場所にダウンロード。
ダウンロードしたら、ディレクトリパスをFLASHの設定の
ActionScript3の設定からパスを設定。

以上で、インストールは完了です。

2.動作確認のために球体が回転するというデモを作成する。

上記のようなオブジェクトをPapervision3D で表現します。
今回は外部asから読み込むような形で、コードを制作しました。
事細かくコメントアウトをしましたので、
ご参考までに御覧ください。

package{//のようなもの外部からASを呼び出すときに必要

	//ここから必要な機能をインポート。import+機能で呼び出し。
	//アスタリスクは全ての命令という意味。
	//下記の場合はPV3Dのviewとpromitivesの機能全てをインポート。
	import flash.events.MouseEvent;
	import org.papervision3d.view.*;
	import org.papervision3d.objects.primitives.*;

	[SWF(backgroundColor = "#000000", width="400", height="300")]

	public class MyCube extends BasicView{
		//クラス名を指定 class名はasのファイル名と一致させること。
		//publicはどこからでも参照できるという意味。
		//extendsはその単語以下の機能を継承して使わしてもらうという宣言。
		//この場合はBasic viewの機能をこのクラスで使うという意味。
		//この機能は上記のimportで取り込んでおかないと使うことができない。
		//Basic view.asはディフォルトでカメラを設定してくれるクラス。

		//ここからコンストラクタ。コンストラクタはインスタンス
		//（オブジェクトの実体）を作り、インスタンスを初期化することにあります。
	  public function MyCube() {		  

		 //半径300、縦40分割、横40分割の球体（Sphere）を作る
		var mySphere:Sphere = new Sphere(null,300,40,40);

		  //シーンに配置
		  scene.addChild( mySphere );

		  //マウスイベントの定義
		  stage.addEventListener(MouseEvent.MOUSE_MOVE, onMouseMove);

		  //レンダリング開始
           startRendering();
			  }

	  //イベントの処理の設定-マウスの動きでインスタンスが回転
		private function onMouseMove(e:MouseEvent):void {
			var pitch:Number = -mouseY * 0.5;
			if (pitch >= 0)
				pitch = -0.1;
			camera.orbit(pitch, mouseX * 0.8);
		}
   }
}

Papervision3DでAR(拡張現実)

tanaka — Wed, 14 Apr 2010 03:30:04 +0000

現在AR（拡張現実）を周りを色々と触っていますが、
現在でているFLASHの開発キットFLATtoolkitと相性が良いのが
Papervision3D。

kitのなかにはPapervision3Dが利用されていますので、
呼び出すオブジェクトがPapervision3Dのコードを書いていく感覚で、
作れるというものです。

Papervision3DはPapervision3Dとは、Flashで3Dの描画を実現させる、
ActionScriptクラスライブラリで、3Dコンテンツを手軽に？
作れるというものです。

色々と試してみて、FLARtoolkitでの表現のクオリティを上げていくのは
現状だとPapervision3Dが一番いいなと思っています。

現状はサンプルコードやGLPライセンスで公開されたものを
つなぎあわせてアレンジしている段階ですが、
Papervision3Dも単体でもう少し深く覚えていけたらと思っています。

今年の年賀状はAR（拡張現実）に挑戦しました。

tanaka — Sun, 27 Dec 2009 06:19:24 +0000

今年も、もうそろそろ終わりに近づいていますが、
今日は業務の合間をぬって年賀状を印刷。
本来なら25日に出したかったのですが、
どうしても間に合わず、明日投函します。

今年はWEBの業界へのPRとしてAR（拡張現実）を使って
年賀状を作ってみました。何が飛び出すかは、お楽しみで。
特設サイトは年内には頑張って制作したいと思います。

ただ開いてくれる人がいるのかは微妙な所。
ARの技術は面白いんだけど、見てもらうまでに
クリアしてもらうステップが多いのが難点ですね。
国内携帯でパッと見れるようになれば、もっと広がりそうですが…。

AR（拡張現実）を勉強していきます。

admin — Mon, 23 Nov 2009 15:01:47 +0000

なかなか新しい領域にチャレンジできないでいますが、
最近、特に面白いと感じ、興味が尽きない、
AR（拡張現実）を少しづつ勉強していこうかなと考えて準備中です。
こちらは技術という分野だけでなく、広告との親和性も高いので、
今後役に立つスキルになりうるのではないかと思っています。

取り急ぎFLASHCS3以降で開発が進められるsaqoosha/FLARToolKit/en – Spark projectを使って
頑張っていきたいと思います。

基本的にはActionScript3.0+3DCGみたいですが、そちらの方面の
スキル不足は否めませんので、仕事の合間を縫いながら、
少しづつ足りないスキルを足していこうと思います。

今年の春ぐらいにはなんとか少しでもカタチにしたいと思っています。