Tutoriales de flash

Dibujo con líneas en flash

Creamos una nueva película. Vamos a crear la línea con la que trabajaremos después mediante ActionScript, así que apretamos Alt + F8, le damos un nombre al clip y nos aseguramos de que esté seleccionada la opción de clip de película.

Seleccionamos de la barra de herramientas de la izquierda la herramienta circulo, y le quitamos el color de relleno (de momento el color de la línea es indiferente):

Y dibujamos un óvalo en el escenario tal que así:

Para colorearlo como se ve en la imagen, seleccionamos el dibujo y vamos a Modificar>Forma>Convertir líneas en rellenos, seleccionamos la herramienta de dibujo y en el mezclador de colores seleccionamos 'radial' y elegimos los colores que deseemos:

Una vez seleccionados los colores, hacer click sobre el dibujo y listo.

bien, volvemos a la escena 1:

Apretamos F11, cogemos el que acabamos de crear y lo arrastramos al escenario. El lugar donde lo pongamos es irrelevante. Con el clip seleccionado, le damos el nombre de instancia "linea" (sin comillas ni acento) en el inspector de propiedades:

Ok, hacemos click derecho sobre el clip y nos vamos a "acciones" y ponemos el código siguiente:

// -- Con cada nuevo fotograma que se lea (12 fps).
onClipEvent (enterFrame) {
        // -- Rotamos el clip 10 unidades.

        this._rotation += 10;
}
            

Y en el único fotograma que tenemos, click derecho y "acciones":

// -- Declaramos las variables
a = 100;
b = 1;
// -- Ponemos el clip "linea" invisible
_root.linea._visible = false;
/* -- Declaramos un bucle para crear las cópias del clip.
Dado que 'a' vale 100 según declaramos y que este bucle
se repetirá mientras que 'a' sea mayor que 0, se
crearán 100 cópias del clip, 100 líneas */
while (a>0) {
        // -- Duplicamos el clip línea

        duplicateMovieClip (_root.linea, "linea"+b, b);
        /* -- Modificamos la propiedad _x (coordenada horizontal),
        _y (coordenada vertical) y _rotation (para rotar). */
        setProperty ("linea"+b, _x, a+220);
        setProperty ("linea"+b, _y, a+150);
        setProperty ("linea"+b, _rotation, a+100);
        // -- Decrementamos 'a' e incrementamos 'b'

        a--;
        b++;
        /* -- Al llegar a este punto volvemos al while, si 'a'
        sigue siendo mayor que 0 se vuelve a ejecutar el bucle,
        sino, saldremos de él. */
}

Download Archivo Fla

Volver a los tutoriales de Flash

.