Archivo de la categoría ‘Flash’

Cómo Pasar un Color de Hexadecimal a RGB

Publicado por Iván Gajate el 5 de Febrero de 2010 en AS3, Flash | 1 comentario »

Esto siempre me lía mucho, así que lo tengo guardadito como oro en paño entre mis snippets. Lo comparto:

// 16711680 es el color rojo en hexadecimal
var colorHex:uint = 16711680;
var colorRGB:String = "0x" + colorHex.toString(16);  // 0xff0000

Y para hacer lo contrario:

// Rojo en RGB
var colorRBG:uint = 0xff0000;
var colorHex:uint = uint(colorRBG);  // 16711680

Atentos al tipado de datos. El color en rgb es de tipo uint, no String. aunque parezca raro.

AS3 - Poner ceros delante de un número

Publicado por Iván Gajate el 2 de Diciembre de 2009 en AS3, Flash | 5 comentarios »

Esta función devuelve un número con tantos dígitos como queramos, poniendo ceros delante:

function addZeroBefore(number:uint, digits:uint):String {
	var numDig:Number = digits-String(number).length;
	if (numDig<=0) {
		return String(number);
	}
	numDig = Math.pow(10, numDig);
	var stringDig:String = String(numDig).substring(1);
	return stringDig + String(number);
}

Ejemplo:

anteponerCeros(99, 4); //0099

Este tipo de funciones las voy a ir recopilando en una clase NumberUtils.

Embeber fuentes automáticamente

Publicado por Iván Gajate el 24 de Noviembre de 2009 en Desarrollo Web, Flash | 1 comentario »

¿Cómo no se nos habrá ocurrido antes?!!

Mi amigo Luis se ha hecho un pequeño comando para automatizar esta tarea táaaan tediosa del dia a dia. Ahora en lugar de hacer esto:

Podremos hacer esto:

Genial Luis, me has ahorrado horas de curro :)

Leer artículo completo en Nomeva.

1000×600

Publicado por Iván Gajate el 19 de Noviembre de 2009 en Desarrollo Web, Diseño, Flash | 6 comentarios »

¿Tan dificil es darse cuenta que las ventanas del navegador tienen barras de scroll, de herramientas, url y status? Eso como mínimo.

Si tengo que hacer un diseño de un site a 1024×768, no puedo pasar un archivo de 1024×768 y llamarme diseñador web.

Yo manejo la cifra de 1000×600.
¿como la he conseguido?
Es la mínima para que no me llame el cliente para decirme: “no se ve la parte de abajo…” el día del online claro, para qué fijarse antes…

PD: Si tu, diseñador, no haces esto, yo, programador, te pongo scrolls. XD

AS3 - StageFocusRect

Publicado por Iván Gajate el 10 de Noviembre de 2009 en AS3, Flash | 2 comentarios »

Con esta línea en nuestra película principal se evita que aparezca el molesto rectángulo amarillo cuando el usuario pulsa el tabulador del teclado.

stage.stageFocusRect = false;

Me la ha pasado Sergio. Gracias!

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 | 8 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

Dimensiones Óptimas de un Vídeo en Flash

Publicado por Iván Gajate el 29 de Octubre de 2009 en Flash | No hay comentarios »

Cuando queramos incluir un vídeo en nuestra película flash, hay ciertas dimensiones que mejoran mucho la calidad y sobre todo el rendimiento.

Los tamaños que mejor funcionan son los múltiplos de 16, los múltiplos de 8 algo peor, y los de 4 peor aún. Por lo tanto, si tenemos cierta libertad a la hora de usar uno u otro tamaño, mejor usaremos los de la columna de la izquierda.

Yo he hecho algunas pruebas y funciona mejor un vídeo de 640×480 (columna de la izquierda) que uno de 544×408 (columna del centro), aunque éste último tenga menos pixels. Pero no un poco mejor, bastante.

aspect-ratio-sizes

La tabla la he sacado de esta página de Adobe:

http://www.adobe.com/devnet/flash/apps/flv_bitrate_calculator/video_sizes.html

También hay información interesante en este otro artículo, como el keyframe interval de 8:

http://www.adobe.com/devnet/flash/articles/encoding_video_print.html

Yugop: Wonder Wall

Publicado por Iván Gajate el 10 de Octubre de 2009 en Flash, Sitios Destacados | 1 comentario »

Impresionante lo que es capaz de hacer este tio…

http://wonder-wall.com/#project/en

Optimizaciones de Código en AS3

Publicado por Iván Gajate el 5 de Octubre de 2009 en AS3, Flash | No hay comentarios »

Un tema interesantísimo sin duda.

En el FOTB de este año al parecer han tocado mucho el tema. Aquí unos pdfs de Grant Skinner muy ilustrativos, aunque queda abierto el debate de si programar limpio o programar optimizado…

http://gskinner.com/talks/quick/

(se pasan las diapos con las flechas del teclado)

Hidiho! Rich Strokes

Publicado por Iván Gajate el 16 de Septiembre de 2009 en AS3, Diseño, Flash, Sitios Destacados | No hay comentarios »

Yo con este tio lo flipo.

En serio, llega a unos niveles impresionantes. Dibujar con lineas con texturas, con sus curvitas y todo…

http://en.nicoptere.net/?p=476