Foros del Web » Creando para Internet » Flash y Actionscript »

Animación aleteo mariposa con desplazamiento

Estas en el tema de Animación aleteo mariposa con desplazamiento en el foro de Flash y Actionscript en Foros del Web. Hola, soy nuevo en el foro así que un saludo a todos. Tengo el gif animado del aleteo de una mariposa. Lo que quiero hacer ...
  #1 (permalink)  
Antiguo 03/04/2013, 02:03
 
Fecha de Ingreso: abril-2013
Mensajes: 11
Antigüedad: 11 años, 7 meses
Puntos: 1
Animación aleteo mariposa con desplazamiento

Hola, soy nuevo en el foro así que un saludo a todos.

Tengo el gif animado del aleteo de una mariposa. Lo que quiero hacer es abrir ese gif en Adobe Flash y asignarle un desplazamiento, es decir, que la mariposa siga la trayectoria que le indique y que mantenga el aleteo durante todo el recorrido.
¿Cómo lo hago?

Saludos.
  #2 (permalink)  
Antiguo 03/04/2013, 09:57
Avatar de Bandit
Moderador
 
Fecha de Ingreso: julio-2003
Ubicación: Lima - Perú
Mensajes: 16.726
Antigüedad: 21 años, 4 meses
Puntos: 406
Respuesta: Animación aleteo mariposa con desplazamiento

Hola Aliasmarcos:
Bienvenido al Foro.
Tndrás que poner el .gif dentro de un MC y a éste hacerle la animación dentro del escenario principal con el recorrido que desees.

Espero haberte sido de ayuda.
__________________
Bandit.
Si no sabes estudia y si sabes enseña.
http://www.banditwebdesign.com/
  #3 (permalink)  
Antiguo 03/04/2013, 10:20
 
Fecha de Ingreso: abril-2013
Mensajes: 11
Antigüedad: 11 años, 7 meses
Puntos: 1
Respuesta: Animación aleteo mariposa con desplazamiento

Hola, gracias por contestar.

¿Puedes explicármelo más detalladamente? Estoy aprendiendo a usar Flash y no consigo hacerlo.

Saludos.
  #4 (permalink)  
Antiguo 03/04/2013, 10:56
Avatar de Bandit
Moderador
 
Fecha de Ingreso: julio-2003
Ubicación: Lima - Perú
Mensajes: 16.726
Antigüedad: 21 años, 4 meses
Puntos: 406
Respuesta: Animación aleteo mariposa con desplazamiento

Para hacerlo necesitas saber lo más elemental como crear símbolos, hacer Interpolación de movimiento.
Creas un MC (Clip de película) y allí importas el .gif.
Con el MC en el escenario haces una Interpolación de movimiento entre la cantidad de frames que necesites que se muestre, haces clic en la línea que aparece entre los movimientos y modificas su forma.

Espero haberte sido de ayuda.
__________________
Bandit.
Si no sabes estudia y si sabes enseña.
http://www.banditwebdesign.com/
  #5 (permalink)  
Antiguo 03/04/2013, 12:18
 
Fecha de Ingreso: abril-2013
Mensajes: 11
Antigüedad: 11 años, 7 meses
Puntos: 1
Respuesta: Animación aleteo mariposa con desplazamiento

He creado el clip de película y he importado el gif. Ahora en la biblioteca tengo el símbolo que he creado (el clip de película) y los frames de la animación del gif. Si voy a la escena y creo la interpolación de movimiento la mariposa se desplaza del punto A al B, pero no mantiene el aleteo.

No sé qué estoy haciendo mal. Perdón por las molestias.
  #6 (permalink)  
Antiguo 03/04/2013, 12:36
Avatar de Bandit
Moderador
 
Fecha de Ingreso: julio-2003
Ubicación: Lima - Perú
Mensajes: 16.726
Antigüedad: 21 años, 4 meses
Puntos: 406
Respuesta: Animación aleteo mariposa con desplazamiento

EL MC que contiene los frames de la animación de la mariposa, tienes que ponerla en el escenario y recién allí crear la Interpolación de movimiento, para que el movimiento sea más lento adicionas fotogramas a la interpolación.

Espero haberte sido de ayuda y ahora lo tengas más claro.
__________________
Bandit.
Si no sabes estudia y si sabes enseña.
http://www.banditwebdesign.com/
  #7 (permalink)  
Antiguo 04/04/2013, 02:42
 
Fecha de Ingreso: abril-2013
Mensajes: 11
Antigüedad: 11 años, 7 meses
Puntos: 1
Respuesta: Animación aleteo mariposa con desplazamiento

01 Creo el símbolo




02 Importo el gif al escenario




03 Gif importado al escenario




04 Interpolación de movimiento




05 Al darle a importalación de movimiento me sale esto




06 Creo la interpolación de movimiento




Y no funciona. ¿Qué estoy haciendo mal?

Por favor, a ver si me puedes ayudar, me estoy volviendo loco con esto.
  #8 (permalink)  
Antiguo 04/04/2013, 10:02
Avatar de Bandit
Moderador
 
Fecha de Ingreso: julio-2003
Ubicación: Lima - Perú
Mensajes: 16.726
Antigüedad: 21 años, 4 meses
Puntos: 406
Respuesta: Animación aleteo mariposa con desplazamiento

El problema es que no entiendes lo que lees.
Aquí te pongo lo que escribí en mis 2 últimos post y si lo haces como explicó no debes de tener problemas:
Cita:
1.- Creas un MC (Clip de película) y allí importas el .gif.
Con el MC en el escenario haces una Interpolación de movimiento entre la cantidad de frames que necesites que se muestre, haces clic en la línea que aparece entre los movimientos y modificas su forma.
2.- EL MC que contiene los frames de la animación de la mariposa, tienes que ponerla en el escenario y recién allí crear la Interpolación de movimiento, para que el movimiento sea más lento adicionas fotogramas a la interpolación.
En ningún momento dije que lo importarás el .gif en el escenario principal.
La Interpolación de movimiento lo debes de hacer con el MC en el escenario principal.
Lee bien lo que está en negrita.

Espero haberte sido de ayuda.

P.D. Te sugiero que antes de hacer algo que no entiendas, vayas a la Ayuda del Programa, allí tienes tutoriales y muestras que te enseñan el manejo del Flash, además tienes todos los códigos explicados y con ejemplos, simplemente presiona la tecla F1.
__________________
Bandit.
Si no sabes estudia y si sabes enseña.
http://www.banditwebdesign.com/
  #9 (permalink)  
Antiguo 04/04/2013, 11:06
 
Fecha de Ingreso: abril-2013
Mensajes: 11
Antigüedad: 11 años, 7 meses
Puntos: 1
Respuesta: Animación aleteo mariposa con desplazamiento

Bueno, gracias por tu ayuda pero no he conseguido solucionarlo. He probado todo lo que dices pero no consigo hacer la animación. Está claro que hay algo que hago mal, pero no sé qué es.

A ver si alguien más me puede ayudar.

Un saludo y gracias de nuevo.
  #10 (permalink)  
Antiguo 04/04/2013, 11:09
Avatar de Bandit
Moderador
 
Fecha de Ingreso: julio-2003
Ubicación: Lima - Perú
Mensajes: 16.726
Antigüedad: 21 años, 4 meses
Puntos: 406
Respuesta: Animación aleteo mariposa con desplazamiento

Sube tu .fla y el .gif a un servidor para bajarlo y poder ver como lo haz hecho.
Lo más probable es que no lo hayas relizado como te expliqué.

Espero poderte ser de ayuda.
__________________
Bandit.
Si no sabes estudia y si sabes enseña.
http://www.banditwebdesign.com/
  #11 (permalink)  
Antiguo 04/04/2013, 11:16
 
Fecha de Ingreso: abril-2013
Mensajes: 11
Antigüedad: 11 años, 7 meses
Puntos: 1
Respuesta: Animación aleteo mariposa con desplazamiento

Los he subido a dropbox:
http://dl.dropbox.com/u/78985473/Animaci%C3%B3n%20mariposa.rar

De nuevo muchas gracias por la ayuda.

Un saludo.
  #12 (permalink)  
Antiguo 04/04/2013, 11:37
Avatar de Bandit
Moderador
 
Fecha de Ingreso: julio-2003
Ubicación: Lima - Perú
Mensajes: 16.726
Antigüedad: 21 años, 4 meses
Puntos: 406
Respuesta: Animación aleteo mariposa con desplazamiento

Como te va a funcionar si el MC Símbolo 1 no lo pones en el escenario y haces la interpolación de movimiento?

Espero haberte sido de ayuda.
__________________
Bandit.
Si no sabes estudia y si sabes enseña.
http://www.banditwebdesign.com/
  #13 (permalink)  
Antiguo 04/04/2013, 11:54
 
Fecha de Ingreso: abril-2013
Mensajes: 11
Antigüedad: 11 años, 7 meses
Puntos: 1
Respuesta: Animación aleteo mariposa con desplazamiento

¿Serías tan amable de hacerlo y subirlo para poder ver cuál es la forma correcta de hacerlo?
He probado miles de cosas y ya no sé qué más hacer.

Saludos.
  #14 (permalink)  
Antiguo 04/04/2013, 12:11
Avatar de Bandit
Moderador
 
Fecha de Ingreso: julio-2003
Ubicación: Lima - Perú
Mensajes: 16.726
Antigüedad: 21 años, 4 meses
Puntos: 406
Respuesta: Animación aleteo mariposa con desplazamiento

Lo que parece es que tú no sabes hacer una Interpolación de movimiento.
Si no puedes interpretar lo que se te explica, ningún tutorial te servirá.
Hacer la Interpolación es la cosa más simple.
1.- Regresa al escenario principal y estando en la Capa 1 frame1 en la Biblioteca haz clic sobre el nombre del MC y sin soltar el botón del Mouse arrastra al escenario y lo pones donde quieres que se inicie la animación.
2.- Hax clic con el botón derecho del Mouse en el primer frame de la Capa 1 del escenario principal y aparecerá una ventana, allí haces clic en: Crear Interpolación de movimiento, con esto los frames de la capa 1 se pintarán de color celeste, haces clic en el último frame pintado y mueves el MC al lugar que quieras, eso ea todo.
3.- Presiona las teclas Ctrl+ Enter y verás que la mariposa vuela de un lugar a otro moviendo las alas.
Si sigues teniendo problemas avisa.

Espero haberte sido de ayuda.
__________________
Bandit.
Si no sabes estudia y si sabes enseña.
http://www.banditwebdesign.com/
  #15 (permalink)  
Antiguo 04/04/2013, 12:26
 
Fecha de Ingreso: abril-2013
Mensajes: 11
Antigüedad: 11 años, 7 meses
Puntos: 1
Respuesta: Animación aleteo mariposa con desplazamiento

Ahora sí funciona.
En realidad esto que me comentas ya lo había hecho, el problema era que utilizaba el botón reproducir (en la parte inferior de la línea de tiempo) y así la mariposa se desplazaba por la trayectoria que le asignaba pero no aleteaba. Al utilizar Ctrl + Enter sí sale la animación completa (desplazamiento más aleteo).

Saludos y mil gracias.
  #16 (permalink)  
Antiguo 04/04/2013, 20:10
Avatar de jrevilla  
Fecha de Ingreso: septiembre-2011
Ubicación: Lima, Peru, Peru
Mensajes: 51
Antigüedad: 13 años, 1 mes
Puntos: 2
Exclamación Respuesta: Animación aleteo mariposa con desplazamiento

Hola, disculpen que los moleste.

Yo también recién estoy entrando a este fascinante mundo del ActionScript, llevo un año programando en Java (como amateur, haciendo trabajitos que se me ocurren y eso) y hace poco empecé a leer tutoriales sobre Macromedia Flash y ActionScript.

Estoy haciendo un juego donde aparece un objeto moviendose y uno tiene que dispararle con el mouse, usando el actionscript ya logré crear el objeto, hacer que tenga movimiento, que el cursor(eso que señala donde va la bala asi como en Half Life) vaya en la posición del puntero del Mouse y el puntero escondido... he buscado tutoriales pero no sé muy bien como hacer para que al darle click a ese objeto se destruya.

yo a mi objeto lo llamo caja y lo creo mediante el AddChild.... según leí se destruye con el MouveEvent.Click y usando el RemoveChild... pero no puedo destruirlo, podría decirme otra forma de destruirlo por favor.. gracias.
  #17 (permalink)  
Antiguo 05/04/2013, 11:53
Avatar de Bandit
Moderador
 
Fecha de Ingreso: julio-2003
Ubicación: Lima - Perú
Mensajes: 16.726
Antigüedad: 21 años, 4 meses
Puntos: 406
Respuesta: Animación aleteo mariposa con desplazamiento

Hola jrevila.
Para personalizar el puntero del Mouse, tienes que dibujar la nueva dorma del puntero y convertirlo en un MC, ponerle un nombre de instancia, por ejemplo: puntero_mc
En la capa acciones escribe éste código:
Código actionscript:
Ver original
  1. Mouse.hide();
  2. function cambio(e:MouseEvent):void{
  3.     puntero_mc.startDrag();
  4. }
  5. puntero_mc.addEventListener(MouseEvent.MOUSE_MOVE, cambio);
Una forma de destruir al enemigo sería hacerlo en un MC y aumentar un fotograma en blanco y en el primer frame colocar un: stop(); de ese modo cuando se acciones el disparo el enemigo desaparecerá, a éste MC le pones como nombre de instancia: enemigo_mc.
En la Capa acciones aumenta éste código:
Código actionscript:
Ver original
  1. function destruir(e:MouseEvent):void{
  2.     if(puntero_mc.hitTestObject(enemigo_mc)){
  3.         enemigo_mc.gotoAndStop(2);
  4.     }
  5. }
  6. puntero_mc.addEventListener(MouseEvent.CLICK, destruir);
Espero haberte sido de ayuda.
__________________
Bandit.
Si no sabes estudia y si sabes enseña.
http://www.banditwebdesign.com/

Etiquetas: as, desplazamiento, flash
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 2 personas




La zona horaria es GMT -6. Ahora son las 05:28.