Papervision: creado grupo de Google en castellano

Hace un par de semanas se creo un grupo en Google de Papervision en castellano.

Podéis apuntaros aqui:

-Acceder al grupo ESPapervision

Adobe Flash Catalyst

Adobe Flash Catalyst es una nueva herramienta de Adobe, que permite crear contenidos interactivos sin programar. Por lo que he visto, es como el "hermano diseñador" de FLEX. Catalyst permite crear interfaces por medio de componentes, que pueden configurarse mediante menús de ayuda. Por ejemplo, podemos crear un menú que cargue distintas secciones con distintas transiciones, y poner a los botones efectos over sin escribir ninguna linea de código.

Además, Adobe Flash Catalyst está integrado con el paquete de CS4, y permite importar archivos de Illustrator, Photoshop y Fireworks, respetando las capas y los objetos. Como en Flex, todo lo que hacemos en vista de diseño, se refleja en un mxml que después se podrá compartir con Gumbo (Flex 4), para añadir comportamientos más avanzados.

De momento no está disponible para comprar, pero se espera una beta pública en los próximos meses.

Eliminar dobles saltos en textos cargados en XML

Etiquetas: charCodeAt charAt

Cuando cargamos un XML cuyos textos contienen saltos de linea, Flash duplica los saltos. Es decir, que si en el XML hemos puesto dos lineas separadas por un salto, en Flash aparecerán separadas por dos. Para solucionarlo, podemos aplicar una función al texto antes de mostrarlo en el campo de texto.

La función que podemos aplicar es la siguiente:

Away3D: Manejo de eventos de ratón para Away 2.2

Etiquetas: View3D addOnMouseDown MouseEvent3D object Plane

Para interactuar con el ratón en objetos 3d en Away3D 2.2, tenemos que seguir 2 pasos:

-Añadir el evento al objeto, utilizando la función addOnMouseDown (en este caso para detectar que hemos presionado en el objeto). A addOnMouseDown le pasamos como parámetro la función en la que se recoje el evento:

p.addOnMouseDown(planoElegido);

-Recoger el objeto pulsado en la función, por medio del parámetro object:

current = e.object;

El código completo:

Estadísticas de Google Analytics para esedeerre.com en 2008.

Gracias a Google analytics, podemos conocer las estadísticas de navegación de los usuarios que visitan nuestras páginas, y asi poder optimizar los diseños y contenidos a los perfiles que más nos interesen. Hay que tener en cuenta que los perfiles de usuario variarán según la temática de la página. No tiene el mismo perfil el usuario de una página de programación, que el de una página de cocina (aunque habrá usuarios que ven páginas de programación y cocina). Estas son las estadísticas de www.esedeerre.com en 2008:

Usuario únicos: 19255

Versiones de Flash:

Podemos ver como solamente el 1,81% de los usuarios no tiene Flash Player instalado, y casi el 97% de los usuarios tiene instalado Flash Player 9 o superior. Las versiones de Flash Player 10 alcanzan el 18% de media en el año (un 58% durante el mes de Diciembre), por lo que podemos pensar que el año que viene los usuarios con FP10 superaran el 90%.

Navegadores:

El pastel se lo reparten Firefox (53,54%) e Internet Explorer (36,54%). Muy por detrás, Safari (3,81%), Opera (3,55%) y Chrome (2,09%).

Sistema operativo:

Mayoria de Windows (88,59%). Macintosh alcanza un 9,90%, y las distribuciones de Linux un 1,33%.

Resoluciones de pantalla:

Lo más importante de este apartado es el descenso del 800x600 (solamente un 1,57%). Siguen siendo mayoria los monitores 4:3, con un 25,71% de 1024x768, y un 22,14% de 1280x1024. Además, durante el mes de Diciembre los porcentajes se mantienen, lo que parece indicar un cierto estancamiento en la extensión de los panorámicos. Veremos si en Enero, con los Reyes Magos, los panorámicos desbancan o por lo menos se acercan a los 4:3.

Galeria esférica en Actionscript 3.0 y Away3D

Esta es la tercera versión de la galeria esférica. He estado intentando aplicar suavizado en PPV, pero por mucho que reduzco materiales mi procesador muere. Como llevo tiempo viendo demos de Away con materiales suavizados y bastante bien de rendimiento, me he bajado las clases y he migrado el código, aplicando suavizado. El resultado es este:

ESPECIFICACIONES

Lenguaje: Actionscript 3.0 y XML. Away3D.

Compatibilidad: Flash Player 9 o superior

Imágenes: Para esta demo he conectado la galería con la cuenta de Flickr de Lola

Peso: 107KB

Hola mundo en Away3d 2.2

Etiquetas: View3D Sphere render WireColorMaterial

Esta mañana me he bajado la librería Away3D, un motor de 3D para Actionscript 3.0. Por lo que he visto, la sintaxis es muy parecida a Papervision, y parece incluso más sencillo de utilizar.

Además, por las pruebas que he hecho con el suavizado, parece que el rendimiento es bastante superior (en PPV suavizar un material "mediano", provoca unos bajones de rendimiento enormes).

Para crear una escena de Away3D, tenemos que seguir los siguientes pasos:

-Crear una instancia de View3D y añadirla al escenario:

 
visor = new View3D({x:200,y:200})
addChild(visor);
 

-Crear los objetos que necesitemos, y añadirlos a la escena de la instancia View3D que hemos creado:

 
esfera = new Sphere({material:new WireColorMaterial(0x00cc00)})
visor.scene.addChild(esfera);
 

Galeria esférica en Actionscript 3.0 y Papervision GreatWhite (V2)

Esta es la segunda versión de la galeria esférica. Para mi gusto queda mejor. De todas formas, estoy trabajando es una tercera versión, con suavizado y sombras, que todavia no está terminada. De momento estas son las especificaciones de esta:

ESPECIFICACIONES

Lenguaje: Actionscript 3.0 y XML

Compatibilidad: Flash Player 9 o superior

Imágenes: Para esta demo he conectado la galería con la cuenta de Flickr de Lola

Peso: 68KB

Seguir el puntero del ratón en Actionscript 3.0

Etiquetas: MouseEvent MOUSE_MOVE Point localToGlobal mouseX mouseY

Este tutorial es muy sencillo, pero cuando empecé a aprender flash hace 5 o 6 años, estaban "de moda" los tutoriales de este tipo.

Se solía hacer para que una serie de letras siguieran al puntero, con diferentes movimientos y tipos de easing. Para crear un elemento que siga al puntero, sólo hay que seguir los siguientes pasos:

1/ Creamos el Símbolo (en este caso una mosca) y lo linkamos a una clase (en este caso "Seguidor")

2/En la clase Seguidor, añadimos un evento que detecte el movimiento del ratón:

 
stage.addEventListener(MouseEvent.MOUSE_MOVE,mover);
 

3/En la función mover, recogemos las coordenadas del ratón (que son las locales del objeto) y las convertimos en globales:

 
var punto:Point = localToGlobal(new Point(mouseX,mouseY));
 

4/Colocamos el objeto en el nuevo punto:

 
x = punto.x;
y = punto.y;
 

Función para comprobar la edad (Actionscript 2.0 y 3.0)

Etiquetas: Date getMonth getDate getFullYear

Esta función sirve para comprobar si la diferencia en años entre dos fechas, es mayor o igual que cierto número, pasado como parámetro.
Sirve para AS2 y AS3.

Por ejemplo, si tenemos que comprobar en un formulario si alguien tiene más de 18 años, tendremos que hacer lo siguiente:

 
 //Creo un objeto Date con los datos del formulario
var nacimiento:Date = new Date(1920, 6, 10);
//Creo un objeto Date con los datos de hoy
var hoy:Date = new Date();
//Llamo a la funcion, pasando como parametro la edad (18) que quiero comparar y 
//las dos fechas
trace(comprobarMayor(18,nacimiento,hoy));
 

La función comprobarMayor, consta de 3 lineas:

-En la primera, comprobamos si este año ya ha pasado la fecha metida en el formulario

-En la segunda, calculamos el número de años, que depende de si en el año en curso ha pasado la fecha o no.

-La tercera devuelve true si la persona tiene igual o mayor edad de la pasada como parámetro, y false si es menor.

La función es esta: