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 sí. Pero mejor que al levantar el lápiz haga un trazo nuevo. Eejmplo:

Nani dijo:

Roger, no sé si es esto lo que nos pides.

[Nani]

Pues no sé, está copiado de tu código. A ver cómo lo puedo arreglar.

Gracias.

[Alfredo Rodrigálvarez]

He tratado de hacer una aplicación parecida a la última que hice, pero con el código nuevo no funciona nada más que el trazo original, no puedo cambiar de colores y trazos.

Y no sé si es una cueatión de las capas pero no funcionan los botones

¿Roger me puedes echar una mano?

 

Gracias

 

[Alfredo Rodrigálvarez]

Dejo el trabajo propuesto. Pero no sé por qué la línea desaparece y no van apareciendo todas las que se hacen.

 

Un saludo.

 

 

[roger]

 

Hola Alfredo,

Que la línea desaparezca era la idea del tutorial en principio para hacer después ejercicios como este de relacionar objetos mediante flechas

Las lneas se borran porque cada vez que se crea el clip al tener el mismo nivel de profundidad se sustituye y se borra el anterior. De todas formas re comento que para que las líneas se queden dibujadas una solución es crear de manera dinámica nuevas líneas en el evento mouseMove. 

 

He hecho un ejemplo aquí que deja dibujada cada línea y también permite unefecto parecido al arcoiris, dejendro el rastro de  todas las copias.

[Nani]

¡Qué bonito!

[Emilia Alcaraz Delgado]

Hola Roger,

 

No te lo podrás creer pero he copiado el código que yo tenía en otro archivo nuevo y ha funcionado, en el anterior salía un listado enorme de errores. Increible.

 

Gracias y hasta pronto.

[Nani]

Emilia, a mí tampoco me sale el ejercicio de adivina número y haciéndolo con tu flash, me sale, misterios insondables, jeje.

[Alfredo Rodrigálvarez]

Aqui dejo mi trabajo. Pero llevo una semana tratando de que la linea sea un vector(una flecha) y no lo consigo.

Aquí os dejo los ficheros y Roger mira si me echas una manita. Ya es casi una cuestión de autoestima.

Gracias.

 

[Nani]

Hala, qué difícil!!!

[roger]

Alfredo mira de momento la información de Adobe sobre el tema de la flecha. Si no es posible  controlando el estilo de la línea intentaremos hacerlo con programación, pero serà más costoso.

http://help.adobe.com/es_ES/AS2LCR/Flash_10.0/help.html?content=000...

[roger]

Alfredo,

Para empezar tienes que hacer un duplicado de la cabeza de la flecha.  No lo he solucionado. Faltaría la orientación pero te dejo un ejemplo con la cabeza hexagonal:

Te lo envio en cs5 pues estoy con un prdenador de un amigo y no tengo la versión 3.

Alfredo Rodrigálvarez dijo:

Aqui dejo mi trabajo. Pero llevo una semana tratando de que la linea sea un vector(una flecha) y no lo consigo.

Aquí os dejo los ficheros y Roger mira si me echas una manita. Ya es casi una cuestión de autoestima.

Gracias.