Archivo de la categoría ‘AS2’

ScrollRect, o cómo hacer una máscara sin máscaras

Publicado por Iván Gajate el 9 de marzo de 2009 en AS2, AS3, Flash, Lab, Tutoriales | 16 comentarios »

Hay una propiedad de todos los objetos de visualización en Flash que se llama scrollRect y es su rectángulo de visualización, la zona que Flash nos enseña de ese objeto. Normalmente el rectángulo de visualización es de iguales dimensiones que el objeto, es decir, si yo tengo una imagen de 400×400, su rectángulo de visualización es de 400×400 empezando en la esquina superior izquierda de la imagen.

scroll-rect-img-1

 

Leer el resto de esta entrada

TweenMax. El hermano mayor del TweenLite

Publicado por Iván Gajate el 21 de diciembre de 2008 en AS2, AS3, Flash, Tutoriales | 3 comentarios »

Ya había hablado antes del TweenLite, una librería para hacer tweens de forma súper sencilla a la que estoy totalmente enganchado. Lo hago todo con ella.

Si se nos queda corta, podemos utilizar el TweenMax, que es exactamente igual, pero con más propiedades. Se basa en el primero, y añade cosas como la posibilidad de hacer tweens sobre filtros, movimientos con curvas Bezier, pausar un tween o hacerle un loop, así como acceder a muchas propiedades internas del tween.

Aquí se pueden ver los tweens con filtros sobre una imagen:

Como se basa en el TweenLite, sólo voy a poner las cosas que tiene diferente a éste:

Leer el resto de esta entrada

Detectar el tipo de player en Flash

Publicado por Iván Gajate el 21 de noviembre de 2008 en AS2, AS3, Flash | 11 comentarios »

Algo que hago muy a menudo es asignar un valor a una variable si estoy trabajando en Flash y otro distinto si estoy en un html porque la web ya está online.

Por ejemplo para evitar la caché cuando cargamos archivos externos. Unas líneas muy útiles:

En AS3:

import flash.system.Capabilities;

var aleat:String ="";

// Si estoy en un navegador (Internet Explorer o FireFox) evito la cache.
if (Capabilities.playerType == "PlugIn" || Capabilities.playerType == "ActiveX") {
	aleat = "?a="+ Math.random();
}

var req:URLRequest = new URLRequest("fotos.swf"+aleat);

En AS2 es muy parecido:

var aleat:String ="";

// Si estoy en un navegador (Internet Explorer o FireFox) evito la cache.
if (System.capabilities.playerType == "PlugIn" || System.capabilities.playerType == "ActiveX") {
	aleat = "?a="+ Math.random();
}

getURL("fotos.swf"+aleat);

SWFObject 2.1

Publicado por Iván Gajate el 29 de octubre de 2008 en AS2, AS3, Desarrollo Web, Flash, Tutoriales | 12 comentarios »

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

TweenLite. Tween sencillo, ligero y potente

Publicado por Iván Gajate el 22 de octubre de 2008 en AS2, AS3, Flash, Tutoriales | 19 comentarios »

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.

(Archivo Flash, para verlo necesitas Adobe Flash Player.)

Leer el resto de esta entrada

Formularios, setFocus y tabIndex

Publicado por Iván Gajate el 3 de octubre de 2008 en AS2, AS3, Flash, Tutoriales | 11 comentarios »

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