Archives For flash

Adobe flash y actionscript

En easy-flash hay algunos tutoriales de flash, en español, no son muchos, pero vale la pena darles un vistazo.

Link: easy-flash
Via: Materia Gris

formatum-inc

No creo que el sitio sea nuevo. Lo encontre por ahi navegando de blog enblog. Formatum-inc.com, sitio de una empresa de arquitectura de interiores, desarrollado por Infinity Art Studio. Pues me llamo la atencion por su diseño simple, y sus buenos efectos de actionscript (me recordo bastante al estilo de group94).

Link: Formatum-inc.com

Me preguntaron por ahi si es que sabia como se hacen esos botones en flash, que se animan, y luego muestran mas botones dentro. Seguro que lo han visto, este efecto se usa bastante para navegacion (menu, submenu). Si no, este es un ejemplo claro de lo que estoy hablando: Plur2k (fijense en los botones de la barra de navegacion superior).

Pues ahi se me ocurrio hacer un ejemplo de este efecto en 5 minutos. Es una solucion simplificada, sin ganas de complicarme la vida. Pasen el mouse sobre la zona gris, para que lo vean.

Si les gusto, y quieren el archivo fuente, bajenlo dando click aqui

Como saben, google puede indexar el contenido de archivos swf. Informit ha sacado un articulo dandonos algunos puntos guia para hacer que nuestro contenido Flash sea mas amigable con Google, para que sea indexado de mejor manera. Basicamente se refiere al uso del Flash Search Engine SDK de Adobe (bah! Macromedia 🙂 ).

Es interesante, sin embargo, habla sobretodo del contenido estatico de un archivo swf. Dudo que las mismas técnicas sirvan para contenido dinámico, como texto cargado de un swf, o usando remoting. En fin, es un buen comienzo.

Link: How to Design Flash Pages for Google
Via:X-Blog

Blueprint, el juego

febrero 20, 2006

Este juego hecho en flash me parecio fabuloso: Blueprint. La idea es simple: en un plano tienes una bolita, que tienes que hacer llegar a la meta moviendo las partes del plano. Cada una tiene un efecto distinto en el recorrido de la bolita.

Talvez me gusto porque se trata de un physics engine, y un puzzle, los dos mezclados. En fin, intenten jugar, pero cuidado, es adictivo 🙂

Link: Blueprint

Documentando el codigo

febrero 11, 2006

Uno de los errores mas graves que tengo cuando programo es que no me gusta comentar el codigo que hago. Y claro, es que pienso que gasto tiempo valioso: el tiempo que ocupo en escribir dos lineas de comentario, podria utilizarlo en crear un par de funciones, o una clase entera. Pues estoy muy equivocado. Esos pocos segundos que me ahorro por no documentar, me cuestan caro despues, cuando necesito actualizar mi codigo y no recuerdo lo que hice, que variables use, por que cree tal o cual funcion. De igual manera pasa cuando quiero reutilizar el codigo, pero no recuerdo como usarlo.

Pues bien, por eso es importantisimo documentar el codigo. Ademas, hay herramientas (para cada lenguaje de programacion) que me ayudan a crear una documentacion bonita y organizada a partir de los comentarios que he puesto en mi codigo. Hacer esto ayuda mucho, no solo para organizarte, sino tambien si deseas distribuir tu codigo: una documentacion bien realizada, facilita el uso del codigo.

En el caso de actionscript, hay varios programas, algunos estan listados en osflash. Me decidi probar dos: NaturalDocs y as2api. Cada uno tiene reglas especificas para documentar tu codigo, para luego correr un comando que parsea estos comentarios y genera la documentacion.

Me gusta NaturalDocs por el hecho de que sus reglas son mucho mas faciles de recordar. La presentacion de la documentacion es bastante elegante, y sobretodo es facil de usar. Tambien puedes configurar y crear nuevos menus a tu gusto (cambiando los archivos de documentacion). Ademas, esta herramienta no es solamente para actionscript, puedes usarla para generar documentacion de distintos lenguajes de programacion como php, java, coldfusion, python, javascript, entre otros (ver la lista de lenguajes soportados). Luego de probarlo, hay solamente dos cosas que no me gustaron: documenta tambien funciones y variables privadas (que generalmente deseas ocultarlas) y si tienes funciones getter y setter, las documenta como dos metodos distintos.

as2api es un programa solamente para actionscript. Su sintaxis y estilo de documentacion estan basados en javadoc (herramienta para java). A pesar de que apenas esta en su version 0.4, as2api es bastante completo. Sus reglas de documentacion son faciles de aprender, sobretodo si has utilizado javadoc anteriormente. Que es lo que no me gusta de esta herramienta? que la documentacion generada se ve horrible 🙂 pero todo es cuestion de jugar un poco con su hoja de estilos. La herramienta es mas basica, pero eso no significa que no sea buena.

Para muestra un boton: estoy trabajando en un proyecto del que hablare despues y que sera libre para que lo bajen. Probe ambas herramientas, y estos son los resultados:

Naturaldocs: mi documentacion (esta incompleta, pues no use sus reglas para comentar mi codigo)
As2api: mi documentacion sin modificar.
As2api: mi documentacion, despues de modificar la hoja de estilos.

En fin, me quede con as2api (con mi hoja de estilos). No es lo mejor del mundo, pero basta y sobra para mantener una buena documentacion de mi codigo.

Si programas en php, te recomiendo phpdoc

Finalmente, se que no el blog no ha estado muy activo, pero proximamente estare posteando un poco mas, sobre como utilizar as2api, utilizar clases abstractas, flickr, mi proyecto (del que acaban de ver la documentacion), entre otras cosas.

Adopt a flash pet

enero 16, 2006

Adopta una mascota. Bunnyherolabs.com se le ocurrio esta idea, y es entretenida. Puedes elegir entre varios tipos de mascotas, darles un nombre y ponerla en tu pagina.

Claro, lo interesante es que la mascota esta hecha en flash, y sigue a tu mouse. Puedes tambien interactuar con tu mascota. La mia? el tigre nipple 🙂

Link para la adopcion: bunnyherolabs

adopt your own virtual pet!

En gotoandlearn.com hay varios tutoriales en video, sobre todo sobre flash y video. (el ultimo es sobre after effects y flash, y hay uno que otro de xml y flash). A pesar de que son en ingles, para los que no lo hablen, no importa, la ventaja es que los tutoriales son bastante visuales, asi que creo que los entenderan igual 🙂