genmagic

GenMagic

TUTORIAL 26: EL API DE DIBUJO

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.

Me gusta

A 0 miembros les ha gustado esto

Respuestas a esta discusión

Permalink Responder para Nani el noviembre 17, 2011 a las 10:52pm

biennnnnnnn

Permalink Responder para roger el noviembre 17, 2011 a las 11:12pm

4.- CREACIÓN DINÁMICA DE FIGURAS COMPUESTAS

Una vez que ya hemos creado una función que permite crear una figura en base a unos parámetros que se pueden variar ya podemos crear figuras más complejas.

En el código que se visualiza en la imagen anterior podemos observar que a partir de un cuadrado y variando su tamaño y rotación dinámicamente y aplicando un intervalo de repetición el resultado es una espiral formado por cuadrados. Os dejo el archivo para ver el efecto.

Como actividad podéis experimentar efectos como este con otras figuras o cambiando otros parámetros.

A parrtir de ahora recomiendo compartir el código en un fchero de texto (creado con bloc de notas) que podéis adjuntar. Esto evitará que ocupe mucho en la página y que sea dificil gestionar los mensajes.

Archivos adjuntos

tutorial26_figuras2.swf, 1 KB

Permalink Responder para Nani el noviembre 17, 2011 a las 11:20pm

Impresionante, Roger.

Permalink Responder para Alfredo Rodrigálvarez el noviembre 18, 2011 a las 1:55am

Estoy un poco despistado, me acabo de dar cuenta que ya había 4 páginas de mensajes, pensaba que solo eran 2

y es que no he activado lo de "Mandame un email...", y no he recibido todos vuestros mensajes. Acabo de ver lo de la espiral. Bueno he estado toda la tarde currando y os dejo el fla.

Saludos

Archivos adjuntos