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.

 

[roger]

 

Nani ya veo que le vas cogiendo el truco. ¿Has utilizado la propiedad alpha en el último?

[Nani]

Creo que la tengo en todos.

[Nani]

Aquí le he metido más alpha.

[Amalia Casas]

Roger ¿es muy difícil la estrella? Es chulísima.

Mi ejercicio:

[Nani]

Amalia, te ha quedado muy chulo. No sé qué pasa, pero las dos últimas actividades que has subido me las guarda directamente, no me deja verlas online, sólo me pasa contigo, no sé por qué es.

[Nani]

Hoy parece que todas las musas se han puesto de mi parte. Estoy alucinada conmigo misma. Voy a tener que ir al "Tú sí que vales", jejeje.

[Amalia Casas]

Nani, es chulísima tu estrella de ocho puntas. Estás hecha un fenómeno!

Lo que me dices de las últimas actividades es algo que tiene que ver con el problema de mi flash. Después de ir eliminando posibles causas, creo que es un problema de configuración. Espero solucionarlo pronto.

[Alfredo Rodrigálvarez]

Muy buenos trabajos, en cuanto tenga tiempo hago el mío y lo envío.

Un saludo.

Alfredo

[Emilia Alcaraz Delgado]

Hola a tod@s,

 

Unos trabajos excelentes !!!

 

Yo no puedo poner el cuadrado detrás. Una ayudita ?

 

Muchas gracias, Emilia

[Nani]

Emilia, en esta línea del código, donde están las capas, en lugar de "n", escribe "-n".

createEmptyMovieClip ("cuadrado"+n,-n);

[Emilia Alcaraz Delgado]

Hola Nani,

 

Eres un genio. Ya ves y yo dándole vueltas y vueltas.... Tenía la cabeza ya como la espiral !!!

 

Muchas gracias, Emilia

[Nani]

jejeje, así me pasé ayer todo el día buscando el getNextHighestDepth y era tan fácil cómo eso. A fuerza de probar por todas partes.