17 diciembre 2009

FLASH ( Efecto nevando)

Vamos a crear nieve cayendo sobre una imagen con tan solo un copo de nieve.
Lo primero que hacemos es crea un nuevo documento:
1
con las medidas que tiene la imagen que vamos a importar, le cambiamos el color
de fondo a #663300 y la velocidad de fotogramas, yo le puse 60, pero eso depende
de la velocidad en la que queréis que caiga la nieve y una vez todos los cambios
efectuados aceptamos.
ahora pulsamos CTRL+ F8  y se nos abrirá otra ventana para crear un nuevo símbolo:
2
nombre: copo de  nieve
tipo: clip de película
pinchamos en AVANZADO y se nos desplegará
VINCULACION y esto es muy importante:
en identificador pondremos flake pero activaremos
primero la primera y la tercera casilla y ya podemos
aceptar


en el área de trabajo que se acaba de abrir vamos a crea nuestro copo de nieve y para ello
dibujamos con el pincel sin borde y fondo blanco una especie de gota
3
y le damos los valores:
ancho: 3.0
alto: 5.0

X: 0
Y: 0


y a continuación pinchamos en la flecha que señalo y volvemos a la escena principal:
3a
Ahora vamos a ARCHIVO- IMPORTAR- A ESCENARIO y buscamos el lugar donde guardamos
nuestra imagen y la importamos. La colocamos centrada con el fondo :
4

En la biblioteca que se encuentra en la parte derecha ahora tenemos el paisaje y el clip
copo de nieve:
4a 5
Pinchamos en copo de nieve y sin soltar  arrastramos una instancia hasta el ángulo superior izquierdo de la imagen,
en PROPIEDADES le pondremos nombre a la instancia,  nieve y para situarlo en el sitio exacto X: 1.0,   Y: –5.0.
Solo nos falta crear la acción y para ello hacemos clic en el primer fotograma y abrimos la pestaña ACCIONES.
6
Una vez abierta  acciones copiamos el siguiente código:
Como podéis apreciar e marcado amount=500 que es el ancho de
la imagen, que debéis cambiar según el ancho de la vuestra.


amount = 500;
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;
                        }
            };
}
Cerramos la pestaña  ACCIONES y ya podemos probar nuestra nevada en CONTROL- PROBAR PELICULA.
Si queréis que la nieve caiga más deprisa en MODIFICAR-DOCUMENTO y cambiáis la velocidad de fotogramas
hasta que se ajuste a vuestras necesidades.
cuando todo esté de vuestro agrado  en ARCHIVO- PUBLICAR y a continuación vamos a guardar la película
en ARCHIVO- EXPORTAR PELICULA y le damos un nombre y la extensión swf.
Luego ARCHIVO- GUARDAR COMO con la extensión fla. que es la que se deja editar de nuevo.

y este otro ejemplo:

SI VUESTRO NAVEGADOR NO VISUALIZA LAS IMAGENES FLASH AQUI DEJO ESTE
ENLACE

5 comentarios:

Chris dijo...

excelente muchas gracias :) me ayudo mucho

misaani dijo...

Gracias a ti Chris por dejar tu comentario.
Feliz Navidad!!

Fores dijo...

Hola Misaani.

¿El efecto está hecho con el Gimp?.

Creo que está muy bien conseguido. Felicidades.

misaani dijo...

Hola Fores, el efecto está creado con flash.
De todas formas gracias por tu comentario.
Feliz Navidad.

Victor dijo...

Hola, gracias por la ayuda! Recién la consigo después de años.

Quería preguntarte qué código coloco si quiero que la animación de los copos solo se repita por x cantidad de tiempo y no durante toda la animación?

Muchas gracias!

Publicar un comentario en la entrada

Vuestros comentarios me ayudan a mejorar. Muchas gracias

 
IR ARRIBA