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.

 

[Amalia Casas]

Nani, gracias. Yo también me cansé de darle vueltas y lo más que conseguí fue cambiar el sentido de la rotación pero no enviar la figura al fondo.

Eres un fenómeno! ¿La última estrella es muy difícil? Es fantástica!.

 

[Nani]

La última estrella es lo más fácil de todo lo que hemos hecho. Se trata de hacer un cuadrado y darle una rotación de 45º, o al menos, así lo hice yo.

[Emilia Alcaraz Delgado]

Hola a tod@s,

 

Aquí os dejo mis estrellas.

 

Emilia

 

[Nani]

Emilia, siempre te superas, precioso.

[Alfredo Rodrigálvarez]

Aqui os dejo mi último trabajo.

Id probando 5, 10, 20, 30, 40... 80, 90... con lo querais para ver los efectos de la espiral.

Un saludo.

 

[Emilia Alcaraz Delgado]

Hola Alfredo,

 

Qué pasadaaaaaaaaaaaaaaaaa !!!

 

Así tenemos todas las estrellas del firmamento en un solo juego.

 

Felicidades !!!

 

Mucgas gracias, Emilia

[Nani]

Muchas gracias por compartirlo, Alfredo.

Lo que no entiendo es, cuando le das a borrar, no se borra el número anterior y aparece un cuadrado y salta otra vez. No debería borrarse el número?

[Alfredo Rodrigálvarez]

Buena sugerencia Nani, arreglaré lo del número para que aparezca vacio.

Un saludo.

[roger]

Bueno vamos a seguir investigando las posibilidades y aplicaciones de la API de dibujo.
Y por eso os hago la siguiente propuesta de actividad.
Se trata de crear una aplicación que permita que un lápiz pueda dibujar con trazos.
Para ello podéis usar los siguiemtes eventos:
mouseUp mouseDown y mouseMove.
De aquí en una semana escribiré el tutorial donde se ecplicará cómo se hace.

[Nani]

He creado este ejercicio. Lo que no soy capaz de hacer es, acotar el espacio del escenario para que no se salga del área de dibujo.

Supongo que será una tontería, pero no me sale.

 

[Emilia Alcaraz Delgado]

Hola a tod@s,

 

Aquí tenéis mi trabajillo.

 

Hasta pronto, Emilia

 

 

[Emilia Alcaraz Delgado]

Hola a tod@s,

 

Me ha surgido un problema, al canviar el color. La escritura sale por encima del pincel. Alguna sugerencia ????

 

Gracias, Emilia