FLARToolkitマーカー位置にイージング移動 (easing motion)
-------------------------------------------------
*
* @itoz (http://www.romatica.com)
*
* ▼マーカーを最後に認識した位置にイージングで移動させる[ガクガク感の軽減]
*
* [1] モデルをFLARBaseNodeにaddChildしない
* ・モデルはsceneにaddChildして、FLARBaseNodeの位置にイージングで動かす）
* [2] Matrix3D.matrix2euler()でマーカー角度変換取得
* [3] マーカー非認識時、3Dモデルを消さない、もしくはすぐに消さない。
* ・非認識になっても、最後に認識した位置までモデルを移動させるため）
* ・認識・非認識による点滅の違和感を軽減するため）
*
* [model data]モデルは前に作ったこれ
* http://www.romatica.com/blog/archives/2010/01/blendrpapervision.html
* ※こういうモデルじゃなくて、動物(蝶とか鳥とか?)でアニメーションパターンをちゃんと付けてやると雰囲気出て、
* 演出的にいいと思う。
*
* [marker pdf] マーカーをプリントしてください
* www.romatica.com/dev/resource/flarlogo-marker.pdf
*
* ┏━━━━━┓
* ┃┏━━━┓┃
* ┃┃ F L ┃┃
* ┃┃ A R ┃┃ これですよー
* ┃┗━━━┛┃
* ┗━━━━━┛
*
*
*-------------------------------------------------
FLARToolKit Sample - Simple cube PV3D
* --------------------------------------------------------------------------------
* Copyright (C)2010 rokubou
*
* This program is free software: you can redistribute it and/or modify
* it under th
/**
* Copyright romatica ( http://wonderfl.net/user/romatica )
* GNU General Public License, v3 ( http://www.gnu.org/licenses/quick-guide-gplv3.html )
* Downloaded from: http://wonderfl.net/c/kQE1
*/
// forked from rokubou's FLARToolKit_Sample_Simple_PV3D
/**
*-------------------------------------------------
*
* @itoz (http://www.romatica.com)
*
* ▼マーカーを最後に認識した位置にイージングで移動させる[ガクガク感の軽減]
*
* [1] モデルをFLARBaseNodeにaddChildしない
* ・モデルはsceneにaddChildして、FLARBaseNodeの位置にイージングで動かす）
* [2] Matrix3D.matrix2euler()でマーカー角度変換取得
* [3] マーカー非認識時、3Dモデルを消さない、もしくはすぐに消さない。
* ・非認識になっても、最後に認識した位置までモデルを移動させるため）
* ・認識・非認識による点滅の違和感を軽減するため）
*
* [model data]モデルは前に作ったこれ
* http://www.romatica.com/blog/archives/2010/01/blendrpapervision.html
* ※こういうモデルじゃなくて、動物(蝶とか鳥とか?)でアニメーションパターンをちゃんと付けてやると雰囲気出て、
* 演出的にいいと思う。
*
* [marker pdf] マーカーをプリントしてください
* www.romatica.com/dev/resource/flarlogo-marker.pdf
*
* ┏━━━━━┓
* ┃┏━━━┓┃
* ┃┃ F L ┃┃
* ┃┃ A R ┃┃ これですよー
* ┃┗━━━┛┃
* ┗━━━━━┛
*
*
*-------------------------------------------------
*/
/**
* FLARToolKit Sample - Simple cube PV3D
* --------------------------------------------------------------------------------
* Copyright (C)2010 rokubou
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*
* For further information please contact.
* http://www.libspark.org/wiki/saqoosha/FLARToolKit
*
* Contributors
* rokubou
*/
package {
import org.libspark.flartoolkit.core.FLARCode;
import org.libspark.flartoolkit.core.param.FLARParam;
import org.libspark.flartoolkit.core.raster.rgb.FLARRgbRaster_BitmapData;
import org.libspark.flartoolkit.core.transmat.FLARTransMatResult;
import org.libspark.flartoolkit.detector.FLARSingleMarkerDetector;
import org.libspark.flartoolkit.support.pv3d.FLARBaseNode;
import org.libspark.flartoolkit.support.pv3d.FLARCamera3D;
import org.papervision3d.core.math.Matrix3D;
import org.papervision3d.core.math.Number3D;
import org.papervision3d.objects.DisplayObject3D;
import org.papervision3d.objects.parsers.DAE;
import org.papervision3d.render.LazyRenderEngine;
import org.papervision3d.scenes.Scene3D;
import org.papervision3d.view.Viewport3D;
import flash.display.Bitmap;
import flash.display.BitmapData;
import flash.display.PixelSnapping;
import flash.display.Sprite;
import flash.events.Event;
import flash.events.IOErrorEvent;
import flash.events.SecurityErrorEvent;
import flash.media.Camera;
import flash.media.Video;
import flash.net.URLLoader;
import flash.net.URLLoaderDataFormat;
import flash.net.URLRequest;
import flash.text.TextField;
import flash.text.TextFieldAutoSize;
import flash.text.TextFormat;
[SWF(width=640, height=480, backgroundColor=0x808080, frameRate=30)]
//test
public class FLARToolKit_Sample_SimpleCube_PV3D extends Sprite {
/**
* 画面の幅と高さ
*/
protected var canvasWidth : int;
protected var canvasHeight : int;
/**
* 画面の幅と高さ
*/
protected var captureWidth : int;
protected var captureHeight : int;
/**
* マーカーの一辺の長さ(px)
*/
protected var codeWidth : int;
/**
* カメラパラメータのファイル名
* 内部的に初期化される処理が含まれるので読み込む必要は無い。
* 例外的に 16:9 で使う場合は、それようのパラメータファイルを読み込むこと。
*/
protected var cameraParamFile : String;
/**
* マーカーパターンのファイル名
*/
protected var markerPatternFile : String;
/**
* パラメータファイル、マーカーパターンファイルの読込み用
* @see flash.net.URLLoader
*/
private var urlLoader : URLLoader;
/**
* カメラパラメータデータ
* アスペクト比や歪みなどの補正のための情報が含まれる
* @see org.libspark.flartoolkit.core.param.FLARParam
*/
protected var cameraParam : FLARParam;
/**
* マーカーパターン
* マーカーを複数パターン使う場合はVectorなどで管理する
* @see org.libspark.flartoolkit.core.FLARCode
*/
protected var markerPatternCode : FLARCode;
/**
* @see flash.media.Camera
*/
protected var webCamera : Camera;
/**
* flash.media.Video
*/
protected var video : Video;
/**
* Webカメラからの入力をBitmapに確保する
* @see flash.display.Bitmap
*/
private var capture : Bitmap;
/**
* ラスタイメージ
* @see org.libspark.flartoolkit.core.raster.rgb.FLARRgbRaster_BitmapData
*/
private var raster : FLARRgbRaster_BitmapData;
/**
* Marker detector
* @see org.libspark.flartoolkit.detector.FLARSingleMarkerDetector
*/
private var detector : FLARSingleMarkerDetector;
/**
* 3Dモデル表示用
*/
protected var scene : Scene3D;
/**
* 3Dモデル表示用
*/
protected var viewport : Viewport3D;
/**
* 3Dモデル表示字の視点
*/
protected var camera3D : FLARCamera3D;
/**
* Marker base node
*/
protected var markerNode : FLARBaseNode;
/**
* 3D Renderer
*/
protected var renderer : LazyRenderEngine;
/**
* 表示モデルを一括して押し込めるコンテナ
*/
protected var container : DisplayObject3D;
//--------------------------------------------------------------
/**
* DAEモデル
*/
private var _modelWRAP : DisplayObject3D;
private var _dae : DAE;
/**
* 認識/非認識 表示
*/
private var _lastRot : Number3D;
//--------------------------------------------------------------
private var _recognizer : TextField= new TextField( )
/**
* Constructor
* ここから初期化処理を呼び出して処理をスタート
*/
public function FLARToolKit_Sample_SimpleCube_PV3D() {
this.initialize( );
}
/**
* initialize
* 各種サイズの初期化
*/
protected function initialize() : void {
// 各種サイズの初期化
captureWidth = 320;
captureHeight = 240;
canvasWidth = 640
canvasHeight = 480;
codeWidth = 80;
//
markerPatternFile = 'http://assets.wonderfl.net/static/flar/flarlogo.pat';
// パラメータファイルの読込み
// 今回は省略して初期値を用いる
this.cameraParam = new FLARParam( );
this.cameraParam.changeScreenSize( captureWidth, captureHeight );
// マーカーパターンファイルの読込み
this.urlLoader = new URLLoader( );
this.urlLoader.dataFormat = URLLoaderDataFormat.TEXT;
this.urlLoader.addEventListener( Event.COMPLETE, this.onLoadCode );
this.urlLoader.addEventListener( IOErrorEvent.IO_ERROR, dispatchEvent );
this.urlLoader.addEventListener( SecurityErrorEvent.SECURITY_ERROR, dispatchEvent );
this.urlLoader.load( new URLRequest( markerPatternFile ) );
}
/**
* マーカーパターンを読み込む
* @param e Event
*/
protected function onLoadCode(e : Event) : void {
// URL Loader関連のイベントを削除
this.urlLoader.removeEventListener( Event.COMPLETE, this.onLoadCode );
// 分割数(縦・横)、黒枠の幅(縦・横)
this.markerPatternCode = new FLARCode( 16, 16, 50, 50 );
this.markerPatternCode.loadARPatt( this.urlLoader.data );
// loaderがgc対象になるようにnullを突っ込む
this.urlLoader = null;
// 初期化
dispatchEvent( new Event( Event.INIT ) );
this.onInit( );
}
/**
* Webカメラの設定と、ARToolKitの準備
*/
protected function onInit() : void {
// setup webcam
this.webCamera = Camera.getCamera( );
if (!this.webCamera) {
throw new Error( 'No webcamera!' );
}
this.webCamera.setMode( this.captureWidth, this.captureHeight, 30 );
this.video = new Video( this.captureWidth, this.captureHeight );
this.video.attachCamera( this.webCamera );
// setup ARToolKit
this.capture = new Bitmap( new BitmapData( this.captureWidth, this.captureHeight, false, 0 ), PixelSnapping.AUTO, true );
// ウェブカメラの解像度と表示サイズが異なる場合は拡大する
this.capture.width = this.canvasWidth;
this.capture.height = this.canvasHeight;
this.addChild( this.capture );
this.raster = new FLARRgbRaster_BitmapData( this.capture.bitmapData );
// setup Single marker detector
this.detector = new FLARSingleMarkerDetector( this.cameraParam, this.markerPatternCode, this.codeWidth );
this.detector.setContinueMode( true );
// 表示関係の設定(使用するライブラリによって変化します)
this.viewport = this.addChild( new Viewport3D( this.captureWidth, this.captureHeight ) ) as Viewport3D;
this.viewport.scaleX = this.canvasWidth / this.captureWidth;
this.viewport.scaleY = this.canvasHeight / this.captureHeight;
this.viewport.x = -4; // なぜかずれるので補正
//
this.scene = new Scene3D( );
this.markerNode = this.scene.addChild( new FLARBaseNode( FLARBaseNode.AXIS_MODE_PV3D ) ) as FLARBaseNode;
// 3Dモデル表示時の視点を設定
this.camera3D = new FLARCamera3D( this.cameraParam );
// setup renderer
this.renderer = new LazyRenderEngine( this.scene, this.camera3D, this.viewport );
// モデル格納用のコンテナ作成
this.container = new DisplayObject3D( );
// モデルデータ
this.setModelData( );
// モデルデータを登録
this.markerNode.addChild( this.container );
//認識非認識チェッカー
_recognizer = new TextField( );
_recognizer.autoSize = TextFieldAutoSize.LEFT;
_recognizer.background = true;
_recognizer.backgroundColor = 0xcc0000;
addChild( _recognizer );
// start
this.start( );
//Wonderfl.capture_delay( 10 );
}
/**
* モデルデータを書く場所
*/
protected function setModelData() : void {
_modelWRAP = new DisplayObject3D( );
_dae = new DAE( );
_dae.load( "http://www.romatica.com/work/amazon-san/AmazonCollada.dae" )
_dae.scale = 13;
_dae.rotationX = -90
_dae.rotationZ = 90
_modelWRAP.addChild( _dae );
scene.addChild( _modelWRAP );
}
/**
* マーカーの認識と3次元モデルの描写を開始する
*/
public function start() : void {
// マーカー認識・非認識時用のイベントを登録
this.addEventListener( MarkerEvent.MARKER_ADDED, this.onMarkerAdded );
this.addEventListener( MarkerEvent.MARKER_UPDATED, this.onMarkerUpdated );
this.addEventListener( MarkerEvent.MARKER_REMOVED, this.onMarkerRemoved );
// 処理開始
this.addEventListener( Event.ENTER_FRAME, this.run );
}
/**
* 認識したマーカーの情報を格納
*/
protected var resultMat : FLARTransMatResult= new FLARTransMatResult( );
public function onMarkerAdded(e : Event= null) : void {
// trace("[add]");
_recognizer.text = "認識中"
_recognizer.backgroundColor = 0xffffff;
}
public function onMarkerUpdated(e : Event= null) : void {
}
public function onMarkerRemoved(e : Event= null) : void {
_recognizer.text = "非認識"
_recognizer.backgroundColor = 0xcc0000;
}
/**
* ここで処理振り分けを行っている
*/
public function run(e : Event) : void {
this.capture.bitmapData.draw( this.video );
// Marker detect
var detected : Boolean= false;
try {
detected = this.detector.detectMarkerLite( this.raster, 80 ) && this.detector.getConfidence( ) > 0.5;
} catch (e : Error) {
}
// 認識時の処理
if (detected) {
detector.getTransformMatrix( this.resultMat );
markerNode.setTransformMatrix( this.resultMat );
var transform : Matrix3D= markerNode.transform;
_lastRot = Matrix3D.matrix2euler( transform );
this.dispatchEvent( new MarkerEvent( MarkerEvent.MARKER_ADDED ) );
// 非認識時
} else {
this.dispatchEvent( new MarkerEvent( MarkerEvent.MARKER_REMOVED ) );
}
//イージング移動
_modelWRAP.x += (markerNode.x - _modelWRAP.x) * 0.1;
_modelWRAP.y += (markerNode.y - _modelWRAP.y) * 0.1;
_modelWRAP.z += (markerNode.z - _modelWRAP.z) * 0.1;
_modelWRAP.rotationX += (_lastRot.x - _modelWRAP.rotationX) * 0.1;
_modelWRAP.rotationY += (_lastRot.y - _modelWRAP.rotationY) * 0.1;
_modelWRAP.rotationZ += (_lastRot.z - _modelWRAP.rotationZ) * 0.1;
this.renderer.render( );
}
}
}
import flash.events.Event;
/**
* イベント制御用の簡易クラス
*/
class MarkerEvent extends Event {
/**
* Markerを認識した時
*/
public static const MARKER_ADDED : String= "markerAdded";
/**
* Marker更新時
*/
public static const MARKER_UPDATED : String= "markerUpdated";
/**
* Markerが認識しなくなった時
*/
public static const MARKER_REMOVED : String= "markerRemoved";
public function MarkerEvent(type : String, bubbles : Boolean= false, cancelable : Boolean= false) {
super( type, bubbles, cancelable );
}
}