El framework Starling, que ya presentamos en el post de nuestra charla durante el Subflash 2012 es prácticamente un estándar ya a la hora de programar juegos y aplicaciones en ActionScript 3 para plataformas mobile. En este post voy a comentar algunos recursos que he ido recopilando estos últimos meses y que pueden ser muy útiles sobretodo a la hora de dar los primeros pasos en el uso de este framework.
A la hora de programar un videojuego (o muchos proyectos de corte más visual/interactivo) es casi imposible que no necesitemos echar mano de ciertas fórmulas matemáticas (más concretamente geométricas) para comparar las posiciones relativas de nuestros elementos gráficos en la pantalla. La geometría en dos dimensiones es relativamente sencilla pero aún así en este post presento un ejemplo que sin ser muy complicado echa mano de una serie de fórmulas que quizás no recordemos de memoria (sobre todo la última).
Starling Framework es un port del framework Objective-C para desarrollo de videojuegos para iPhone/iPad Sparrow Framework, y esta evolución es un tanto curiosa ya que Sparrow estaba basado inicialmente en emular el display list de Flash pero utilizando la potencia de la aceleración gráfica por GPU. De hecho estas características de Starling, su intuitivo manejo para cualquier programador acostumbrado a la display list de Flash, y la posibilidad de acceso fácil a las GPU lo hacen ideal para generar cualquier tipo de APP para mobile, no tan sólo desarrollo de videojuegos.
Durante el taller de Desarrollo de Videojuegos del Subflash os presentamos una demo del framework que en este post vamos a comentar un poco más, así como a ofrecer el código fuente por si queréis comprobar vosotros mismos lo sencillo que es crear un mini juego que funcione en mobile a 60 fps estables aprovechando la potencia de Starling.
Durante el taller de Desarrollo de Videojuegos en Flash del Subflash hicimos una pequeña introducción al framework Flash de creación de videojuegos en 2D FlashPunk. Este framework es perfecto para la creación de videojuegos estilo retro (plataformers, RPGs) para ejecutar en web ya que, por desgracia, no está demasiado optimizado para mobile. Sin embargo, resulta tan ágil y cómodo de trabajar en él que se está utilizando mucho para prototipado rápido de videojuegos para testear la jugabilidad antes de comenzar la producción.
No hace mucho publicamos en este blog un artículo sobre creación de entornos isométricos en flash ActionScript 3. Puesto que utilizamos ese post como introducción a la librería as3isolib, nos limitábamos a crear una rejilla para que sirviera de «escenario isométrico» y a añadir objetos en este escenario, en nuestro caso, sillas de heladería a las que dotamos además de cierta interactividad, pudiéndolas rotar.
Para este ejemplo, vamos a dar una vuelta de tuerca más y vamos a programar un personaje de videojuego que el usuario (o jugador) va a poder mover libremente por un entorno isométrico con obstáculos, y todo esto en menos de 500 líneas de código!
Gracias a la genial as3isolib podemos crear entornos isométricos con ActionScript 3 en Flash o Flex. La Perspectiva Isométrica – conocida por todos gracias a videojuegos clásico como Los Sims – pese a no ser un 3d real, es una manera muy efectiva de representar un mundo en tres dimensiones, lo cual es una herramienta muy útil para videojuegos o representaciones.
Durante este post vamos a aprender los inicios de crear un entorno isométrico con esta librería mediante un ejemplo práctico 😉
Tip especial Navideño (con villancico incluido) para modificar por programación mediante ActionScript 3 el tono de un audio en Flash (es decir, subirle el tono seria volverlo más agudo o «pitufarlo» y bajarle el tono sería volverlo más grave).
Éste es un efecto muy sencillo de conseguir utilizando como base el método noise (ruido) de clase BitmapData de ActionScript 3.
Este es uno de esos bugs de los que si no estás al tanto te pueden hacer perder una cantidad de tiempo considerable, y lo peor es que sucede en un escenario tan común como el cargar una peli flash dentro de otra.
Tal y como se describe en el título del post, al cargar una peli SWF que tenga un contenido de texto con el nuevo motor Text Layout Framework e intentar acceder a alguna de sus propiedades o métodos nos vamos a encontrar con un error en tiempo de ejecución que puede ser de conversión de tipo o de referencia, tal que así:
TypeError: Error #1034: Error de conversión forzada
ReferenceError: Error #1069: Propiedad foo no encontrada
Éste es un pequeño tip muy útil si alguna vez os habéis visto en la necesidad de rotar MovieClips por programación utilizando como eje de rotación su centro, pero el punto de registro de dicho movieclip está en otro sitio.