¿Y por qué no? - Programación JavaScript y ActionScript

Hay una nueva versión de esta librería de JavaScript que sirve para incrustar contenido flash en nuestro html.

Como ya hemos visto en Flash 99% bueno, esta forma de hacerlo nos ofrece varias ventajas:

1. Es muy fácil de insertar, mas sencillo que incluir las etiquetas object, es una solución respetuosa con los estándares, y es común para todos los navegadores.
2. Evita el tener que hacer clic sobre el objeto flash para activarlo en las últimas versiones de Internet Explorer.
3. Nos permite incluir un contenido "alternativo" accesible para usuarios que no tengan flash player o naveguen con JavaScript deshabilitado.
4. Google y otros motores de búsqueda son capaces de leer e indexar ese contenido alternativo perfectamente.

Ahora, con el SWFObject, ponemos una capa (div) con el contenido no-flash o alternativo (por supuesto podemos dejarla vacía). Esta capa, será sustituida por el contenido flash, de forma totalmente transparente para el usuario.

Eso si, tenemos que darle un id a la capa para que el SWFObject sepa dónde queremos que ponga nuestro flash.

<div id="miFlash">Texto Alternativo</div>

Ahora, en la cabecera del html, incluimos la librería del SWFObject, y hacemos la llamada para que se incluya el flash.

<script type="text/javascript" src="swfobject.js"></script>

<script type="text/javascript">
	//swfobject.embedSWF(swfUrl,      id,    width, height, version)
	swfobject.embedSWF("test.swf", "miFlash", "300", "120", "8.0.0");
</script>

Leer el resto de esta entrada

Llevaba tiempo queriendo probar esta librería para hacer Tweens, dicen que el rendimiento es increíblemente bueno y es muy sencilla de usar. Y en tan solo 3KB!

Hay muchas librerías de tweens, como Tweener, Zigo o las propias de Flash. Yo he probado algunas pero no termina de convencerme ninguna. La de Flash era la que usaba hasta ahora, pues las otras me habían dado problemas anteriormente, pero se queda corta algunas veces.

La TweenLite me ha sorprendido por lo fácil que es de usar, y tiene todo lo que siempre he necesitado en un Tween y alguna característica que no me esperaba.

Nota: Un Tween es una forma de animar objetos mediante programación. Es muy útil cuando no conoces el punto inicial de la animación.

Vamos a hacer un movimiento sencillo, una bola moviéndose de izquierda a derecha con movimiento elástico.

Leer el resto de esta entrada

El viernes fue la tercera entrega de esta serie de eventos que organizan los de Made In Flex y la primera a la que asisto yo. Aunque Flex no es lo mío, siempre se aprenden muchas cosas en este tipo de eventos.

Alberto Alcaraz

nos habló sobre optimización en Flex. Impresionantes los resultados obtenidos con sólo cambiar algunos métodos utilizados. Aunque casi todo era Flex, algunas cosas valían para Flash perfectamente, como la declaración de variables locales estáticas o la definición previa en un bucle de su límite de iteraciones para evitar que el player tenga que recalcularlo en cada pasada del bucle.

Joan Garnet

hizo una clarísima introducción a Papervision3D, ya he visto unas cuantas sobre el tema, pero me gusta mucho cómo lo explica Joan, de forma clara y sencilla, haciendo pequeños ejemplos con cada concepto. Lo mismo hasta me animo de una vez a tocar esta librería 🙂

Además, me hizo fijarme en algunos detalles que no conocía, como el método onRenderTick para actualizar el render en Papervision. También fue buena idea heredar de BasicView para evitarte clases tan largas.

Joseba Alonso y Xavi Beumala

se explayaron de lo lindo con las novedades de Flash CS4. Más de uno estaba deseoso de ponerle la mano encima al paquete, jeje.

La mayoría de novedades sobre interfaz y similar ya lo habíamos visto en cristalab, pero vi algunos detalles en los que no me había fijado antes:

La posibilidad de alargar y acortar la línea de tiempo de una animación simplemente alargando su sprite va a ahorrar muchas horas con los típicos clientes de “un poquito mas rápido”, y ahora “un poquito mas lento”, “no, vuelve a ponerlo mas rápido, pero no tanto como antes…”  :[grr]

Aunque vuelvo a recordar, que eso ya lo hacíamos en Director hace años, pero bienvenido sea.

También habló de Pixel Bender, un toolkit para desarrollar filtros que luego se pueden usar en Flash e incluso en After Effects. Se trata de una aplicación en la que se pueden programar filtros como los de Photoshop basados en la modificación de píxels, y que posteriormente se pueden usar en flash. Lo mejor es que funcionan en otro proceso distinto al del player de Flash, aprovechándose una vez mas de la tarjeta gráfica y de procesos a bajo nivel, aumentando así el rendimiento, separando el trabajo de nuestra película, del procesamiento de la imagen. Impresionante.

Leer el resto de esta entrada

Al menos hoy por hoy sí.

Y es que "eso no se puede hacer" y "yo no lo se hacer" son dos cosas muy distintas, y muchas veces por desconocimiento nos creemos todo lo que nos dicen.

Cierto es que Flash a día de hoy no lo pueden leer los motores de búsqueda. Dicen que sí, que pueden leer los textos estáticos y los enlaces y bla, bla, bla… pero vamos, que si preguntas a alguien que sepa del tema te confirmará que una página hecha 100% en flash no se puede posicionar bien (o al menos yo no lo se hacer, jeje)

¿Y entonces los que vivimos de esto que hacemos?

Pues buscarnos la vida. Pero ya hay gente por ahí que ha mirado mucho este tema y se han llegado a algunas soluciones muy buenas que paso a resumir aquí:

La idea es bastante sencilla, todo lo que sea flash no lo ve un motor de búsqueda. Ni JavaScript. Y eso en este caso nos viene bien. Si sustituyo el contenido HTML por el contenido flash con JavaScript y el motor no puede leer JavaScript, tampoco se hace la sustitución, y se queda con el contenido de texto, que si pueden leer los buscadores.

Dicho de otra manera, es como cuando hace 5 años entrabas en una página web y te encontrabas dos botones, versión Flash y versión HTML decían. Es lo mismo, pero ahora la elección la hago yo por defecto: Si no tienes JavaScript te muestro la versión HTML y si lo tienes, te muestro mi súper-mega-página-100%-flashhhhhh 🙂

Leer el resto de esta entrada

Una de las cosas que mas pereza me produce es tener 100 imágenes en la biblioteca y tener que cambiar sus propiedades de exportación, como la calidad, suavizado, etc… de una en una. Es un suplicio.

Tanto, que hace un año hice una pequeña aplicación con jsfl (JavaScript para flash, muy útil para estas cosas). Pero hoy, trasteando por ahí, he encontrado una extensión para Flash que hace eso mismo pero con una interfaz mejor que la mía, no tengo problema en reconocer lo que está mejor 😉

Es de OneByOneDesign, y aquí se puede descargar.

O la muerte del 95% de los bucles 🙂

Al menos yo cuando pienso en un bucle, mis manos empiezan a escribir

for(var i:Number=0; i<array._length; i++){ . . . }

Un minuto de silencio por los bucles… Ya.

Y es que la nueva clase Array de AS3 tiene algunos métodos muy interesantes, uno de ellos es el forEach, que ejecuta una función con cada elemento de la matriz, que es para lo que yo uso la mayoría de las veces un bucle en Flash, para recorrer un array y hacer algo con sus elementos.

Ahora cuando queramos hacer eso en AS3, tan solo tendremos que definir la función que queramos que se ejecute y listo. Muy limpio.

La función recibe tres parámetros: el elemento que corresponde de la matriz, su índice, y el array completo por si lo queremos usar para algo.

Leer el resto de esta entrada

Un problema muy común a la hora de hacer un formulario en Flash es que estén los campos rellenos con un texto informativo de lo que hay que poner dentro, y que cuando el usuario hace clic cobre uno de los campos (recoge el foco), se borra esa información para que pueda escribir.

El problema viene cuando el campo deja de tener el foco pero el usuario no ha puesto nada. No se tiene que quedar en blanco, sino volver a poner el texto informativo del principio. Este es el resultado.

Leer el resto de esta entrada

Ya está aquí (bueno casi, en Noviembre), y este año toca versión para los diseñadores. Y viene muy fuerte.

No voy a contar las novedades que trae porque ya lo han hecho muy bien en Cristalab, pero querría destacar una de ellas que me hace mucha gracia verla a estas alturas.

Y es que yo empecé en Director, Macromedia Director por aquel entonces, cuando Flash estaba por la versión 4. Y en Director los objetos se arrastraban al escenario y cada uno iba en una línea de tiempo como un Sprite, llamaban ellos. Y para animarlo tan solo había que moverlo con el ratón y automáticamente se curvaba la línea del movimiento y te colocaba un punto de animación. Eran tiempos de Lingo y sprite(the spritenum of me), jeje, que recuerdos.

Años después, a uno de los responsables de Director se lo llevaron a Flash, absorción por parte de Adobe y, lo que son las cosas, ahora nos encontramos hablando de sprites, childs, y con una *nueva* forma de animar en Flash sin fotogramas clave, clavada a como se trabajaba en Director.

Leer el resto de esta entrada