Hace poco realize un proyecto para una clase, no es la gran cosa por que solo fue eso, un proyecto para una clase, pero fue el pretexto perfecto para meterme de una vez por todas con AR.

La idea fue lograr la funcionalidad de un juego de cartas usando AR, particularmente esos juegos de ROL con cartas como magic o yugioh (tal vez recuerden la serie y como los monstruos salian holograficamente de las cartas)

Basicamente fue crear cartas de tamaño estandar e imprimirles un patron. Y detectar si la carta se encontraba horizontalmente o verticalmente en la pantalla. Esto fue solo un experimento y en su mayoria fue con fines de exploracion, sin embargo considero que este concepto tiene potencial en juegos por internet.

Carta en modo de ataque

Carta en modo de defensa

Mas cartas

Download

Baja el codigo del proyecto si quieres jugar con el o experimentar distintas cosas. Usa FLARManager y PaperVision2D

ArCards.rar (4.53Mb)

Compra el ps3 eye

Para este proyecto compré la camara del ps3, el ps3 eye. Si quieres realizar cosas con multitouch o AR realmente ocupas comprarla.

Haz click aquí para mas información sobre el PlayStation Eye

Los drivers los puedes encontrar aqui:
CL-Eye Platform Drivers

Si usas chrome y haz tenido problemas para ver ciertos flash en algunas paginas especificas lo mas seguro es que el error sea de lo autores de la pagina que no han embeddeado el flash adecuadamente.

Muchos webmasters ven que el flash corre en IE y piensan que lo hicieron bien, pero en browsers de verdad no correra, por eso, con el afan de corregir ese error y permitir al mismo tiempo a todos poder seguir viendo los videos/animaciones hice un user script para chrome que corrige ese problema. La solución es un quick and dirty fix pero funciona.

Un ejemplo de una pagina que no me funcionaba: http://www.explosm.net/comics/1990/

Que hace

Busca “embed” tags que no esten dentro de algun tag “object”, que es muy probable sea codigo incompleto, e intenta corregirlo reconstruyendolo por completo.

Instalarlo

Recuerda que este fix es solo para chrome, si usas chrome da click aqui: Instalar
Eso deberia instalarlo

Desinstalarlo

Entra en la lista de extenesiones de chrome,  busca flashfix y presiona desinstalar.

Conclusión

Con este script pude ver el video que no podía ver, y es probable que no funcione en todas las paginas, como dije, es un solución rápida y bastante sucia, así que si intentas usarlo y te causa problemas simplemente desinstatalo y deja un comentario con el link de la pagina a la que intentaste entrar.

Solo lo probé con la versión de chrome que uso, que es la 4.1.2, no es seguro que este problema existirá en versiones futuras de chrome.

El mod consiste en 2 cosas, una, convertir un USB Plasma Ball para que funcione con baterias, y la segunda es hacer que solo se encienda al levantarla.

Original

• USB powered sphere with coloured lightning flashes inside
• On/Off switch

Mod

• USB powered sphere with coloured lightning flashes inside
• + Battery powered
• On/Off switch
• + Automatic lift switch

En realidad originalmente quería hacerlo touch, que cuando la tocaras se encendiera, pero el circuito que intente implementar recibia interferencia por el funcionamiento normal de la plasma ball, asi que eso no funcionó… Pero tenia un switch por ahi, y eso era mejor que nada, así que lo coloque en serie con el switch original.

La plasma ball tiene mucho espacio vacío por dentro, pero esta muy mal acomodado y se desperdicia la mayoría, así que para poder hacer caber las 4 baterías y el switch tuve que reacomodar todo por dentro, incluyendo cortar el circuit board para que pudiera caber… (en realidad al cortarlo lo rompí así que tuve que puentear algunas cosas jaja). Pero al final todo cupo.

Este experimento consiste en esferas que caen con física, pero no solo eso, si mueves la ventana las esferas se mueven como si estuvieran dentro de una caja. La idea aquí era experimentar un poco con la interacción entre un juego y su ventana, tal y como lo hace un iphone con los acelerometros.

Esta hecho en ActionScript 3, usando Box2D y con un proyector hecho con mdmZinc 3.0.

Este proyecto pudo haber sido hecho usando Adobe Air, pero como solo es un experimento usé la versión trial del mdmZinc.

Después postearé otros experimentos usando interacción con la ventana, nada más que ocupo mejorarlos un poco antes de publicarlos.

Download

WindowExperiment (3.03 MB)

El archivo es un .exe por que ocupa leer la posición de la ventana y un simple .swf no tiene acceso a ello. El .exe esta libre de virus.

A continuación una lista de 12 métodos que realice en aquella época, mas 2 nuevos (sin vídeo) que hice después.

Nota: Son 12 vídeos, así que la página puede cargar lento.

Método 0

Con un switch

Método 1

Con un icono en la computadora

Método 2

Con el teclado

Método 3

Con sonidos fuertes

Método 4

Con la voz

Método 5

Con un wiimote

Método 6

Al ritmo de la música!

Método 7

Con un control remoto

Método 8

Con una palm

Método 9

Con una pagina

Método 10

Con el messenger

Método 11

Como alarma

Método 12

Con un control de Nes (original retro : ) )

Método 13

Con el juego Ragnarok.
No hay video para este método pero explicaré un poco al respecto. En el juego cuando eres GM puedes hacer de día o de noche el juego, así que lo que hice fue agarrar el eAthena (server de RO que es opensource) y modifique el código para que dependiendo si era de noche o de día en el juego la luz se encendiera o apagara. Además agregue un NPC que cuando le dabas click cambiaba entre día y noche, apagando y prendiendo a luz.

Método 14

Golpeando cosas!
Este es nuevo, ahora que hice lo de que la luz prendiera durante las mañanas quise agregar que cuando aplaudieras se apagara o prendiera la luz, así que le conecte un micrófono a la computadora y lo metí al closet. Pero como la puerta del closet la tengo cerrada adentro funciona como un tambor y cada vez que golpeo el closet, la base de mi cama, una puerta, golpeo la pared o el piso, la luz se enciende o apaga. Fue algo inesperado y que no planee pero es bastante útil. En las mañanas cuando ya me voy, al cerrar la puerta, la luz se apaga sola : ).

Ese pequeño circuito solo ocupa 5V a unos cuantos miliamperes para permitir pasar o no pasar la corriente de 120VAC, y lo que es mejor, esta aislado opticamente por lo cual podemos controlarlo directamente con el puerto paralelo de la computadora. Esto significa, luz controlada por computadora. Ese hueco es donde estaba el switch, y obviamente planeo conectarle un switch en paralelo para poder controlar manualmente la luz, a como esta ahorita, si la computadora se apaga la luz también se apagaría.

Closet

En este closet he puesto mi antigua pero aun funcional computadora de escritorio, y le he conectado el circuito que use en las luces de navidad… en realidad le quite una pequeña parte para hacer el circuito de arriba y jale un cable desde el closet hasta el circuito de la primera imagen, creo que el cable es telefónico, no recuerdo realmente pero ya lo tenia a la mano así que ese use.

Techo

Este es mi foco habitual, solo que ahora prende automáticamente durante las mañanas. Apenas lo hice ayer así que hoy fue la primera mañana, y aunque me desvele haciéndolo, debo decir que si no fuese por el foco, ciertamente me hubiera quedado dormido.

Software

Use este programa por que es ligero y gratuito, solo lo configure para correr un programa al cual le pasas parametros para cambiar el output del paralelo.

Introducción

En mi antiguo blog empece a tener mucho spam, particularmente tenía bots que entraban a la pagina y posteaban random. Eso me molestaba bastante, así que trate de idear una manera creativa de detenerlos, y no solo detenerlos sino también entretenerlos, infinitamente… Lo que se me ocurrió fue regalarles ascii infinito en vez de mi pagina, de esa manera el bot se mantendría de manera indefinida esperando a que la pagina terminara de cargar, pero jamas lo haría, por que es ASCII infinito : ).

Demo

Para no desperdiciar bandwidth con bots, silenciosamente los redirigía a esta dirección:
http://emiliobool.110mb.com/ (recomiendo entrar usando firefox)

Como funciona

Es un script en php que revisa un folder con archivos en .txt y escoge uno al azar y lo abre. Entonces cada 9000uS envía una nueva letra de ese archivo hasta llegar al final. Una vez que llega al final abre otro archivo al azar y continua con el mismo ciclo. De esa manera gasta pocos recursos del server y te mantiene entretenido esperando a recibir la siguiente letra.

Compatibilidad

Browsers

Lo probé en firefox, opera, chrome e incluso IE y funcionó en todos, sin embargo en opera y chrome solo envía una linea completa a la vez, a diferencia de firefox e IE que envían letra por letra. Si vas a probarlo recomiendo firefox, el feeling es mejor. Particularmente uso Chrome, así que lastima por esa limitación. Quizás se puede sobrepasar si con cada carácter envías un tag html, como un <span> o similar, eso forzaría al browser a mostrar lo que lleva, pero gastaría mas bandwidth.

Edit: Hice una versión alternativa compatible con chrome http://emiliobool.110mb.com/chrome.php pero gasta más bandwidth (5 veces mas).

Servers

Particularmente funciona en local y en 110mb, pero en el server en el que tengo este blog no funciona. Las razones pueden ser muchas pero como no planeaba usarlo en este server nunca las investigue. Puede ser que envié la información comprimida o algo similar y ocupe configurar bien el php.ini o un archivo .htaccess. Debería funcionar en tu server, y sino, es cuestión de configuración.

Código

<?
//may or may not be needed depending on your server
@apache_setenv('no-gzip', 1);
@ini_set('zlib.output_compression', 0);
@ini_set('implicit_flush', 1);
header("Cache-Control: private, no-cache, must-revalidate");

//uncomment this if the script outputs timeout error
//set_time_limit(0);

echo str_repeat(" ", 256)."<pre>"; flush();ob_flush();
echo '<pre>';

flush();
ob_flush();

$dir = 'ascii';//folder
$files = array();

if($handle = opendir($dir)){

	//get file names
    while(false !== ($file = readdir($handle))){
        if(is_dir($file) || $file == '..') continue;

		$files[] = $file;

	}

	closedir($handle);

	//main loop
	while(1){

		$size = sizeof($files);
		if($size == 0) break;
		$n = rand()%$size;
		$file = $files[$n];
		$fh = fopen("$dir/$file", 'r');

		if($fh){
			while(!feof($fh)) {
				$buffer = fgets($fh);
				$len = strlen($buffer);

				for($i=0;$i<$len;$i++){
					echo $buffer{$i};
					if($buffer{$i} != ' '){//no wait for white spaces

						flush();
						ob_flush();
						usleep(9000);//wait 9000uS

					}
				}
				echo "<span />";//forces flush on chrome, opera and IE

			}
			fclose($fh);
		}

	}

}
?>

Download

ASCII Loader Source

Instalar

Solo descomprime los archivos, subelo a un server y abrelo en un browser.

Flash Player tiene soporte para conectar webcams por lo cual podemos hacer uso de ella mediante AS3. Sin embargo, no todas las cámaras funcionan correctamente, y en algunos casos provoca que flash player y el explorador completo se cierren.

La solución

Utilizar otro software que funcione como proxy y que sea el quien envié las imágenes al FlashPlayer.

SplitCam (http://www.splitcamera.com/)

Splitcam permite conectar múltiples aplicaciones a una misma cámara, ajustar el framerate, y cada una con su resolución independiente.

Simplemente eliges una cámara a mostrar desde SplitCam y en el flashplayer te saldrá una “webcam” llamada splitcam, te conectas a ella, y listo, tendrás la imagen de la cámara original.

YawCam (http://www.yawcam.com/)

Yawcam tiene video streaming, ftpupload, ajax, y otras utilidades que pueden ser usadas desde flash según sea la necesidad.
Por ejemplo, puedes usar la opción http para obtener “camshots” en jpg del momento en que la solicites, solo ocuparias activar el http en yawcam y obtener la imagen desde http://localhost:8888/out.jpg?q=100.

Hay varios tutoriales por ahí de como guardar imágenes de una webcam en flash cuando se detecta movimiento, sin embargo, no hay ninguno (que yo haya encontrado) con el cual tomar webcam shots únicamente cuando se deja de detectar movimiento.

El Problema

Recientemente ocupaba guardar imágenes de una cámara conectada a flash (el como hacerla pasar como webcam sera tema de otro post). Mas específicamente la cámara era una cámara intraoral, la cual es una cámara para poder inspeccionar el interior de una boca humana, inspeccionar dientes, etc. La cámara contaba con un botón de freeze, sin embargo, la cámara únicamente manda vídeo constante, tal y lo que se vería en una pantalla es lo que manda a la computadora, y querer guardar imagen por imagen resultaría tedioso ya que habría que ir hasta la computadora y guardar.

La solución

Aprovechar el botón de freeze.
La idea es simple, si la imagen se mantiene congelada guardas la imagen automáticamente solo una vez, si esta en movimiento la ignoras.

Código

El código dice mas que mil palabras así que vamos al grano, se ocupan 2 partes, ActionScript y PHP.

webcam.as

package {

	import flash.media.*;
	import flash.display.*;
	import flash.text.*;
	import flash.events.*;
	import flash.utils.*;
	import com.adobe.images.JPGEncoder;
	import flash.net.*;

	public class webcam extends Sprite{

		var cam:Camera = null;
		var vid:Video = null;
		var activity = false;
		var sound:camera_wav = new camera_wav();
		var intervalId:uint;
		var upload_url:String;
		var iwidth:int = 640;
		var iheight:int = 480;

		var sumBmpData:uint = 0;

		private function getFlashVars():Object {
			return Object( LoaderInfo( this.loaderInfo ).parameters );
		}

		public function webcam(){

			upload_url = "save.php";//getFlashVars().upload_url;
			cam = Camera.getCamera();

			if(cam){
				cam.setMode(iwidth,iheight,30,true);
				vid = new Video(iwidth,iheight);
				vid.attachCamera(cam);

				addChild(vid);
				//frecuencia con la que checa si hay cambios
				intervalId = setInterval(checkBitmap,500);

			}else{

				//

			}

		}

		private function checkBitmap():void{

			var newSumBmpData:uint = 0;
			var newBmpData:BitmapData = new BitmapData(iwidth,iheight);
			newBmpData.draw(vid);
			//sumar colores cada 80 pixeles, para tener un "resumen" de la imagen
			for(var x:int = 0; x < iwidth; x+=80){
				for(var y:int = 0; y < iheight; y+=80){
					newSumBmpData += newBmpData.getPixel(x,y);
				}
			}

			if(sumBmpData == 0) activity = false;
			else
			if(newSumBmpData == sumBmpData){
				//ignorar el negro
				if(sumBmpData <= 1) activity = false; 

				if(activity == true){

					sound.play();
					sendData(newBmpData);

				}

				activity = false;

			}else{

				activity = true;

			}

			sumBmpData = newSumBmpData;

		}

		private function sendData(bmpData:BitmapData){

			var encoded_jpg:JPGEncoder = new JPGEncoder(100);
			var jpg_binary:ByteArray = encoded_jpg.encode(bmpData);

			var header:URLRequestHeader = new URLRequestHeader ("Content-type", "application/octet-stream");
			var request:URLRequest = new URLRequest(upload_url);
			request.requestHeaders.push(header);
			request.method = URLRequestMethod.POST;
			request.data = jpg_binary;

			var loader:URLLoader = new URLLoader();
			loader.load(request);

			//navigateToURL(request, "_blank"); //usar en caso de debuggeo  (en vez de loader.load)

		}

	}

}

save.php

		$jpg = $GLOBALS["HTTP_RAW_POST_DATA"];

		$folder_url = 'fotos/';
		if(!is_dir($folder_url)) {
			mkdir($folder_url);
		}
		$filename = '/foto_'.time().'.jpg';
		file_put_contents($filename, $jpg);

Las imagenes son encodeadas en JPG y despues enviadas al servidor php, para poder encodearlas ocupas la siguiente libreria:
as3corelib

Webcams

Pero si ya lo jugaste y terminaste es muy probable que te gusto el ending tanto como a mi, asi que si no quieres volver a pasarlo para poder verlo de nuevo solo haz click en la imagen:

Especificaciones

Esta hecho con javascript y html, y el audio sincronizado en un swf. Algo interesante de la forma en que lo hice es que el audio es un streaming así que se baja a como lo vas viendo y no tienes que esperar mucho tiempo para que cargue.
Ademas, eso permite que el texto este asignado a ciertas partes de la canción lo que hace que no se desincronize.

GLaDOS is still alive : )