Scour Design. Tutoriales de Flash, ActionScript, CSS, Photoshop, ImageReady...

Dibujo con líneas

Autor: Carlos Carmona

• Páginas: 1 2

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. */
}

Y con esto, hemos terminado... :P

Si lo deseas, puedes descargarte el archivo del ejemplo aquí.

Un saludo.

• Páginas: 1 2