Programación de Efecto Zoom con Botones De Desplazamiento (Segunda Parte)
Continuar con la segunda etapa del tutorial, En este paso colocaras pequeñas líneas de código Action Script para que puedas desplazar la imagen en su momento. ¿Continuamos?
7-. Lo primero que harás es crear un nuevo símbolo (ctrl. + F8), este es el primero de cuatro símbolos que te ayudaran a desplazar la imagen (arriba, abajo, izquierda y derecha).
a)-. Nombrar a este primer símbolo botón down.
b)-. Seleccionar el la opción Tipo Clip de película.
8-. Una vez que te ubiques en el símbolo botón down, arrastrar desde la biblioteca el símbolo desplazar imagen y colocarlo en coordenadas X = 0.0 y Y = 0.0. Girar hasta que la punta de la flecha apunte hacia abajo.
a)-. Abrir la barra de Acciones – botón e insertar el siguiente Script.
on (release) {
gotoAndPlay(2);
}
on (release) {
gotoAndStop(1);
}
9-. Insertar una segunda capa y nombrarla acciones, seleccionar el fotograma creado de esta capa.
a)-. Abrir la barra de Acciones – fotograma e insertar un stop();
10-. Insertar un fotograma clave vacío (F7) en el frame # 2 de la capa acciones. Automáticamente se insertara un fotograma (F5) en la Capa 1 del frame # 2, si nop se inserta este fotograma que esperas insértalo.
a)-. Abrir la barra de Acciones – fotograma e insertar el siguiente Script.
/aumento:y_target = Number(getProperty(”/aumento”, _y))+Number(_level0:movespeed);
11-. Insertar un tercer fotograma clave vacío (F7), en el frame # 3 de la capa acciones.
a)-. Abrir la barra de Acciones – fotograma e insertar el siguiente Script.
gotoAndPlay(2);
12-. Crear el segundo símbolo (ctrl. + F8), este símbolo te ayudara a dsplazar la imagen hacia arriba.
a)-. Nombrar a este símbolo botón up.
b)-. Seleccionar el la opción Tipo Clip de película.
13-. Ubicado en el símbolo botón up arrastrar desde la biblioteca el símbolo desplazar imagen, girar hasta que la punta de la flecha apunte hacia arriba.
a)-. Abrir la barra de Acciones – botón e insertar el siguiente Script.
on (release) {
gotoAndPlay(2);
}
on (release) {
gotoAndStop(1);
}
14-. Insertar una segunda capa y nombrarla acciones repetir el paso 9 y 11 para los fotogramas 1 y 3. Estos fotogramas tienen el mismo código que el símbolo anterior.
a)-. El fotograma clave vacío (F7) del frame # 2 tiene por Script en la barra de Acciones – fotograma.
/aumento:y_target = getProperty(”/aumento”, _y)-_level0:movespeed;
15-. Crear el tercer símbolo (ctrl. + F8), este símbolo desplazara la imagen hacia la derecha.
a)-. Nombrar a este tercer símbolo botón rigth.
b)-. Seleccionar el la opción Tipo Clip de película.
16-. Ubicado en el símbolo botón rigth arrastrar desde la biblioteca el símbolo desplazar imagen.
a)-. Abrir la barra de Acciones – botón e insertar el siguiente Script.
on (release) {
gotoAndPlay(2);
}
on (release) {
gotoAndStop(1);
}
17-. Insertar una segunda capa y nombrarla acciones repetir el paso 9 y 11 para los fotogramas 1 y 3. Estos fotogramas tienen el mismo código Action Script.
a)-. El fotograma clave vacío (F7) del frame # 2 tiene por código Action Script en la barra de Acciones – fotograma.
/aumento:x_target = Number(getProperty(”/aumento”, _x))+Number(_level0:movespeed);
18-. Crear el último símbolo (ctrl. + F8), que desplazara la imagen hacia la izquierda.
a)-. Nombrar a este símbolo botón left.
b)-. Seleccionar el la opción Tipo Clip de película.
19-. Nuevamente arrastrar desde la biblioteca el símbolo desplazara imagen, y girarlo 180º.
a)-. Abrir la barra de Acciones – botón e insertar el siguiente Action Script.
on (release) {
gotoAndPlay(2);
}
on (release) {
gotoAndStop(1);
}
20-. Insertar una segunda capa y nombrarla acciones repetir el paso 9 y 11 para los fotogramas 1 y 3.
a)-. El fotograma clave vacío (F7) del frame # 2 tiene por código Action Script en la barra de Acciones – fotograma.
/aumento:x_target = getProperty(”/aumento”, _x)-_level0:movespeed;
Hasta este punto ya cuentas con los botones así como la programación action scrips que te ayudara a desplazar la imagen.
Visualizar el archivo swf de este tutorial
Artículos relacionados
Comentarios
Qué opinas sobre este artículo ?, dejanos tu opinión . Tienes algo que agregar ? hazlo ahora.
Trackbacks & Pingbacks
Comentarios
Deja tu comentario
Las líneas y párrafos son automaticas, el e-mail no se despliega nunca, HTML permitido: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
Hola, me parece muy conveniente mostrar el código fuente, les sugiero una liga mas, a un tutorial de fundamentos básicos para diseñar proyectos
Felicidades, son muy buenos no dejen de alimentar el ingenio, por eso gracias
me encantooo y me ayudo rajado gracias los amo
es lo mismo solo para dezplazar la imagen haci arriba abajo derecha e izquierda sin el zoom
QUIERO Q ME MANDEN EL CODIGO FUENTE..
FLASH PARA HACER ALBUM FOTOGRAFICO