Archivo de la categoría ‘Lab’

AS3 – Cuerda Colgante

Publicado por Iván Gajate el 23 de febrero de 2012 en AS3, Flash, Lab | 15 comentarios »

jejeje, el experimento del post anterior de arrastrar un movieclip, está dando mucho juego 😉

En este caso la cuerda se comporta como si tuviese peso, por debajo de una distancia se queda colgando, y por encima se tensa y tira del objeto del otro extremo 😉

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

 

Descargar ejemplo cuerda colgante

AS3 – Cuerda Muelle

Publicado por Iván Gajate el 23 de febrero de 2012 en AS3, Flash, Lab | 17 comentarios »

Siguiente con el post anterior de arrastrar un movieclip, podemos jugar un poco con los parámetros y hacer que por debajo de una distancia mínima se encoja la cuerda, dando la sensación de ser una goma con un tope de elasticidad 🙂

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

 

Descargar ejemplo arrastrar puntos

AS3 – Cuerda

Publicado por Iván Gajate el 23 de febrero de 2012 en AS3, Flash, Lab | 14 comentarios »

Basándonos en el post anterior de arrastrar un movieclip, podemos concatenar varios clips vacíos a una distancia muy corta, y el resultado es una cuerda! 🙂

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

 

Descargar ejemplo arrastrar puntos

AS3 – Seguir un punto

Publicado por Iván Gajate el 23 de febrero de 2012 en AS3, Flash, Lab | Los comentarios están cerrados.

Vamos a arrastrar un clip de película como si estuviese enganchado con un alambre rígido, de tal manera que puede girar pero no doblarse.
Arrastrar el de la izquierda:

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

Leer el resto de esta entrada

El Bucle

Publicado por Iván Gajate el 21 de diciembre de 2011 en AS3, Flash, Lab | 12 comentarios »

Sin duda este es el fragmento de código que mas veces he escrito en los 10 años que llevo ya en esto, y quería rendir un pequeño homenaje a este compañero que tanto me ha hecho disfrutar, con su sencillez y flexibilidad.

Felices fiestas a todos.

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

 

// Creo tantos copos como quiera y asigno sus propiedades iniciales
for(var i:uint=0 ; i<50 ; i++){
	var copo:Copo = new Copo();
	copo.x = Math.random()*stage.stageWidth;
	copo.y = 100 + Math.random()*200;
	copo.scaleX = copo.scaleY = copo.alpha = 0.3 + Math.random()*0.7;
	copo.rotationY = Math.random()*360;
	copo.addEventListener(Event.ENTER_FRAME, rotar);
	addChild(copo);
}

// Cada copo se rota a si mismo
function rotar(e:Event):void{
	e.target.rotationY += 3;
}

 

Descargar ejemplo Bucle.

 

 

AS3 – Tirachinas

Publicado por Iván Gajate el 15 de julio de 2011 en AS3, Flash, Lab | 12 comentarios »

Viendo este gracioso juego para el iPad hecho en AIR 2.7

me ha dado por jugar un rato y probar a hacer el movimiento del tirachinas, lo dejo aquí por si a alguien le sirve para algo 🙂

Descargar Tirachinas

AS3 – Realidad Aumentada y Rotación

Publicado por Iván Gajate el 8 de diciembre de 2010 en AS3, Flash, Lab | 7 comentarios »

Si estamos haciendo un ejercicio de realidad aumentada y queremos obtener la rotación x, rotación y o rotación z, no es tan fácil conseguirlas como podría parecer en un principio.

Buscando mucho encontré un comentario en un blog donde explicaban cómo obtener los valores a partir de una matriz de transformación, pero era poco práctico de usar y difícil de entender, así que he hecho una clase Marker que simplifica enormemente el proceso de conseguir estos valores (el marker es la plantilla que imprimimos y que es detectada por la webcam).

Ahora es tan fácil como hacer esto, y nos devolverá la rotación en el eje Z (perpendicular al plano del marker) como un número entre 0 y 360 grados:

var angle:Number = Marker.getInstance().rotationZ;

Para aplicarlo a algún objeto, como por ejemplo esta brújula.

Leer el resto de esta entrada

AS3 – Hacer un Tween de un Punto.

Publicado por Iván Gajate el 29 de octubre de 2010 en AS3, Flash, Lab | 9 comentarios »

Normalmente hacemos un tween de un MovieClip, cambiando sus propiedades x, y, alpha… pero se puede hacer un tween sobre cualquier propiedad numérica de cualquier objeto, como por ejemplo del objeto Point.

var p1:Point = new Point(0, 0);

TweenLite.to(p1, 1.5, {x:200, y:300});

Con esto, podríamos dibujar un paralelogramo que apareciese con un efecto mas interesante que un simple escalado.

Hacer clic sobre la imagen para refrescar:

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

Calculamos la posición de cada uno de sus vértices, con un efecto de rebote. Mientras se ejecuta redibujamos la figura con la API de dibujo de Flash.

Si ese mismo clip lo usamos para enmascarar una foto, el efecto es mejor:

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

Lo mejor es que si esa foto tiene algún filtro, como una sombra o un iluminado interior, el efecto se va adaptando a la nueva forma de la máscara.

Descargar Ejemplo

Tween de un valor y parámetros de las ecuaciones de easing

Publicado por Iván Gajate el 4 de noviembre de 2009 en AS2, AS3, Flash, Lab | 23 comentarios »

Todos conocemos los tweens como el TweenLite por ejemplo, que sirven para animar objetos de forma “suave” en un intervalo de tiempo dado.

Pero si queremos mover un objeto constantemente, los tweens no nos valen, pues no hay un intevalo de tiempo definido. Para hacer esto podemos usar las funciones en las que se basan todos los tweens, las de Robert Penner.

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

Descargar ejemplo Movimiento Curvo

// mover se ejecuta cada vez que muevo el deslizador
function mover(e:SliderEvent):void{
	// La bola azul sigue un movimiento lineal, su "x" es igual que su "y"
	bolaAzul.x = deslizador.value;
	bolaAzul.y = deslizador.value;

	// Utilizo la ecuacion Circular para el movimiento en el eje "y" de la bolaRoja
	// El valor del deslizador es el valor cambiante de la ecuacion.
	bolaRoja.x = deslizador.value;
	bolaRoja.y = Circular.easeOut(deslizador.value, 0, recorrido, recorrido);
}

En este caso la bola azul sigue un movimiento lineal, su x = y

En cambio la bola roja, sigue un movimiento curvo, donde su y es el valor “transformado” por la ecuación Circular.easeOut

Leer el resto de esta entrada

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