Posicionar vértices en Papervision3D

Etiquetas: vertex WireFrameMaterial

Los elementos 3D (planos, esferas, modelos 3d, etc) están compuestos de triángulos.

Por ejemplo, si creamos un plano en Papervision3D con un WireframeMaterial con la siguiente sintaxis:

 

var plano:Plane = new Plane(material, 100, 100, 4, 3)	

 

obtenemos un resultado parecido a este:

Los vértices de un objeto están almacenados en un Array (vertex) dentro de la propiedad geometry del objeto. Por ejemplo, en el caso de nuestro plano podemos recorrer los vértices con este bucle:

 

for each (var vertex:Vertex3D in plano.geometry.vertices) {

}

 

Los números que he colocado sobre la imagen anterior, indican el orden en el que aparecen los vértices en esta matriz. Podemos observar que un plano por n x m segmentos, tiene (n+1) x (m+1) vértices.

En nuestro caso, el plano de 4x3 segmentos, tiene 5x4 vértices, ordenados de abajo arriba y de izquierda a derecha.

Estos vértices tienen unas coordenadas, que dan a la malla la apariencia de plano, y se pueden modificar. Por ejemplo imaginemos que queremos hacer un carrusel circular compuesto por 8 planos.

Podemos crear los 8 planos, y distribuirlos en el círculo mirando al centro, con lo que obtendríamos algo asi (click en la imagen para ver):

El efecto es resulton, pero si nos fijamos, los planos aparecen rígidos y no se adaptan a la forma del círculo. Para solucionarlo, podemos posicionar los vértices de los planos en el círculo, en lugar de los propios planos, con lo que obtendríamos algo asi (click en la imagen para ver):

Aunque en principio puede parecer muy complejo "posicionar vértices", en realidad haciendo un par de ejemplos se entiende perfectamente, y en algunos proyectos puede mejorar mucho los resultados. Dejo los fuentes comentados, para poder probar las dos opciones y ver las diferencias.

Pixelando imágenes en Actionscript 3.0

Etiquetas: Bitmapdata threshold getPixel32 draw

Este post es una modificación de este experimento.

En el anterior recortaba una imagen en cuadrados, comprobando si contenían algún pixel transparente o no. En este divido la imagen en cuadrados, calculo el color que aparece mas veces en ese cuadrado, y creo un Shape relleno de ese color que coloco en las coordenadas del cuadrado.

Las función que calcula el color dominante es esta:

 

public static function obtenerColorPrincipal( source:BitmapData):Array

{

	var n:Object = {};

	var a:Array = [];

	var p:int;

	var alphaValue:uint

 

	for (var x:int = 0; x < source.width; x += 10) 

	{

		for (var y:int = 0; y < source.height; y+= 10) 

		{

			p = source.getPixel32(x, y);

			alphaValue = p >> 24 & 0xFF;

			if (alphaValue > 0x00) {

				n[p] ? n[p]++ : n[p] = 1;

			}

		}

	}

 

	for (var c:String in n)

	{

		a.push ( { colour:c, count:n[c] } );

	}

 

	return a.sortOn( ["count"], Array.DESCENDING );

}

 

Realidad Aumentada y Físicas con FlarToolKit y FOAM

Etiquetas: FlarToolKit

Esta noche me he puesto por primera vez con Realidad Aumentada (FlarToolKit) y la cosa parece bastante sencilla (por lo menos a un nivel básico de uso) .

He hecho una demo en la que controlo unos cubos sobre una superficie plana, mezclando Papervision y FOAM. De momento dejo un video tras el salto, cuando tenga una visión mas clara de la librería, haré un tutorial.

Envio de email con adjuntos en AS3 y PHP

Etiquetas: FileReference FileFilter URLRequest

Este ejemplo muestra como hacer un formulario en Flash (Actionscript 3.0) con envio de adjuntos.

El esquema básico es que hacemos una subida normal con FileReference, y en el URLRequest de la subida incluimos las variables que queramos adjuntar en el formulario:

 

var request:URLRequest = new URLRequest(url);

request.method = URLRequestMethod.POST;

request.data = new URLVariables();

request.data.nombre = Nombre_txt.text;

request.data.destinatario = Destinatario_txt.text;	

subidor.upload(request);

 

Estas variables las recogemos después en el PHP con el nombre que les hayamos puesto con:

 

$_REQUEST[nombre]

 

En el php tenemos el código típico de una subida, y una vez terminada pasamos a montar el correo electrónico.

Dejo los fuentes con el fla, la clase Formulario, y el php para la subida.

El código php es una versión adaptada del que podéis encontrar en esta página

Estadísticas de esedeerre en 2010

Estas son las estadísticas de usuarios de esedeerre en 2009, y su evolución respecto a 2008: Usuario únicos: 101.676 Versiones de Flash: Flash Player 10 ya es la versión de la mayoría de los usuarios. En las estadísticas anuales la versión está instalada en el 83% de los ordenadores, y en las de diciembre llega al 88% Anuales: Diciembre Navegadores: La mayor diferencia respecto a 2008 es la subida de Google Chrome: pasa del 2% al 7% y continúa subiendo: en diciembre llega al 10,5%. Firefox se mantiene por encima del 50%, e Internet Explorer baja en diciembre hasta el 27%. Anuales: Diciembre Sistema operativo: Estadísticas prácticamente calcadas al año pasado: 88,22% Windows, 10,26% Macintosh Lo mas curioso de estás estadísticas, es que si miramos las versiones de windows en diciembre de 2009, obtenemos esta gráfica: XP sigue instalado en el 65% de los ordenadores, y Windows 7 ya casi iguala a Vista, instalado solo en el 18% de los ordenadores. Resoluciones de pantalla: El resumen es que cada vez hay mas resoluciones distintas, y que 800x600 "desaparece" definitivamente del mapa.

Adobe Flash Player 10.1

A partir de esta semana está disponible en Adobe Labs la beta de Adobe Flash Player 10.1.

Ha sido muy comentado el soporte multitouch del player, pero a mi lo que mas "ilusión" me ha hecho ha sido el manejo de errores global, que permite centralizar el manejo de todos los errores en tiempo de ejecución.

Adobe Flash Player 10.1

Bug en la función updateBitmap() de MovieMaterial en Papervision3D 2.0 GreatWhite

Etiquetas: updateBitmap() drawBipmap()

Esta semana me he vuelto a topar con este bug de la clase MovieMaterial en Papervision 2.0 GreatWhite.

Si utilizamos un MovieClip como material, utilizando MovieMaterial, y este vá a cambiar en algún momento, pero no queremos utilizar el atribute animated para conservar recursos, podemos llamar a la funcion updateBitmap() para actualizar el material solo cuando sea necesario. El problema es que en esta versión de Papervision, la función updateBitmap() definida en MaterialObject3D, está vacía (literalmente).

Para solucionar este inconveniente, podemos llamar a la función drawBitmap de la clase MovieMaterial. Por ejemplo:

MovieMaterial(plano.material).drawBitmap()

Error de seguridad al utilizar computeSpectrum

Etiquetas: computeSpectrum

Me topé con este error hace varios meses por casualidad. Siempre suelo tener abierto el player de Radio3, y notaba que cuando veía páginas Flash con algún ecualizador de sonido (utilizando computeSpectrum), me salía un error de seguridad en el debugger y no funcionaba la web en Flash.

No le dí mucha importancia hasta que me tocó programar un player para una web y tuve que utilizar computeSpectrum. Lo comenté en la lista de ASNativos, y Cay pasó este enlace:

http://bugs.adobe.com/jira/browse/FP-147

Resulta que es un error sin solución hasta el momento, asi que si alguna vez hacéis una aplicación que utilice computeSpectrum, tenedlo en cuenta: no funciona si tienes abierto un player de audio o video (youtube, vimeo...) en otra ventana.

Reconocer caras con Marilena (Actionscript 3.0)

Marilena es una librería de reconocimiento de formas, portada de OpenCV a Actionscript 3 por Ohtsuka Masakazu.

En el ejemplo que muestro podéis ver como funciona esta librería, aprovechando también las mejoras que hizo Mario Klingemann ( Quasimondo) sobre la misma.

Dejo también los fuentes, que incluyen las clases de Masakazu y Quasimondo.

Publicado el primer libro de Papervision

La editorial Packt acaba de publicar el primer libro de Papervision3D.

Está escrito por Jeff Winder y Paul Tondeur, y según palabras textuales de Carlos Ulloa, está "de puta madre".

Los contenidos son:

Preface Chapter 1: Setting Up
Chapter 2: Building Your First Application
Chapter 3: Primitives
Chapter 4: Materials
Chapter 5: Cameras
Chapter 6: Moving Things Around
Chapter 7: Shading
Chapter 8: External Models
Chapter 9: Z-Sorting
Chapter 10: Particles
Chapter 11: Filters and Effects
Chapter 12: 3D Vector Drawing and Text
Chapter 13: Optimizing Performance
Index

Se puede comprar aquí.