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]

Emilia, me imagino que con los distintos tamaños de los borradores quieres imitar el efecto de paint o similares. ¿Hay algún método para que aparezca la superficie que abarca el borrador? ¿Tiene algo que ver con el punto de registro del clip?

Gracias.

[Emilia Alcaraz Delgado]

Hola,

Muchas gracias a tod@s.  Me parece una idea muy original. Investigaré la forma de hacerlo. Gracias, de nuevo.

Emilia

[Emilia Alcaraz Delgado]

Hola Nani,

El borrador pequeño permite borrar un trazo que no nos interese. Con el grande, se borra todo el dibujo. Cuando creas un clip, existe la posibilidad de alinear-lo en 9 posiciones. Cuando ya lo has creado, puedes moverlo para ajustar l'acción allá dóndo tu deseas (en la punta del pincel se ve más claro). Como es una goma, con la parte inferior muy amplia cuesta ajustarlo, yo lo he hecho en el centro. Supongo que habrá más soluciones, para ampliar el radio de acción, pero las desconozco. A lo mejor los compañeros más experimentados nos pueden dar alguna otra solución.

Hasta pronto, Emilia

[Nani]

Gracias, Emilia. Yo me refería a si era posible darle forma cuadrada o circular como en algunos programas de dibujo, pero tal vez esté rizando el rizo demasiado pronto.

[Alfredo Rodrigálvarez]

Basándome en la aplicación de Emilia he realizado esta sobre trazos.

 

[Nani]

Alfredo, muy  creativo. A ver cuándo puedo empezar a retomar yo otra vez los tutoriales.

Una cosa, a pasar de un dibujo a otro, podías añadirle el código que usábamos en los duplicados para eliminar el dibujo anterior sin tener que usar la goma, porque así te lo llevas arrastrando.

Saludos.

[Alfredo Rodrigálvarez]

Me parece una buena sugerencia.

Muchas gracias.

[Emilia Alcaraz Delgado]

Hola Alfedo,

Me ha gustado mucho. También opino com Nani, ya que los trazos se acumulan de un dibujo a otro.

Hasta pornto, Emilia

[roger]

Alfredo te ha quedado muy bien. Al final a parte de dominar la programación es muy importante tener una buena idea.

[Alfredo Rodrigálvarez]

Tengo un problema: en mi ordenador el programa funciona correctamente. Al colgarlo, veo que aparecen los trazos.

¿A qué se debe?

He tratado de la forma que me dijo Nani pero sólo me funciona en el 1º fotograma, en el que está la programación,

en el resto el lápiz no funciona.

He puesto en los caracoles:

carair.onRelease = function() {
 carair.gotoAndPlay(2);
  _root.trazo.removeMovieClip();
 
};
caravolver.onRelease = function() {
 caravolver.gotoAndPlay(2);
 _root.trazo.removeMovieClip();
 
};

 

¿Podéis ayudarme?

Un saludo

[Alfredo Rodrigálvarez]

Ya creo que lo he solucionado, puesto en los caracoles:

_root.trazo.clear();

A mi me funciona lo colgaré para ver si funciona.

Ahora me gustaría poder imprimir la lámina ¿Cómo lo hago?

 

Un saludo

 

[Alfredo Rodrigálvarez]

El otro día se me olvidó colgarlo rectificado.