Tutoriales en la web

Animacion de panoramica con Swishmax

Posteado el 24. May, 2010 por Webi in Swishmax

PASO 1
Crear un nuevo documento de Swishmax 3 en blanco.

Animacion de panoramica con Swishmax

PASO 2
Vamos a la ventana Properties – botón Movie Properties y le colocamos los valores que se ven en la imagen.

Animacion de panoramica con Swishmax

PASO 3
Con la herramienta Rectangle Tool dibujamos un rectángulo con un color de fondo negro.

Animacion de panoramica con Swishmax

PASO 4
Vamos a arrastra la imagen de nuestra panorama hacia nuestro documento de Swishmax.

Animacion de panoramica con Swishmax

PASO 5
Copia y pega la imagen y la casamos justamente en el lado derecho como se muestra.

Animacion de panoramica con Swishmax

PASO 6
Vamos a la ventana Outline y seleccionamos las dos imágenes y damos click derecho y vamos a la opción Grouping – Group as Movie Clip.

Animacion de panoramica con Swishmax

PASO 7
En la ventana Properties le colocamos el nombre de imágenes a nuestro Movie clip.

Animacion de panoramica con Swishmax

PASO 8
En la ventana Outline damos click drecho sobre el movie clip y vamos a la opción Grouping – Group as Movie Clip. Y le colocamos el nombre de pano

Animacion de panoramica con Swishmax

PASO 9
Desplegamos nuestro Movie clip y en nuestra Timeline vamos a agregarle al movie clip imágenes un movimiento de 700 frames.

Animacion de panoramica con Swishmax

PASO 10
Ahora vamos a mover horizontalmente nuestro movi clip hasta donde termina la primera imagen.

Animacion de panoramica con Swishmax

PASO 11
Cerramos nuestro movie clip pano y en la ventan script vamos a agregarle el siguiente código.

Code block

onFrame (1, afterPlacedObjectEvents) {
gotoAndPlay(699);
}
onFrame (701, afterPlacedObjectEvents) {
gotoAndPlay(2);
}

Animacion de panoramica con Swishmax

PASO 12
Con la ayuda de la herramienta Rectangle Tool vamos a crear 4 rectángulos sin color de relleno y sin línea tal como se ve en la imagen.

Animacion de panoramica con Swishmax

PASO 13
Agrupamos los rectángulos en un Movie Clip y lo nombramos Izquierda.

Animacion de panoramica con Swishmax

PASO 14
Duplicamos el movie clip y le cambiamos el nombre a Derecha y lo movemos hacia el lado derecho de nuestra película.

Animacion de panoramica con Swishmax

PASO 15
Ahora seleccionamos el movie clip Izquierda y vamos a la ventan script y agregamos el siguiente código.

Code block

onFrame (1, afterPlacedObjectEvents) {
stop();
}
onFrame (2, afterPlacedObjectEvents) {
tellTarget (_root.pano) {
prevFrameAndStop();
stop();
}
}
onFrame (3, afterPlacedObjectEvents) {
gotoAndPlay(2);
}
onFrame (4, afterPlacedObjectEvents) {
tellTarget (_root.pano) {
prevFrameAndStop();
prevFrameAndStop();
prevFrameAndStop();
}
}
onFrame (5, afterPlacedObjectEvents) {
gotoAndPlay(4);
}
onFrame (6, afterPlacedObjectEvents) {
tellTarget (_root.pano) {
prevFrameAndStop();
prevFrameAndStop();
prevFrameAndStop();
prevFrameAndStop();
prevFrameAndStop();
}
}
onFrame (7, afterPlacedObjectEvents) {
gotoAndPlay(6);
}
onFrame (8, afterPlacedObjectEvents) {
tellTarget (_root.pano) {
prevFrameAndStop();
prevFrameAndStop();
prevFrameAndStop();
prevFrameAndStop();
prevFrameAndStop();
prevFrameAndStop();
prevFrameAndStop();
}
}
onFrame (9, afterPlacedObjectEvents) {
gotoAndPlay(8);
}

Animacion de panoramica con Swishmax

PASO 16
Seleccionamos el Movie clip llamado derecha y le colocamos el siguiente código en la ventana Script

Code block

onFrame (1, afterPlacedObjectEvents) {
stop();
}
onFrame (2, afterPlacedObjectEvents) {
tellTarget (_root.pano) {
prevFrameAndStop();
stop();
}
}
onFrame (3, afterPlacedObjectEvents) {
gotoAndPlay(2);
}
onFrame (4, afterPlacedObjectEvents) {
tellTarget (_root.pano) {
prevFrameAndStop();
prevFrameAndStop();
prevFrameAndStop();
}
}
onFrame (5, afterPlacedObjectEvents) {
gotoAndPlay(4);
}
onFrame (6, afterPlacedObjectEvents) {
tellTarget (_root.pano) {
prevFrameAndStop();
prevFrameAndStop();
prevFrameAndStop();
prevFrameAndStop();
prevFrameAndStop();
}
}
onFrame (7, afterPlacedObjectEvents) {
gotoAndPlay(6);
}
onFrame (8, afterPlacedObjectEvents) {
tellTarget (_root.pano) {
prevFrameAndStop();
prevFrameAndStop();
prevFrameAndStop();
prevFrameAndStop();
prevFrameAndStop();
prevFrameAndStop();
prevFrameAndStop();
}
}
onFrame (9, afterPlacedObjectEvents) {
gotoAndPlay(8);
}

Animacion de panoramica con Swishmax

PASO 17
FINAL.

Descarga el editable de Animacion de panoramica con Swishmax

Articulos relacionados:

Tags: Animaciones, swf, swi, Tutoriales Swishmax

4 Respuestas para “Animacion de panoramica con Swishmax”

Victor

07. Mar, 2011

Panoramica 360

Amigo hice exactamente lo que me dices, pero mi imagen solo corre hacia mi izquierda y no retrocede como el tuyo.

En el modelo que tu elaboraste aparece una linea en todo el medio de la pelicula que no se de donde sale y los movie clic izquierda y derecha tiene algo en la linea de tiempo que se llama “colocar” de la cual no mencionas en tu explicacion
Gracias
david

31. Mar, 2011

Hola muy buen tuto, estoy pensando en hacer esto mismo pero con varias fotos distintas y que pase como si fuese una galeria en movimiento, pero me gustaria que en cada foto se parara para poder visualizarla con detenimiento pero estoy un poco verde en este progrma, me lo podrias explicar por fi. GRACIAS
Oliver

21. Oct, 2011

hola, me intereso este manual solo que no me sale con las 2 fotos que le puse, es que no entiendo unos efectos que le has puesto al movie clip de la derecha e izquierda, no se si podrías hacer este manual mas detallado, es decir, paso a paso para no perderse uno, por favor, me seria de gran ayuda. Gracias de ante mano
Cesar

22. Oct, 2011

Oye mano ice todos los pasos, pero al final la imagen solo se desplega de izquierda a derecha y no para????

que estoy haciendo mal….
por fa necesito una respuesta es urgente.

Tutoriales en la Web

Animacion de panoramica con Swishmax

Articulos relacionados:

4 Respuestas para “Animacion de panoramica con Swishmax”

Deja tu Comentario

Categorias

Acerca de