Archivo de la categoría ‘Flash’

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

Vuelta del Subflash 09

Publicado por Iván Gajate el 31 de Agosto de 2009 en AS2, AS3, Diseño, Eventos, Flash | 8 comentarios »

Recién llegado del Subflash 2009 en Alicante, como el año pasado.

Ya contaré mañana más detalles sobre las charlas, pero ahora quería resumir lo bien que me lo he pasado con todos. Ha sido fantástico encontrarse otra vez con 50 Flasheros/Flexeros/Diseñadores durante dos días compartiendo experiencias.

Además, este año he compartido coche y charla con Javi y Luis de ida y de vuelta y ha sido un viaje súper productivo, casi tanto con las charlas del fin de semana :)

Hemos avanzado ideas sobre nuestros proyectos, dudas sobre como trabajamos cada uno, inquietudes sobre la situación actual de Flash/ActionScript…

Las ganas de hacer cosas de Luis es admirable, y estamos planteando hacer un Domingo en la Mañana aquí en Madrid.

Aún no hemos concretado fecha ni lugar, pero apoyo totalmente la idea, y visto que diez horas de viaje se nos han quedado cortas, seguro que tema de conversación tenemos para un par de domingos por lo menos ;)

En fin, que una gozada de fin de semana, y con un montón de ideas en la cabeza para investigar…

PD: Aquí un momento de esparcimiento :D

cervezas-subflash-09

Revista Flash&Flex online

Publicado por Iván Gajate el 27 de Agosto de 2009 en Desarrollo Web, Flash, Sitios Destacados | No hay comentarios »

Pues si, una revista dedicada exclusivamente al mundo de Flash y de Flex, así que si estás leyendo este blog, seguro que te interesa :)

http://ffdmag.com/

Es una revista muy muy completa y de un nivel medio/alto, con muy buenos artículos con código para picar y las últimas tendencias en aplicaciones, APIs y software relacionado con Flash, Flex y ActionScript.

Lo mejor es que ahora es descargable en versión pdf, por lo que aquí dejo el enlace directo. Hay que meter tu mail pero nada más, ni siquiera requiere confirmación.

http://ffdmag.com/prt/view/pdf-articles.html

Una lectura más que recomendable.

Y ahora, a preparar la maleta, que mañana me voy al Subflash :)

Skew MovieClip

Publicado por Iván Gajate el 15 de Agosto de 2009 en AS2, AS3, Flash, Tutoriales | No hay comentarios »

He re-encontrado este fantástico tutorial en Senócular sobre la clase Matrix. Es de AS2 pero sigue siendo exactamente igual en AS3.

http://www.senocular.com/flash/tutorials/transformmatrix/

Yo siempre me lio cuando quiero sesgar (skew) un clip de película, así que he escrito unas funciones muy simples para hacerlo más fácil:

t_single_skew

import flash.geom.Matrix;

function setSkewX(mc:MovieClip, skewx:Number):void{
	var my_matrix = mc.transform.matrix;
	my_matrix.c = skewx;
	mc.transform.matrix = my_matrix;
}

function setSkewY(mc:MovieClip, skewy:Number):void{
	var my_matrix = mc.transform.matrix;
	my_matrix.b = skewy;
	mc.transform.matrix = my_matrix;
}

function getSkewX(mc:MovieClip):Number{
	return mc.transform.matrix.c;
}

function getSkewY(mc:MovieClip):Number{
	return mc.transform.matrix.b;
}