Controlar un Scroll con Ratón y Teclado

Hola estudiosos del fantástico y emocionante mundo flash, el siguiente tutorial tiene para ti la explicación de un scroll, el cual se realiza solamente con un símbolo botón de dos estados Reposo y Sobre. Dicho lo anterior ¿comenzamos?.

1-. Crear un documento (ctrl. + J) de dimensiones 250 * 138 píxeles de ancho y alto respectivamente.
a)-. Color de fondo #FFFFFF.
b)-. Velocidad de fotogramas 12 fps.

2-. Crear el único símbolo (ctrl. + F8).
a)-. Nombrarlo botón up down.
b)-. Dar como comportamiento Botón.

3-. Instalado en el símbolo botón comenzar con el diseño de las puntas del scroll.
a)-. Primero dibujar un óvalo sin borde y color de relleno #0000FF.
b)-. Las dimensiones del óvalo son 11.0 * 11.0 píxeles.
c)-. Colocarlo en coordenadas X = -5.5 y Y = -5.5.

4-. En el segundo estado del botón (Sobre) insertar un fotograma clave (F6).
a)-. No modificar el color de relleno y borde.
b)-. Modificar las dimensiones del óvalo 17.0 * 17.0 píxeles.
c)-. Modificar las coordenadas X = -8.3 y Y = -8.3.

5-. Insertar una segunda capa en el símbolo botón.
a)-. Dibujar un triangulo con la herramienta que mejor domines ya sea Línea, Pluma, lápiz o Pincel.
b)-. El triangulo no tendrá borde y usar como color de relleno #FFFFFF.
c)-. Colocar la forma en coordenadas X = -4.4 y Y = -3.3.

6-. Seleccionar el segundo estado de la Capa 2 (Sobre) e insertar un fotograma cave vacío (F7).
a)-. Cambiar el color de relleno #00FFFF.
b)-. Modificar las dimensiones a 14.0 * 11.0 píxeles.
c)-. Cambiar las coordenadas X = -7.0 y Y = -3.5.

7-. Regresar a la escena. Cambiar el nombre de la capa por el de fondo de scroll.
a)-. Dibujar un rectángulo sin borde.
b)-. Las dimensiones del rectángulo son 250 * 138 píxeles.
c)-. Colocar la figura en coordenadas X = 0.0 y Y = 0.0.

Nota: dividir el rectángulo a la mitad y rellenar la parte de arriba con color #0099FF y rellenar la parte de abajo con color #2EB2C2. Al final cada una de las parte tendrá que medir 250 * 69 píxeles

8-. Insertar una segunda capa y nombrarla scroll, ocultar la capa fondo de scroll.
a)-. Insertar un campo de Texto dinámico de dimensiones 235.9 * 136.0 píxeles y en el escribir el texto a leer en el archivo SWF.
b)-. Escribir como Nombre de instancia TEXTO.
c)-. Colocar en coordenadas X = 0.0 y Y = 0.0.
d)-. En tipo de línea seleccionar Multilínea.

9-. Arrastrar desde la biblioteca el símbolo botón up down.
a)-. Hacer visible el panel de Transformar (ctrl. + T), seleccionar la opción girar y escribir 180.0º.
b)-. Colocar el símbolo en coordenadas X = 234.9 y Y = 4.0.

10-. Seleccionar el símbolo no el frame.
a)-. Abrir la barra de Acciones – Botón y escribir el siguiente código action script.
on (release, keyPress “”) {
TEXTO.scroll -= 1;
}

11-. Arrastrar nuevamente el símbolo desde la biblioteca.
a)-. Colocarlo en coordenadas X = 234.9 y Y = 124.0.

12-. Seleccionar el símbolo no el frame.
a)-. Abrir la barra de Acciones – Botón, escribir el siguiente código action script.
on (release, keyPress “”) {
TEXTO.scroll += 1;
}

Con esto queda concluido el tutorial well done!

P.D. Presionar ctrl. + enter para visualizar el trabajo realizado recordar que el scroll puede ser controlado también por medio del teclado. Se agradecen en demasía los comentarios y sugerencias estas son tomadas en cuenta para seguir creciendo todos.

Visualizar archivo swf de este tutorial

Descarga el archivo fla de este tutorial

Búsquedas:

• que es un scroll
• teclado en flash
• scroll raton flash
• controlar un scrollbar
• usar scroll con el teclado
• manejar scroll en flash
• como hacer scroll con el teclado
• hacer scroll con el teclado
• scroll en el teclado
• controlar un scrollbar en flash

Artículos relacionados:

• Aplicar Efecto De Scroll Con Flash 8
• Galería Programada Con Efecto Scroll (Parte 1)
• Galeria Programada Con Efecto Scroll (Parte 2)
• Scroll Horizontal con Menú de Múltiples Opciones en Flash 8