Efecto lluvia
1.-Comenzar por crear el documento de 300 * 220 píxeles de ancho y alto respectivamente.
a) Como color de fondo usar el azul.
b) En la casilla de Velocidad de fotogramas escribir 120.
a) Como color de fondo usar el azul.
b) En la casilla de Velocidad de fotogramas escribir 120.
2.-El tutorial cuenta con un solo símbolo, el cual tiene un pequeño truco oculto que sino lo pones el trabajo no servirá para nada.
a) Crear el símbolo (ctrl. + F8) dar como nombre copo de nieve.
b) Seleccionar Clip de película como comportamiento
c) (Truco) seleccionar la casilla de Avanzado para desplegar las opciones del símbolo, al Seleccionar la casilla esta pasara de Avanzado a Básico.
d) Luego en la opción Identificador escribir la palabra flake.
e) En Vinculación seleccionar las opciones Exportar para ActionScript y Exportar en primer fotograma.
a) Crear el símbolo (ctrl. + F8) dar como nombre copo de nieve.
b) Seleccionar Clip de película como comportamiento
c) (Truco) seleccionar la casilla de Avanzado para desplegar las opciones del símbolo, al Seleccionar la casilla esta pasara de Avanzado a Básico.
d) Luego en la opción Identificador escribir la palabra flake.
e) En Vinculación seleccionar las opciones Exportar para ActionScript y Exportar en primer fotograma.
3.-Una vez ubicados en el símbolo, dibujar la forma que va a representar al copo de nieve (flake).
a) La forma no debe de tener borde y el color deberá de ser #FFFFFF.
b) colocar el dibujo en coordenadas X = 0.0 y Y = 0.0.
a) La forma no debe de tener borde y el color deberá de ser #FFFFFF.
b) colocar el dibujo en coordenadas X = 0.0 y Y = 0.0.
4.-Regresar a la Escena e importar (ctrl. + R) la imagen que ayudara a dar el efecto.
a) La imagen debe de tener las mismas dimensiones que el documento estas son 300 * 220 píxeles.
b) Colocar la imagen en coordenadas X = 0.0 y Y = 0.0.
a) La imagen debe de tener las mismas dimensiones que el documento estas son 300 * 220 píxeles.
b) Colocar la imagen en coordenadas X = 0.0 y Y = 0.0.
5.-Arrastrar desde la biblioteca el símbolo copo de nieve a la escena.
a) Escribir como Nombre de instancia nieve.
b) Colocar el símbolo un poco fuera del escenario en coordenadas X = 1.0 y Y = -5.0.
a) Escribir como Nombre de instancia nieve.
b) Colocar el símbolo un poco fuera del escenario en coordenadas X = 1.0 y Y = -5.0.
6.-Para terminar con el tutorial, seleccionar el fotograma.
a) Abrir la barra de Acciones – Fotograma.
b) Insertar el siguiente código.
amount = 300;
mWidth = Stage.width;
mHeight = Stage.height;
for (var i = 0; i<amount; i++) {
thisnieve = this.attachMovie("flake", "flake"+i, i);
with (thisnieve) {
_x = Math.random()*mWidth;
_y = Math.random()*mHeight;
_xscale = _yscale=_alpha=50+Math.random()*50;
}
thisnieve.yspeed = Math.random()*2.5+1;
thisnieve.onEnterFrame = function() {
this._y += this.yspeed;
if (this._y>=mHeight) {
this._y = -10;
this._x = -10+Math.random()*mWidth;
}
if (this._x>=mWidth || this._x<=0) {
this._y = -10;
this._x = -10+Math.random()*mWidth;
}
};
}
NOTA:tener mucho cuidado en el paso dos.
a) Abrir la barra de Acciones – Fotograma.
b) Insertar el siguiente código.
amount = 300;
mWidth = Stage.width;
mHeight = Stage.height;
for (var i = 0; i<amount; i++) {
thisnieve = this.attachMovie("flake", "flake"+i, i);
with (thisnieve) {
_x = Math.random()*mWidth;
_y = Math.random()*mHeight;
_xscale = _yscale=_alpha=50+Math.random()*50;
}
thisnieve.yspeed = Math.random()*2.5+1;
thisnieve.onEnterFrame = function() {
this._y += this.yspeed;
if (this._y>=mHeight) {
this._y = -10;
this._x = -10+Math.random()*mWidth;
}
if (this._x>=mWidth || this._x<=0) {
this._y = -10;
this._x = -10+Math.random()*mWidth;
}
};
}
NOTA:tener mucho cuidado en el paso dos.
P.D. Presionar ctrl. + enter para visualizar el trabajo.
