Sitio en flash con ActionScript + MVC – Separando el contenido de la presentación

¿Qué demonios es MVC?… Es un modelo de trabajo que puede salvar tu vida, o por lo menos ahorrarte muchos dolores de cabeza. El problema de los que desarrollamos aplicaciones en Flash es que muchas veces venimos de una formación de diseñadores más que de programadores, y tendemos a manejar nuestro código y los contenidos de la peor manera posible.

Es bueno, la neta, aprender a trabajar siguiendo MVC porque te va a permitir: separar el cotenido de la presentación (haces tu flash, y tu flash presenta los datos… pero los datos vienen de una fuente separada de tu .fla, fácil de mantener, actualizar, etc… sin que tengas que volver a editar tu flash).  De hecho esta idea va muy de la mano con la del post anterior.

Ya alguien se tomó el tiempo de armar un paquete para ActionScript 3 que facilita la implementación del modelo MVC. Para comenzar a armar tus proyectos de Flash y ActionScript con MVC sigue este tutorial. Viene paso a paso, todo el código explicado, e incluye los archivos fuentes del proyecto.

Filed under: AS 3, Flash, Tutoriales, actionscript, Datos Externos, Flash, MVC

Plantillas (templates) de Flash – Gratis y muy padres!

Ok aceptémoslo: no siempre tenemos todo el tiempo que necesitamos para armar un super sitio. A veces nos contratan para armar un sitio para una muestra de cine que comienza en 3 días, o para mostrar ciertos servicios de un consultorio, o hacer el portafolio de nuestro amigo fotografo que, además, no nos puede pagar… Por un lado es muy padre dedicar el tiempo del mundo a hacer un sitio que nos haga sentir orgullosos… Pero la verdad no siempre hay tiempo y para esos casos lo mejor es usar unas buenas plantillas. :-)

Proyectos de flash ya listos, funcionando, solo para que tú te los bajes y los personalices… Claro: no los podrás usar como portafolio, pero sí te sacarán del apuro en más de una ocasión. Sino, por lo menos vale la pena bajártelos y aprender cómo estan hechos. :-) Aquí hay algunos de mis favoritos:

Lo único que tienes que hacer para tener acceso a estas plantillas y los fotos de flashvillage es registrarte, vale la pena:-)

Filed under: Flash, Librerías, Flash, Gratis, Plantillas

FFilmation – Engine para creación de video juegos en Flash

No puedo creer que se ma haya pasado esta herramienta, o que no sea tan conocida. Esta padrísima!. Es un engine para creación de videojuegos «isométricos» en Flash. ¿Qué quiere decir isométrico?… Básicamente es una manera de representar cosas con cierta ilusión de 3D. Es una técnica muy utilizada tanto en arte como en los video juegos, y esta entrada de wikipedia dá los detalles más obscuros al respecto.

(Ejemplo del cowboy, puedes bajarte el arte de este ejemplo
en la sección de recursos para armar tu propio juego)

La documentación esta bastante bien explicada, desde los principios de diseño, hasta el uso de la librería y el API detallado.

Desde aquí puedes bajarte el engine, también hay un link al repositorio de código en googlecode. En esa misma página de downloads tienen una sección de recursos poca madre para comenzar tu primer proyecto con su librería (con todo y cowboy en 3D y sus animaciones).

Filed under: AS 3, Flash, Herramientas, Librerías, actionscript, Flash, juegos, VideoJuegos

Efectos de animación para Flash

Esta serie de tutoriales estan muy muy chidos!… Los resultados son de calidad de una animación muy profesional y dan ganas de ponerse a hacer cortometrajes con ellos.

• Tutorial 1 – Campo de energía
• Tutorial 2 – Humo y polvo
• Tutorial 3 – Movimientos y enfoques de cámara

(imagen tomada del post original – via Collideascope)

Filed under: Flash, Tutoriales, Animación, Efectos, Flash

Mezclar ActionScript 2 y 3 : Combinar AS2 y AS3, se puede?

Ultimamente hay una pregunta recurrente: ¿qué pasa con todo lo que ya tengo hecho en AS2?… Si tu proyecto de verdad necesita alguna de las bondades que solo maneja AS3 tienes dos opciones:

• Separar tu proyecto en diferentes swfs (algunos en AS2 y otros en AS3)
• Migrar tu código completamente a ActionScript 3

Lo más fácil, a la larga, es que pases todo tu código a ActionScript 3. Varios ya han de estar diciendo: NO MANCHES!!… ES MUCHÍSIMO TRABAJO!!!… Sip… Pero siendo sinceros no es taaaanto tanto, y hay varias ventajas de tener tu código en la versión más nueva de ActionScript: estabilidad, rapidez, soporte y recursos (todo lo nuevo ya esta saliendo para el 3).

Si tienes un proyecto ya muy avanzado en AS2, y NO ves la necesidad de usar ActionScript 3, tampoco se trata de que pierdas tiempo a lo bestia. Sigue siendo feliz en ActionScript 2… :-) Ya el siguiente proyecto lo harás en el 3. Eso sí, eventualmente te conviene hacer el cambio. Aún si estas muy cómodo ya en el 2, hacer el cambio no te tomará mucho tiempo (un par de días para la nueva manera de hacer algunas cosas y listo).

… Y si quieres que se comuniquen entre ellos?… Qué pasa si tengo algunos swf hechos con AS2 y otros con AS3?… Pues la opción es aprovecharnos de un objeto compartido llamado: LocalConnection. Este objeto esta presente en ambos lenguages, y nos permitiría crear un puente entre ellos.

Tienes que crear instancias de este objeto en tu proyecto de ActionScript 2, y en tu proyecto de ActionScript 3, y hacer que se comuniquen. Aquí hay un ejemplo en código. Repito, no es bonito ni fácil… Uno podría considerar AS3 un lenguaje completamente diferente y el hecho de que no sea compatible hacia atrás es bueno, ya que gracias a eso la nueva máquina virtual corre tan chido.

Si tienes un proyecto avanzado en AS2 y no necesitas el 3, así quédate. Siempre la filosofía KISS es la que rifa en el software (Keep It Simple Stupid)… Zas? Ya en tus nuevos proyectos dale al 3, en un par de días agarras la onda de las diferencias y apreciaras las mejoras.

Saludos!

pd. A partir de mañana comienzan los posts sobre motores de física para ActionScript! :-D

Filed under: AS 2, AS 3, actionscript 2, actionscript 3, Flash, LocalConnection

Protege tu propiedad intelectual – OMPI

Si trabajas en Flash, Flex y ActionScript es muy probable que seas alguien creativo y con ciertas habilidades muy valiosas en el mundo actual y el crecimiento de las RIAs y los juegos casuales. Tambien es muy probable que, aparte de tu chamba, hagas proyectos por gusto y diversión. Tal vez estas armando un juego, un visualizador de datos o algo así. Sea lo que sea, protégelo.

El tipo de Desktop Tower Defense tenía su trabajo de programador de visual basic cuando alguien le dijo que hacer juegos en Flash era fácil; agarró un libro de ActionScript y en alrededor de un mes terminó ese juego que nos ha hecho a muchos perder horas y horas de nuestra vidas. El juego completamente gratis pero tiene tantas visitas que genera, en promedio, ocho mil dólares mensuales de ganancias por ads y donaciones. Tal vez ese juego que tienes guardado puede ser el siguiente caso de éxito!. Protégelo.

La Organización Mundial de la Propiedad Intelectual tiene muchos recursos a nuestro alcance, hace poco tomé y terminé el curso general de propiedad intelectual. Es gratuito!, lo puedes estudiar en línea, a tus tiempos, y chance y hasta sacas un certificado. Ya estuvieras no?.

Filed under: Herramientas, actionscript, Flash, juegos, propiedad intelectual

Alternativa3D – 3D en Flash…

ActionScript 3, y las maravillas que se pueden hacer gracias a la super optimización que le metieron, cada día me sorprende más… Checa Alternativa3D.

Dale un click a la imagen para ver un demo, si le picas T puedes ver cómo sucede un poco de la magia… Puedes caminar y ver hacia todos lados (con tu mouse)… Las texturas se ponen en su mejor calidad solo cuando no te estas moviendo… pero a poco te vas a quejar?… O.o … Wow!… Y es solamente un prototipo, imagínate cuando ya le den con todo a este tipo de cosas, ya con presupuesto para sacar un super juego o qué tal si ActionScript 4 ya incluye métodos para manejo de 3D de manera nativa?.

Aquí para más demos.

En próximos posts hablaré de engines de 3D para actionscript que podemos usar para hacer nuestros pininos en 3D con esta plataforma… Hay varias opciones que, combinadas con las librerías que ya existen de física, nos permiten lograr efectos poca madre para juegos y simulaciones.

Filed under: AS 3, Inspiracional, Librerías, 3d, actionscript 3, Flash, video juegos, wow

Viscosity : Inspiracional

De vez en cuando me gustará poner algun post de arte generado por computadora, o algún sitio «inspiracional» hecho en flash/flex… Si bien no son tutoriales o «recursos» que podamos aprovechar para sacar adelante nuestros proyectos, es super chido tener a la mano una serie de ligas de sitios que nos hacen decir «wooow» y querer pasar un ratote viviéndo la experiencia que nos ofrecen.

Cuando nos topamos con un sitio así siempre conviene preguntarnos ¿porqué esta tan chido?, ¿qué es lo que genera en mí como usuario que me hace disfrutar tanto la experiencia?… ¿los menus?… ¿colores?… ¿animación?… Aprender y después, aplicar este conocimiento en nuestros propios proyectos. :-)

El proyecto Viscosity utiliza una interface hecha en Flash/ActionScript, junto con un backend en PHP. Puedes leer un poco acerca de lo que está detrás del proyecto, pero más que nada te recomiendo ver la galería de arte creado con la herramienta, y ponerte a picarle para tú hacer algo chido!.

Extra: Artículo de downloadsquad

Filed under: Inspiracional, art, Flash, inpiracional, inspiracion, musa, php

Ya era tiempo…

Ya tiene mucho tiempo que estudio y hago cosas en Flash. De hecho, tengo trabajando con Flash desde la version 2!!!… Heh… En ese entonces ni siquiera se hablaba de ActionScript, lo que había era una seríe de pantallas y uno seleccionaba con una interface muy gráfica lo que sucedería en algún evento de un boton o algo así; brincar a un frame, o a un label (etiqueta) era lo más común en ese entonces.

Cambiaron mucho las cosas con Flash MX, ActionScript 1… ActionScript 2… Y ahora el méndigo ActionScript 3 que esta muy chido pero es completamente diferente. A lo largo de todo este proceso de aprendizaje me han ayudado muchos libros y sitios de internet, y esta página será un compendio de referencias a diferentes buenos recursos y tutoriales en la red… Eventualmente tal vez yo escriba mis propios tutoriales, pero la verdad hay tantas cosas buenas ahí afuera, que más bien este será un repositorio personal de buenas ligas de todos estos temas. Con la buena igual y tambien voy poniendo mis propios experimentos y ligas a diferentes proyectos que he sacado adelante.

Trataré de escribir el blog en español, pero muchas de las ligas serán hacia contenidos y tutoriales en inglés… O qué será mejor?… Mantenerlo 100% en español?… Mmmh… Veremos.

ps. El enfoque será en Flash y ActionScript… Pero también tocaré temas de Flex (u OpenLazlo), algo de diseño (Photoshop tal vez) y manejo de CSS. Al final de cuentas son las herramientas de un desarrollador de multimedia.

Filed under: AS 2, AS 3, CSS, Flash, Photoshop, actionscript 1, actionscript 2, actionscript 3, CSS, Flash, flash mx, Photoshop