Archivo de la categoría ‘Tutoriales’

htmlText y CSS

Publicado por Iván Gajate el 6 de agosto de 2009 en AS2, AS3, Flash, Tutoriales | 18 comentarios »

Cada vez le estoy cogiendo mas el gusto a esto de usar un texto con formato html en Flash. Ya vimos como se hacía, y yo no lo usaba demasiado porque había que crear la fuente el la biblioteca, y meter mas líneas de código, pero hoy en el curro me ha ahorrado mucho tiempo y veo que al final no son tantas líneas.

Yo antes para hacer algo como esto

htmltext1

donde sabía que eran cuatro títulos cortos, cada uno con un color, distintos tamaños y cuerpos y ya. Pues no me liaba, metía cuatro campos de texto con cuatro nombres y los seteaba de base de datos.

Pero como ya decía Ale Muñoz en Sofá Naranja, "Cualquier elemento de diseño puede existir cero, una o infinitas veces".

Lo que se traduce en mi diseño en que ya no son cuatro noticias, son infinitas, con un paginado muy mono debajo, unas banderitas a la izquierda de cada título y que si un título es muy largo fluya hacia abajo 🙁
Ha llegado el momento de dejarse de vaguerías y hacerlo bien: htmlText y CSS.

Leer el resto de esta entrada

Patrón Value Object

Publicado por Iván Gajate el 17 de mayo de 2009 en AS3, Flash, Patrones de diseño, Tutoriales | 18 comentarios »

Este mini patrón de diseño, consiste simplemente en agrupar varios valores dentro de un objeto para enviarlo y recibirlo con mayor comodidad/seguridad.

Yo casi más que un patrón lo considero una buena costumbre de programación, y es que cuando tengo que pasarle a una función mas de 4 ó 5 parámetros, los meto todos en un objeto y hago que esta función sólo espere ese objeto como único parámetro.

// Sin Value Object
public function guardarDatos(nombre:String, apellidos:String, edad:uint, hombre:Boolean):void{
	//
}

// Con Value Object
public function guardarDatos(datos:Object):void{
	//
}

Esto, aparte de hacer el código más legible, hace nuestro programa escalable, pues si en un futuro queremos añadir un nuevo parámetro a la función, no tengo que cambiar su firma (public function guardarDatos(datos:Object):void), sino que le añado una nueva propiedad al objeto y listo, mi función sigue esperando un sólo parámetro.

Leer el resto de esta entrada

Namespaces en las Propiedades de Vinculación

Publicado por Iván Gajate el 6 de mayo de 2009 en AS3, Flash, Tutoriales | 13 comentarios »

El otro día me di cuenta, casi por casualidad, de un detalle interesante a la hora de vincular los clips de película de la biblioteca.

Estaba yo con un proyecto que consistía en una home que carga secciones diferentes, y cada una era un proyecto de Flex (Eclipse + Flex, proyecto ActionScript).

Yo tengo la costumbre de crear un clip Escenario donde meto todas las cosas de diseño que apenas requieren de programación: los logos, fondos, animaciones iniciales… y así es mas fácil posicionarlas al pixel. Luego no tengo más que hacer un new Escenario() y ya lo tengo todo colocadito en el pixel exacto.

propiedades-de-vinculacion-1

 

Leer el resto de esta entrada

AS3 – Precargar la película principal

Publicado por Iván Gajate el 14 de abril de 2009 en AS3, Flash, Tutoriales | 13 comentarios »

UPDATED: He mejorado un poco la precarga, se puede ver aquí.

Hay varias formas de hacer precargas en AS3, pero la solución más sencilla es precargar nuestra peli principal desde otro swf que haga todo el trabajo sucio.

El método consiste en una peli ligera ‘precargador.swf’ que es la que se embebe en el html, y se le pasa como parámetro la peli que queremos cargar. Cuando se termine la carga, el precargador añade la peli principal al escenario y ésta funciona como si se hubiese cargado directamente en el html.

Así podemos trabajar en nuestra película principal sin preocuparnos de su precarga y sin cambiar nuestra rutina de trabajo, y cuando queramos verla online, tan solo hay que poner el precargador de 8 KB al lado 🙂
Leer el resto de esta entrada

AS3 – Calcular el Valor Mínimo de un Array Numérico

Publicado por Iván Gajate el 8 de abril de 2009 en AS3, Flash, Tutoriales | 10 comentarios »

La compañera lógica de max es min 😉

// Devuelve el valor minimo de un array numerico
function min(array:Array):Number{
	var minVal:Number = array[0];
	for each(var item:Number in array){
		minVal = (item<minVal) ? item : minVal;    
	}
	return minVal;
}

var miArray:Array = [10, 4, 35, -76, 2];
trace(min(miArray));  // Devuelve -76

Suavizado de letra Personalizado

Publicado por Iván Gajate el 7 de abril de 2009 en AS2, AS3, Flash, Tutoriales | 2 comentarios »

Hoy me ha tocado pegarme con los distintos suavizado de un campo de texto, pues tenía una animación que iba a trompicones, y el suavizado para animación me destrozaba la tipo. Normalmente cuando es un texto animado uso el Suavizado para animación y cuando es un texto que no se mueve el Suavizado para Legibilidad y obtengo buenos resultados, pero existe uno en el que puedo modificar los valores de grosor y nitidez de la fuente, el Suavizado Personalizado.

Me he hecho una utilidad para ver los resultados rápidamente, y sobre todo para ver la repercusión en un texto animado.

El Eje X modifica el Grosor, y el eje Y la Nitidez. He ampliado el campo de texto para que se vea mejor el cambio.

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

Descargar ejemplo Suavizado Personalizado

AS3 – Texto con formato con CSS

Publicado por Iván Gajate el 3 de abril de 2009 en AS2, AS3, Flash, Tutoriales | 17 comentarios »

Si queremos un texto con formato en flash no es tan fácil como podría parecer. Al menos yo siempre tengo que andar buscando cómo lo hice la última vez 😛

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

Leer el resto de esta entrada

AS3 – Etiquetas y fotogramas. CurrentLabels y FrameLabel.

Publicado por Iván Gajate el 26 de marzo de 2009 en AS3, Flash, Tutoriales | 1 comentario »

Los de Adobe (por fin) han incluido una clase en AS3 para tener cierto manejo sobre las etiquetas (labels) y sus fotogramas. Ahora podemos acceder a las etiquetas que tiene un clip de película y obtener su nombre y su fotograma.

this.currentLabels;

nos devolverá un array de objetos FrameLabel del clip de película actual. Tantos como etiquetas tenga nuestra línea de tiempo.

Cada objeto FrameLabel no es más que un objeto simple con dos propiedades: frame (int) y name (String).

this.currentLabels[0].frame;
this.currentLabels[0].name;

nos devolverá el número de fotograma y el nombre de la primera etiqueta de esa línea de tiempo (el primer elemento es el 0 porque es un Array).

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

Cómo duplicar un proyecto en Eclipse (Flex) [Updated]

Publicado por Iván Gajate el 3 de marzo de 2009 en Tutoriales | 12 comentarios »

UPDATED: Este método sigue funcionando, pero es mucho mas fácil hacerlo así:

http://www.yporqueno.es/blog/duplicar-un-proyecto-flex

A menudo queremos duplicar un proyecto por ejemplo para modificarlo sin estropear el anterior, o para continuar por otro camino a partir del primero, y en Eclipse (Eclipse+plugin de Flex o Flex Builder, da igual), no es tan sencillo.

He probado varias maneras, y la forma mas fácil de hacerlo es esta:

Tenemos nuestro proyecto Prueba que queremos duplicar

duplicar_proyecto_1

Leer el resto de esta entrada