Shift F12

Ok… Ok… Respira profundo.

(suspiro)

Ya salió el nuevo Flash Player!!!!!! Porqué tanta emoción?… Pues checa la lista de features que trae, entre ellos:

• Soporte NATIVO a 3D. Damn… De qué manera afectará esto a todas las librerías que hemos mencionado últimamente?. No creo que las substituya, pero de seguro habrá cambios interesantes y mejoras de performance poca madre.
• Más y mejores filtros.
• API de Dibujo mejorada (esta me hubiera servido para un proyecto hace un mes… argh).
• Y pues varias optimizaciones en general para el uso de tu CPU.

Checa los demos! Y este par de videos con demostraciones y explicaciones (video1, video2).

relacionado: Flash Player 10 Beta on Labs!

Wow… ¿Por qué demonios los días no tienen 30 horas?… (suspiro). Estos demos de visualización de audio que he estado viendo con Flash y PV3D me dejan con el ojo (y oido?) cuadrado y con ganas de ponerme a jugar con esto. La verdad nunca he procesado audio con Flash, simplemente “lo pongo ahí”, pero estos demos agarran la señal, la analizan y la representan de manera gráfica poca madre!!!… Ahora voy a tener que aprender… Heh. (Es lo chido de andar buscando y viendo demos y portafolios inspiradores, nos mantienen retándonos a nosotros mismos no?).

Checa los demos:

(click aquí o en la imagen)

Como lo explica este post, este demo fue armado con computeSpectrum() y PV3D 2.0 alpha (Great White). Para analizar el sonido se utilizó la función SoundMixer.computeSpectrum(). Interesante… Habrá que experimentar con ella.

(De nuevo Mr. Doob, excelente e impresionante demo)

(Para este demo te recomiendo quedarte escuchando un rato, la visualización se pone interesante)

Si quieres seguir viendo varios demos de visualización de sonido, theFlashBlog tiene unos interesantes (resultados de un concurso con esa temática). Pero, y ¿si quieres hacer algo similar?… Aquí hay un par de tutoriales que se ven prometedores (yo mismo voy a seguir un par justo ahora!):

• Sound visualization in Flash CS3
• Flash ActionScript 3 mp3 sound amplitude player Tutorial CS3 (video tutorial)
• ActionScript 3 Spectrum Analyzer
• De kirupa
• Revolt, actionscript 3 based spectrum analyzer source released (con código fuente incluido!)

¿Si hubicas todas esas galerías de imágenes que han salido últimamente en la que vemos un reflejo de las imágenes sobre la “superficie”?… El mismo efecto que maneja tu iTunes o iPod cuando muestra el arte de los discos. Se ve muy chido no?…. Pero ¿Cómo demonios hacerlo?.

Tienes dos opciones:

• Si ya sabes cuáles son todas las imágenes que quieres manejar en la galería te pones a crearles el reflejo a cada una en photoshop… O.o
• O… mejor aún, sigues este tutorial!!…. :-D
  Esta muy muy bien hecho, ya trae todo el código que necesitas junto con los archivos de soporte.

Ese tutorial te da todos los métodos necesarios para crear ese reflejo en cualquier imágen. Si tienes una referencia a varias imágenes (en un XML o base de datos) solo tienes que ir jalando cada una de ellas y aplicarles esta función.

Podemos desarrollar aplicaciones en AS3 sin la necesidad de Flash gracias al SDK libre y a herramientas como FlashDevelop. Pero y ¿si quiero seguir usando el IDE de Flash?. Una de los primeros problemas con los que me topé al cambiar de AS2 al AS3 en Flash es que no tenía ni idea de dónde se definía la clase principal, ¿cómo hacer referencia al _root?.

Además uno estaba acostumbrado a asignar código directamente en los botones y ahora no se puede!!!… He he he… Estas complicaciones en realidad hacen nuestra vida más fácil, separándo el código y haciéndolo más fácil de mantener. Pero pasar al AS3 necesita algo de ayuda inicial por más que ya seas bueno en el dos.

Hay muchos tutoriales ahí afuero, unos muy largos, pero este para mí es el mejor tutorial introductorio. Hace que te quede muy claro cómo se manejan ahora las clases, funciones, y la lógica de separación del código del resto de tu aplicación . :-D

Todo mundo queremos hacer un juego de plataformas en algún punto de nuestra vida, en la tierra de los FPS y tanto 3D loco, un juego como Mario viene de manera refrescante a divertirnos y recordar lo básico de la experiencia interactiva. (Eso explica lo MUCHO que vendió Mario Bros. para el Nintendo DS por ejemplo).

Hoy voy a mencionar dos buenos tutoriales para armar un juego de este tipo. El Arte que nos presentan los tutoriales es muy básico, pero se supone que ya tu te tardarás horas en armar el arte de su juego. Lo importante es el manejo de las colisiones, los brincos y cosas por el estilo.

El primer tutorial es de Kirupa y es para ActionScript 2. Esta bastante completo y si ya estas clavado en el AS3 los principios son los mismos cambiando solo un par de cosas en el código. Son 5 páginas detalladas de cómo ir armando tu proyecto. La neta los tutoriales de kirupa siempre han sido de los mejores que he encontrado.

Por otro lado esta el tutorial de Emanuele Feronato (tambien para AS2). Parte 1, Parte 2, Parte 3. Lo padre de este tutorial es que maneja varios niveles de plataformas y nos queda muy claro el “cómo” podríamos realizar juegos de este tipo (como el ninja gaiden de los viejos tiempos!).

Hay muchos tutoriales chidos en la red. Pero la verdad es que de vez en cuando no hay como tener un libro a la mano que nos presente muchos conceptos de manera ordenada. Los dos tutoriales anteriores son para AS2, pero si tu ya estas de lleno en el 3, vale la pena invertir en un buen libro. Para cuestion de Juegos en ActionScript 3 yo digo que este es el mejor: ActionScript 3 Game Programming Univeristy (sitio web).

Ok, el tema de las galerías y manejo de imagenes es bastante popular por lo visto (número de hits en los posts), así que trataré de enfocar una serie de post en manejo de imagenes y efectos de partículas.

Hoy toca mencionar un tutorial pocamadre:

¿Qué demonios es Paralax?. Pues checa el demo en el sitio!… La verdad es una EXCELENTE idea para armar tu portafolio. Porqué no hacer una galería de arte en la cual los cuadros muestran thumbnails de tu trabajo?… Al darle click a cada thumb se carga el proyecto y dejas a todos sorprendidos con tu buen estilo y sofisticación. Heh.

Paralax es ese efecto visual de movimiento con respecto al observador. El tutorial te servirá para saber manejarlo en general, pero la idea de galería es MUY buena…. Mmmh… (pensando en actualizar mi portafolio al fin).

El componente de pared 3D que menconé hace un par de días es muy muy bueno, pero a varios se les ha de hacer caro y definitivamente es mucho dinero como para nomás bajarla y jugar con ella. Si tienes un cliente y proyecto que justifiquen la inversión no es un gasto elevado. Pero si es para tu sitio personal o algún amigo tal vez prefieres esta alternativa.

Funciona bastante bien y solo cuesta 10 dólares!. :-D Programar y diseñar esta pared tu mismo sería un ejercicio muy padre si tienes el tiempo, pero definitivamente te tomaría muchas horas de trabajo. Aunque esta pared no tiene efectos de cilindros y todas esas cosas de seguro te ayudará a hacer una galería impresionante que complacerá a la mayoría de tus clientes. ;-)

Los altos anchos de banda que manejamos hoy en día han hecho que se pongan más y más de moda los videotutoriales. Como siempre, a veces hay tutoriales muy buenos y otros muy malos. Pero este esta muy chido!.

Quieres una introducción a ActionScript 3 pero te da flojera dar ese primer paso?. Estas ya muy cómodo con AS2 y no quieres cambiar?. Date la oportunidad de seguir ese video tutorial. La neta, esta chido. :-P

Excelente tutorial con código fuente incluido de cómo hacer que una imagen explote y cómo regenerarla usando PaperVision3D.

Recuerdan aquel demo padrísimo de PV3D para un proyecto de Audi? Pues ya hay un componente de Flash para que tu hagas efectos similares de manera super sencilla!!… Muchos van a decir: No mam… esta carísimo!!!… La respuesta es: No mam… ustedes!

Un sitio web de Flash decente termina costando POR LO MENOS 1,000 dólares, ya si le vas a meter efectos de 3D y todo muy probablemente el costo se duplica o triplica. Va?… Puedes pagar los 99 dolares sin ningun problema para hacer un sitio poca madre y que todo mundo se quede con la boca abierta y preguntándote cómo lo hiciste.

Caiganle al sitio y vean los demos. Este componente utiliza PaperVision 3D en su “core”.