Efecto Caida de Nieve en Paisaje con Flash

Tutorial Flash de Action Script

Tutorial por Jmx de Estilo Flash

Hola amigo como has estado. En esta ocasión tengo solamente para ti que eres un verdadero y fiel fanático de este espacio web, el tutorial que estabas esperando un efecto de nieve que cae sobre un paisaje nevado es muy sencillo de realizar disfrútalo. ¿Comenzamos?.
1.-Comenzar por crear el documento de 300 * 220 píxeles de ancho y alto respectivamente.
a) Como color de fondo usar el #666666.
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.  

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. 

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.

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.  

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;
                        }
            };
}

Y con esto queda concluido el tutorial, espero que el tutorial cumpla con las expectativas que esperas. NOTA: tener mucho cuidado en el paso dos.

P.D. Presionar ctrl. + enter para visualizar el trabajo. Recuerda que las sugerencias y comentarios son de gran ayuda para todos. Hasta muy pronto.

Descarga el archivo FLA de este tutorial