Principal | Animacion | Flash | Crear nubes dinámicas con Flash y Fireworks

Crear nubes dinámicas con Flash y Fireworks

TamaÒo de la fuente: Decrease font Enlarge font

Autor & Creditos: Maverick

El VideoTutorial se trabaja con dos herramientas, primero empezaremos usando Fireworks para crear/dibujar la nube y posteriormente usaremos Flash 8 para darl el efecto dinámico de una nube en moviemiento.

En la parte de abajo pueden ver el ejemplo, del trabajo que realizamos.

Clic en la Imagen para ver el Video Tutorial

Clic en la Imagen para ver el Video Tutorial

Código Actioscript

Código 1

for (i=1; i<30; i++) {
duplicateMovieClip("nube", "nube"+i, i);
}

Creara 30 copias en el escenario de nuestra nube

Código 2

onClipEvent (load) {
velocidad = (random(20)+20)*0.02;
_yscale = random(90)+80;
_xscale = _yscale;
_alpha = random(10)+5;
_y = random(30)+10;
_x = random(400);
_rotation = random(360)+50;
}
onClipEvent (enterFrame) {
if (_x<=-20) {
_velocidad = (random(20)+20)*0.02;
_yscale = random(90)+80;
_xscale = _yscale;
_alpha = random(10)+5;
_y = random(30)+10;
_x = 420;
_rotation = random(360)+50;
} else {
_x = _x-velocidad;
giro = random(200);
if (giro>=190) {
_rotation++;
}
}
}

 

Al cargarse el movieclip le damos estos valores:
velocidad aleatoria entre 20 y 40, (20)+20 multiplicada por 0.02 para que las nubes no corran demasiado y sean fluidas.
tamaño "y" entre 80 y 170, (90) + 80 para que nuestras nubes tengan distintos tamaños.
tamaño "x" igual a tamaño "y" para que las nubes sean proporcionadas.
transparencia aleatoria entre 5 y 15, (10) + 5 con lo que conseguiremos que al solaparse 2 nubes parezca que se combinan
posicion "y" aleatoria entre 10 y 40 (30) + 10 para posicionar las nubes a distintas alturas
posicion "x" igual a 420, es decir, fuera de la escena por la derecha. TEN EN CUENTA EL ANCHO DE TU PELICULA ya que deberas cambiar este valor si es distinto a 420.
rotacion del movieclip aleatoria entre 50 y 410 (360) + 50 para que cada nube aparezca en distintos angulos de rotacion.

Ejemplo:

Adicionar a: Add to your del.icio.us del.icio.us | Digg this story Digg

Comentarios (5 Publicado):

Jose Cad Sobre 28 June, 2010 07:44:08
avatar
buen aporte

me gustaria saber donde podria ubicar el codigo para darle un poco de velocidad

saludos desde: Chimbote-Perú
:D
Drgz Sobre 25 June, 2010 11:20:36
avatar
Yo lo he hecho de la misma forma que está acá. La diferencia primordial es que mi flash tiene un tamaño de 800 ancho x 150 alto. Ahora lo que me resulta difícil es que las nubes se queden en su capa respectiva. Esto por que hay un edificio en una capa superior lo que debería la nube pasar por debajo, sin embargo pasa por el frente del edificio. ¿Me pueden explicar por qué pasa esto? Gracias. y el post está magnifico. Muchas gracias.
Gerardo Sobre 07 June, 2010 11:29:50
avatar
Un favor me puedes indicar los valores que debo modificar para que las nubes bajen porque se mantienen arriba

gracias
yaneth Sobre 02 May, 2010 07:01:03
avatar
seria bueno q nos enviaran los códigos por el correo
javi Sobre 16 January, 2009 06:39:20
avatar
Buenas! no me exporta lo que pongo transparente en el .png, estoy usando corel photo paint, será por eso?
Gracias por tu ayuda!!!
desde argentina!

Envie sus comentarios comment

Por favor ingrese el codigo de la imagen:

  • email Email a un amigo
  • print Imprimir version
  • Plain text Texto plano
Tags
Rate el articulo
5.00
Advertising
Powered by Vivvo CMS v4.0