Multiples Markers e Interacción con FLARManager

Aumentality Foro » Compartir

[Destacado]

Multiples Markers e Interacción con FLARManager

60 mensajes from 26 participantes

Iniciado hace 1 año por Ryo007
Última Respuesta por carlosmindfreak
Este hilo está destacado

Etiquetas:

Aún sin etiquetas.

« Anterior 1 234…6 Siguiente »

Ryo007

Moderador
Desde: Oct '09
Posts: 422
No creo que el problema sea ese. La razon de la rotacion X e Y es que uno es solo una caja, por lo que se ve igual desde cualquier lado.... en cambio el otro DAE (el iman) tiene una orientaxcion especifica, y como mi programa mide "la punta" en la parte de abajo del marker, necesito que este rotado en esa direccion.

Ahora vamos al problema: si tu objeto si aparece en la escena, pero no rota junto con el marker, eso significa que no le estas pasando la matriz de transformacion del marker al contenedor del objeto DAE.

Fijate en la funcion update, sobretodo para el marker1. Ve que pongo lo siguiente:
ACTIONSCRIPT:

if(marker1){

this.contenedor_objetos[0].transform=FLARPVGeomUtils.convertFLARMatrixToPVMatrix(marker1.transformMatrix);

}
Ahi lo que hago es justamente pregunta: se ha detectado el marker1 en la funcion onAdded? y si es asi, entonces a la matriz de contenedores le paso la matriz de trasformacion de su respectivo marker. Fijate que para el marker2 un poco mas abajo (y mas escondido) tambien hago lo mismo, pero con marker2... por lo que analogamente deberias hacer lo mismo para un 3 marker (o n markers)

Sitio Web con Demostraciones y Codigos Fuentes para mi Trabajo de Titulación (o Tesis):
http://ra-utem.uphero.com
Publicado hace 1 año #
Ryo007

Moderador
Desde: Oct '09
Posts: 422

Voy a crear este post como un PD, porque veo algunos detalles "tecnicos" respecto al codigo que pegaste.

tienes marker1=new dae(); si tu marker1 es un DAE esta bien, pero no confundir con lo que puse en la explicaicon de arriba, mi variable "marker1" no es una variable tipo dae, si no una variable tipo flarmarker... asi que si algo no te funciona tambien podria ser por eso, lo que tienes que hacer es pasar la matriz del marker al contenedor del objeto, si modificaste el codigo tal ocmo lo tienes y no cambiaste el nombre de las variables de markers, lo que estas haciendo es pasar la matriz de transformacion del objeto al contenedor del objeto, y por lo tanto no te estaria funcionado...

Publicado hace 1 año #
maxpower

Usuario Senior
Desde: Feb '10
Posts: 57
Hola Ryo007 he echo lo que me has dicho pero el problema persiste, el código que he modificado a quedado así:
(omito la primera parte ya que queda igual)
Actionscript:

//Objetos DAE a Cargar

private var figura1:DAE;

private var figura2:DAE;

private var figura3:DAE;

private var marker1:FLARMarker;

private var marker2:FLARMarker;

private var marker3:FLARMarker;

/*El siguiente array posee contenedores,cada indice indica con cual marker

serán asociados. En este caso serán utilizados solo 2 markers, asi que solo se crean

2 elementos en el array. SI SE QUIEREN AÑADIR MÁS MARKERS SE TENDRÁN QUE AÑADIR MÁS CONTENEDORES!!*/

private var contenedor_objetos:Array=new Array(new DisplayObject3D,new DisplayObject3D,new DisplayObject3D);

private var SW:int=0;

private var sw:int=0;

private var sW:int=0;

private var dibujos:Shape;

public function AR_Multimarker_3M() {

figura1 = new DAE();

figura1.load('DAES/bote1.dae');

figura1.scale = 4;

figura1.rotationX = 90;

figura2 = new DAE();

figura2.load('DAES/bote2.dae');

figura2.scale = 4;

figura2.rotationX = 90;

figura3 = new DAE();

figura3.load('DAES/bote3.dae');

figura3.scale = 4;

figura3.rotationX = 90;

//Se asignan los objetos a los contenedores respectivos.

this.contenedor_objetos[0].addChild(figura1);

this.contenedor_objetos[1].addChild(organico);

this.contenedor_objetos[2].addChild(vidrio);

this.contenedor_objetos[0].visible=false;

this.contenedor_objetos[1].visible=false;

this.contenedor_objetos[2].visible=false;

initFLAR();

}

private function initFLAR():void {

this.fm = new FLARManager("data/flarConfig.xml");

//this.fm.thresholdSourceDisplay=true;

fm.addEventListener(FLARMarkerEvent.MARKER_ADDED, onAdded);

fm.addEventListener(FLARMarkerEvent.MARKER_REMOVED, onRemoved);

fm.addEventListener(Event.INIT, onFlarManagerLoad);

this.addChild(Sprite(fm.flarSource));

}

private function onFlarManagerLoad(e:Event):void {

this.fm.removeEventListener(Event.INIT, onFlarManagerLoad);

this.initPaperVision();

}

private function onAdded(e:FLARMarkerEvent):void {

trace("añadido: " + e.marker.patternId);

this.contenedor_objetos[e.marker.patternId].visible=true;

if(e.marker.patternId==0){

marker1=e.marker;

}

if(e.marker.patternId==1){

marker2=e.marker;

}

if(e.marker.patternId==2){

marker3=e.marker;

}

}

private function onRemoved(e:FLARMarkerEvent):void {

trace("removido: " + e.marker.patternId);

/*

Si se deja de detectar un marker, la variable global que

contenia el marker se pone nula, y el objeto se hace invisible.

*/

this.contenedor_objetos[e.marker.patternId].visible=false;

if(e.marker.patternId==0){

marker1=null;

}

if(e.marker.patternId==1){

marker2=null;

}

if(e.marker.patternId==2){

   marker3=null;

   }

}

private function initPaperVision():void {

this.scene3D = new Scene3D();

this.camera3D = new FLARCamera3D(this.fm.cameraParams);

this.viewport3D = new Viewport3D(640, 480, true);

this.addChild(this.viewport3D);

this.pointLight3D = new PointLight3D(true, false);

this.pointLight3D.x = 1000;

this.pointLight3D.y = 1000;

this.pointLight3D.z = -1000;

this.scene3D.addChild(pointLight3D);

this.lre = new LazyRenderEngine(this.scene3D, this.camera3D, this.viewport3D);

this.addEventListener(Event.ENTER_FRAME, this.onEnterFrame);

this.scene3D.addChild(contenedor_objetos[0]);

this.scene3D.addChild(contenedor_objetos[1]);

this.scene3D.addChild(contenedor_objetos[2]);

}

/*

Esta funcion viene a reemplazar al "markerUpdated", ya que se necesitan

hacer cosas con todos los markers detectados, y no individualmente como es

el caso de la funcion "markerUpdated".

*/

private function onEnterFrame(e:Event):void {

var dist:Number;

var atrac:Number=10;

var inverse:Matrix3D = new Matrix3D();

var parentMatrix:Matrix3D = new Matrix3D();

if(dibujos)dibujos.graphics.clear();//Se limpian los dibujos hechos con la api gráfica

/*

Si se detecta el marker 1, simplemente se actualiza su matriz de

transformacion segun su marker. Para el tipo de objetos "fijos" y en caso

de utilizar multiples markers, esto podría hacerse en un ciclo while.

*/

if(marker1){

this.contenedor_objetos[0].transform=FLARPVGeomUtils.convertFLARMatrixToPVMatrix(marker1.transformMatrix);

}

if(marker2) {

this.contenedor_objetos[1].transform=FLARPVGeomUtils.convertFLARMatrixToPVMatrix(marker2.transformMatrix);

}

if(marker3) {

this.contenedor_objetos[2].transform=FLARPVGeomUtils.convertFLARMatrixToPVMatrix(marker3.transformMatrix);

}

this.lre.render();

}

   }

}
espero que me puedas ayudar.

gracias.

"Él que no aplica nuevos remedios debe contar con nuevos males; porque el tiempo es el innovador más grande."
Publicado hace 1 año #
maxpower

Usuario Senior
Desde: Feb '10
Posts: 57
Al final lo he logrado, 3 markers que muestran tres daes diferentes,el codigo queda como sigue:
Actionscript:

//Objetos DAE a Cargar

private var caja:DAE;

private var iman:DAE;

private var papel:DAE;

private var marker1:FLARMarker;

private var marker2:FLARMarker;

private var marker3:FLARMarker;

private var contenedor_objetos:Array=new Array(new DisplayObject3D,new DisplayObject3D,new DisplayObject3D);

private var SW:int=0;

private var sw:int=0;

private var dibujos:Shape;

public function juego_multimarker() {

caja = new DAE();

caja.load('DAES/vidrio.dae');

caja.scale = 3;

caja.rotationX = 90;

iman = new DAE();

iman.load('DAES/envases.dae');

iman.scale = 3;

iman.rotationX = 90;

iman.rotationZ = 180;

papel = new DAE();

papel.load('DAES/papel.dae');

papel.scale = 3;

papel.rotationX = 90;

papel.rotationZ = 180;

this.contenedor_objetos[0].addChild(iman);

this.contenedor_objetos[1].addChild(caja);

this.contenedor_objetos[2].addChild(papel);

this.contenedor_objetos[0].visible=false;

this.contenedor_objetos[1].visible=false;

this.contenedor_objetos[2].visible=false;

initFLAR();

}

private function initFLAR():void {

this.fm = new FLARManager("data/flarConfig.xml");

//this.fm.thresholdSourceDisplay=true;

fm.addEventListener(FLARMarkerEvent.MARKER_ADDED, onAdded);

fm.addEventListener(FLARMarkerEvent.MARKER_REMOVED, onRemoved);

fm.addEventListener(Event.INIT, onFlarManagerLoad);

this.addChild(Sprite(fm.flarSource));

}

private function onFlarManagerLoad(e:Event):void {

this.fm.removeEventListener(Event.INIT, onFlarManagerLoad);

this.initPaperVision();

}

private function onAdded(e:FLARMarkerEvent):void {

trace("añadido: " + e.marker.patternId);

this.contenedor_objetos[e.marker.patternId].visible=true;

if(e.marker.patternId==0){

marker1=e.marker;

}

if(e.marker.patternId==1){

marker2=e.marker;

}

if(e.marker.patternId==2){

marker3=e.marker;

}

}

private function onRemoved(e:FLARMarkerEvent):void {

trace("removido: " + e.marker.patternId);

this.contenedor_objetos[e.marker.patternId].visible=false;

if(e.marker.patternId==0){

marker1=null;

}

if(e.marker.patternId==1){

marker2=null;

}

if(e.marker.patternId==2){

marker3=null;

}

}

private function initPaperVision():void {

this.scene3D = new Scene3D();

this.camera3D = new FLARCamera3D(this.fm.cameraParams);

this.viewport3D = new Viewport3D(640, 480, true);

this.addChild(this.viewport3D);

this.pointLight3D = new PointLight3D(true, false);

this.pointLight3D.x = 1000;

this.pointLight3D.y = 1000;

this.pointLight3D.z = -1000;

this.scene3D.addChild(pointLight3D);

this.lre = new LazyRenderEngine(this.scene3D, this.camera3D, this.viewport3D);

this.addEventListener(Event.ENTER_FRAME, this.onEnterFrame);

this.scene3D.addChild(contenedor_objetos[0]);

this.scene3D.addChild(contenedor_objetos[1]);

this.scene3D.addChild(contenedor_objetos[2]);

}

private function onEnterFrame(e:Event):void {

var dist:Number;

var atrac:Number=10;

var inverse:Matrix3D = new Matrix3D();

var parentMatrix:Matrix3D = new Matrix3D();

if(dibujos)dibujos.graphics.clear();//Se limpian los dibujos hechos con la api gráfica

if(marker1){

this.contenedor_objetos[0].transform=FLARPVGeomUtils.convertFLARMatrixToPVMatrix(marker1.transformMatrix);

}

if(marker2) {

this.contenedor_objetos[1].transform=FLARPVGeomUtils.convertFLARMatrixToPVMatrix(marker2.transformMatrix);

}

if(marker3) {

this.contenedor_objetos[2].transform=FLARPVGeomUtils.convertFLARMatrixToPVMatrix(marker3.transformMatrix);

}

this.lre.render();

}

private function Marker_apunta_Objeto(m1:FLARMarker,m2:FLARMarker,obj:DisplayObject3D,viewport:Viewport3D):Boolean{

var corners:Vector.< Point >;

var vertex:Point;

var i1:int=-1;

var i2:int=-1;

var direccion:int=-1;

var c:int;

var retorno:Boolean=false;

if(dibujos) dibujos.graphics.clear();

dibujos = new Shape();

//Calculo de orientación del marker. Segun la rotación

//del ejeZ se determina hacia que lado esta apuntando

if((m1.rotationZ > 315 && m1.rotationZ < 360) || (m1.rotationZ < = 45 && m1.rotationZ >= 0)){

direccion=0;//Arriba

}

if(m1.rotationZ > 225 && m1.rotationZ< = 315){

direccion=1;//Izquierda

}

if(m1.rotationZ > 135 && m1.rotationZ< = 225){

direccion=2;//Abajo

}

if(m1.rotationZ > 45 && m1.rotationZ< = 130){

direccion=3;//Derecha

}

corners = m1.corners;

switch(direccion){

case 0:

for (c=0; c< corners.length; c++) {

vertex = corners[c];

if(m1.y >= vertex.y){

if(i1 >=0 && i2< 0) i2=c;

if(i1< 0 && i2< 0) i1=c;

}

}

break;

case 1:

for (c=0; c< corners.length; c++) {

vertex = corners[c];

if(m1.x >= vertex.x){

if(i1 >=0 && i2< 0) i2=c;

if(i1< 0 && i2< 0) i1=c;

}

}

break;

case 2:

for (c=0; c< corners.length; c++) {

vertex = corners[c];

if(m1.y < vertex.y){

if(i1 >=0 && i2< 0) i2=c;

if(i1< 0 && i2< 0) i1=c;

}

}

break;

case 3: //derecha

for (c=0; c< corners.length; c++) {

vertex = corners[c];

if(m1.x < vertex.x){

if(i1 >=0 && i2< 0) i2=c;

if(i1< 0 && i2< 0) i1=c;

}

}

break;

}

if (i1 >=0 && i2 >=0){

var p3:Point=Point.interpolate(corners[i1],corners[i2],0.5);

var pos_obj:Number3D= real_scr_pos(obj,viewport);

dibujos.graphics.lineStyle(3, 0x0000FF);

dibujos.graphics.drawCircle(p3.x, p3.y, 5);

dibujos.graphics.lineStyle(3, 0xFF0000);

dibujos.graphics.drawCircle(pos_obj.x,pos_obj.y,3);

var r:Number=Math.abs((m1.y+(pos_obj.y - m1.y)*(p3.x - m1.x)/(pos_obj.x - m1.x))-p3.y);

trace("r: " + r);

if(r< 10){

retorno=true;

}

}

if(dibujos) addChild(dibujos);

return(retorno);

}

private function real_scr_pos(obj:DisplayObject3D,viewport:Viewport3D):Number3D{

obj.autoCalcScreenCoords = true;

var pos:Number3D = new Number3D(obj.screen.x + viewport.viewportWidth / 2, obj.screen.y + viewport.viewportHeight / 2,obj.screenZ);

return pos;

}

private function Marker_apunta_Marker(m1:FLARMarker,m2:FLARMarker):Boolean{

var corners:Vector.< Point >;

var vertex:Point;

var i1:int=-1;

var i2:int=-1;

var direccion:int=-1;

var c:int;

var retorno:Boolean=false;

if(dibujos) dibujos.graphics.clear();

dibujos = new Shape();

if((m1.rotationZ > 315 && m1.rotationZ < 360) || (m1.rotationZ < = 45 && m1.rotationZ >= 0)){

direccion=0;//Arriba

}

if(m1.rotationZ > 225 && m1.rotationZ< = 315){

direccion=1;//Izquierda

}

if(m1.rotationZ > 135 && m1.rotationZ< = 225){

direccion=2;//Abajo

}

if(m1.rotationZ > 45 && m1.rotationZ< = 130){

direccion=3;//Derecha

}

corners = m1.corners;

switch(direccion){

case 0:

for (c=0; c< corners.length; c++) {

vertex = corners[c];

if(m1.y >= vertex.y){

if(i1 >=0 && i2< 0) i2=c;

if(i1< 0 && i2< 0) i1=c;

}

}

break;

case 1: //izquierda

for (c=0; c< corners.length; c++) {

vertex = corners[c];

if(m1.x >= vertex.x){

if(i1 >=0 && i2< 0) i2=c;

if(i1< 0 && i2< 0) i1=c;

}

}

break;

case 2: //abajo

for (c=0; c< corners.length; c++) {

vertex = corners[c];

if(m1.y < vertex.y){

if(i1 >=0 && i2< 0) i2=c;

if(i1< 0 && i2< 0) i1=c;

}

}

break;

case 3: //derecha

for (c=0; c< corners.length; c++) {

vertex = corners[c];

if(m1.x < vertex.x){

if(i1 >=0 && i2< 0) i2=c;

if(i1< 0 && i2< 0) i1=c;

}

}

break;

}

//Si se han encontrado las 2 esquinas orientadas

if (i1 >=0 && i2 >=0){

var p3:Point=Point.interpolate(corners[i1],corners[i2],0.5);

var r:Number=Math.abs((m1.y+(m2.y - m1.y)*(p3.x - m1.x)/(m2.x - m1.x))-p3.y);

//trace("r: " + r);

if(r< 5){

retorno=true;

}

}

if(dibujos) addChild(dibujos);

return(retorno);

}

}

}
ahora solo necesito que vayan cayendo objetos aleatoriamente desde arriba hacia abajo y que segun que objeto toque que caja se vaya añadiendo un punto en un campo de texto, a ver si lo consigo.

Un saludo.
Publicado hace 1 año #
Ryo007

Moderador
Desde: Oct '09
Posts: 422

EXcelente, era justo lo que te habia dicho, que bueno que me entendiste

Publicado hace 1 año #
bessewell

Usuario Junior
Desde: Jun '10
Posts: 6

Muy buen aporte Ryo, te felicito.

Este contenido que muestras es más que completo, sale de lo normal, de lo tradicional, dándole un enfoque minimalista a cualquier cosa que uno haga.

Es una fuente de inspiración para llevar estos aspectos de la Realidad Aumentada más allá de la demostración e interacción de multimedia con un simple papel con imagen impresa.

Lo probaré y luego comentaré al respecto.

Gracias mil.-

Publicado hace 1 año #
ana

Usuario Intermedio
Desde: Jul '10
Posts: 11

Excelente trabajo Zoix, felicitaciones..
lo mismo, acabo de ver el video, muy creativo! estare probando...

gracias por compartir, saludos!

Publicado hace 1 año #
ZoiX

Administrador
Desde: Sep '09
Posts: 1.137

Ana, en realidad el crédito es todo para Ryo007

Sugerencias y Aclaraciones sobre el foro
@inkframe
If you can imagine, we can make it | ZoiXLand

Publicado hace 1 año #
Donald

Nuevo Usuario
Desde: Jul '10
Posts: 3

Muy bueno, Excelente de verdad Ryo!, gracias por compartir , pero tengo una duda , por qué no puedo descargarme el proyecto en flex? he intentado en varias ocasiones y la conexión caduca siempre, alguien me puede ayudar?.

Saludos!

Publicado hace 1 año #
Ryo007

Moderador
Desde: Oct '09
Posts: 422

Donald, probe el link y esta totalmente funcional... si aun no puedes, prueba descargarlo de mi sitio http://www.ra-utem.uphero.com (ahi esta en el mismo server de la pagina, asi que la descarga es directa, sin "intermediarios")

En caso de que no te funcione, mandame un pm con tu mail, y te lo envio sin problemas

Publicado hace 1 año #

Canal RSS de este hilo

« Anterior 1 234…6 Siguiente »

Responder »

Debes Identificarte para publicar.