TUTORIAL 26: EL API DE DIBUJO

[roger]

 

INTRODUCCIÓN

El API de dibujo de Flash es  un conjunto de funciones que se aplican a los clips de película  que nos permite dibujar trazos y rellenos.

 

1.- ANTES DE DIBUJAR CREAMOS EL CLIP VACÍO

Para dibujar una línea primero creamos un clip de película vacío. Hasta ahora hemos creado clips de película dibujándolos en el escenario.

 

La acción para dibujar un clip de pleícula vacío es:

createEmptyMovieClip("el nobre de la línea",10);

Esta función tiene dos parámetros: el primero es el nombre del clip y el segundo es el nivel de profundidad.  

Lo situaremos también en el escenario en la esquina superior izquierda.

Ejemplo:

createEmptyMovieClip("linea1",10);

linea1._x = 0;
linea1._y = 0;

 

2.- DIBUJAMOS LA LÍNEA

Primero especificaremos el estilo de la linea

linea1.lineStyle(grosor, color hexadecimal, nivel alpha);

Ahora situamos dónde empezará a dibujarse dentro del clip que hemos creado.

linea1.moveTo(0, 0);

Una vez que sabemos dónde empezará, le decimos hasta dónde se dibujará:

linea1.lineTo(200, 100);

 

Nota: la función lineStyle teine más parámetros pero para empezar ya nos valen con estos.

 

Cómo primera práctica seria conveniente experimentar con estas funciones para crear diferentes figuras geométricas. También podéis experimentar aplicando bucles o temporizadores para crear algunos efectos.

 

[Nani]

Anticipándonos a la navidad, jeje.

[Emilia Alcaraz Delgado]

Hola Nani,

 

Me ha salido muy grande. La verdad es que todavía no controlo la diposición en el espacio de los objetos. Siempre me queda un espacio a la izquierda y otro en la parte superior que no puedo eliminar.

 

Sabes cómo hacerlo ???

 

Gracias, Emilia

 

[Nani]

mándame el fla, estoy peleándome con los espacios y las coordenadas, porque creo que lo hacemos distinto.

 

[Emilia Alcaraz Delgado]

Hola Nani,

 

Aquí lo tienes.

[Nani]

No acabo de entender la E, aahhhh...

[Nani]

Igual si aprendemos a utilizar el parámetro "tamanyo" nos saldría poder reducirle el porcentaje. A ver si alguien nos echa una mano.

[Nani]

Emilia, creo que estar superponiendo las líneas como si dibujásemos a mano, ¿me equivoco?, porque si no, no veo la manera de saltar a otra coordenada.

[Emilia Alcaraz Delgado]

Nani,

 

El código está sacado del que nos ha enviado Roger, lo que pasa és que has de retroceder para poder hacer lso diferentes palos. Primero he hecho una L, he retrocedido, he subido a la mitad, nuevo retoceso, subo hacia arriba y avanzo a la derecha,

 

Espero que así te sirva.

 

Hasta pronto, Emilia

[Nani]

Ya sé cómo se puede hacer más pequeño. Poniendo todas las coordenadas más pequeñas.

[Emilia Alcaraz Delgado]

 

Nani,

 

Eso ya lo he intentado, pero siempre me deja un margen arriba y a la izquierda, cuando se visualitza en el swf.

 

Espero, que alguien sepa la respuesta !!!

 

Muchas gracias. Emilia

 

[Nani]

No será por el lugar donde empiezas? Por qué empiezas las coordenadas con 100x100?

[Emilia Alcaraz Delgado]

 

Nani,

 

Era eso, lo que pasa es que yo ya lo había probado, pero sólo en el primer fotograma y no funcionaba. He cambiado las coordenadas de todos y al final sí que ha salido.

Muchas gracias, Emilia.