Flartoolkit (AS3) HolaMundo – Realidad Aumentada

Flartoolkit es una libreria para el rapido desarrollo de realidad aumentada, es la version flash (Action Script 3) de la libreria ARToolKit.
FLARToolKit reconoce un marcador visual de una imagen de entrada y luego se calcula la orientación de la cámara y la posición en el mundo 3D y superpone gráficos virtuales en la imagen de vídeo en directo. FLAToolKit tiene soporte para todos los principales motores gráficos 3D (Papervision3D, Away3D, Sandy, Alternativa3D).
La versión de código abierto de FLARToolKit se puede descargar desde:
http://www.libspark.org/wiki/saqoosha/FLARToolKit/en
En este Articulo veremos como crear tu primera aplicacion de realidad aumentada utilizando Flartoolkit y Adobe Flash Professional CS6.
Comenzemos.

Requerimientos:

• Adobe Flash Professional CS6
• Comprimido con lo necesario para empezar
• Flartoolkit-Utils.rar
• Camara Web

Desarrollo

Abrimos Adobe Flash Professional CS6 y creamos un nuevo archivo fla action script 3:

Escribimos el nombre de la clase para el archivo fla y damos click en el lapiz para editar el archivo:

Escribimos el siguiente codigo:

package  {

	import flash.events.Event;
	import flash.events.MouseEvent;

	import org.papervision3d.lights.PointLight3D;
	import org.papervision3d.materials.WireframeMaterial;
	import org.papervision3d.materials.shadematerials.FlatShadeMaterial;
	import org.papervision3d.materials.utils.MaterialsList;
	import org.papervision3d.objects.primitives.Cube;
	import org.papervision3d.objects.primitives.Plane;

	[SWF(width=640, height=480, backgroundColor=0x808080, frameRate=50)]

	public class HolaMundo extends PV3DARApp {

		private var _plane:Plane;
		private var _cube:Cube;

		public function HolaMundo() {
			addEventListener(Event.INIT, _onInit);
			init('Data/camera_para.dat', 'Data/flarlogo.pat');
		}

		private function _onInit(e:Event):void {
			var wmat:WireframeMaterial = new WireframeMaterial(0x00ff00, 1, 2); 
			_plane = new Plane(wmat, 80, 80);
			_plane.rotationX = 180;
			_markerNode.addChild(_plane); 

			var light:PointLight3D = new PointLight3D();
			light.x = 0;
			light.y = 1000;
			light.z = -1000;

			var fmat:FlatShadeMaterial = new FlatShadeMaterial(light, 0xFF0000, 0xFF0000);
			_cube = new Cube(new MaterialsList({all: fmat}), 40, 40, 40);
			_cube.z = 20; 
			_markerNode.addChild(_cube);

			stage.addEventListener(MouseEvent.CLICK, _onClick);
		}

		private function _onClick(e:MouseEvent):void {
			mirror = !mirror;
		}
	}
}

Presionamos Ctrl+S y guardamos el archivo action script, ahora nos cambiamos a la pestaña donde esta el documento fla y guardamos de nuevo con Ctrl+S.
Ahora vamos a Menu Control -> test movie -> in flash professional y esperamos.
Nos arroja errores ya que en el codigo anterior llamamos unos archivos que no tenemos, para esto descomprimimos el archivo Flartoolkit-Utils.rar y copiamos todos los archivo a la carpeta donde tenemos nuestros archivos .as y .fla.
Ahora vamos de nuevo a Menu Control -> test movie -> in flash professional y esperamos.
Necesitaremos imprimir el marcador (en Flartoolkit-Utils.rar en la carpeta Data/flarlogo-marker.pdf) y mostrarlo a tu camara web para ver el resultado.

Por ahora no vamos a meternos mucho en el codigo, solo mencionaremos algo importante dentro del codigo:

public function HolaMundo() {
	addEventListener(Event.INIT, _onInit);
	init('Data/camera_para.dat', 'Data/flarlogo.pat');
}

Esto es el constructor de nuestro codigo, lo que significa que entrara aqui al comienzo de cada ejecucion, aqui se agrega un nuevo evento para inicializar lo que queremos mostrar llamando la funcion on_init. La siguiente linea init inicializa algunas funciones de flartoolkit y pasa como argumento dos archivos que tenemos en la carpeta que descomprimimos, camera_para.dat sirve para calibrar tu camara y flarlogo.pat que es el archivo que sirve para encontrar tu marcador, este es una matriz de valores que solo coincidira con el marcador que imprimiste, mas adelante te mostraremos como crear tus propios marcadores.

¿Necesitas aprender algo nuevo ? Ve a Udemy, busca el tema del que quieres aprender, selecciona el curso para ti y continua con tu aprendizaje.

Udemy

Conclusion

Esta es una manera de hacer realidad aumentada utilizando una libreria de varias que existen, en proximos articulos veremos como realizar cosas mas avanzadas y otras formas de crear realidad aumentada.

Visto – Flartoolkit (AS3) – Realidad Aumentada