Cómo hacer un girar la rueda en una página Web

Se puede hacer una "girar" como parte de un juego divertido que se crea en una página Web. Los concursantes pueden turnarse para hacer girar la rueda y ser premiado o perder su turno o ir a la quiebra, dependiendo de donde cae la rueda. La creación de la rueda que gira conlleva la importación de una imagen de la rueda de premios en Adobe Fireworks, girándola para cada espacio en el volante y la importación de las imágenes giradas en Adobe Flash para crear una página Web.

Instrucciones

Crear La Rueda

1 Lanzar Adobe Fireworks, seleccione "Archivo - Importar" y seleccionar una imagen de una rueda de premios - por ejemplo, una rueda de la ruleta o "Rueda de la Fortuna".

2 Seleccione la opción "Nueva - Capa" y tipo "marcador" para crear una capa para dibujar un marcador que indica el espacio seleccionado en ese momento en la rueda. En el panel "Herramientas", haga clic para seleccionar la herramienta "Línea". Trace una línea vertical en el que el marcador debe ir. En el panel "Propiedades", aumentar el ancho de la línea a su satisfacción.

3 Haga clic en "Archivo - Guardar como ..." y tipo "wheel1" para guardar esta rueda como el primero de la serie.

Gire la rueda

4 Haga clic en la opción "Seleccionar" flecha en el panel "Herramientas" y haga clic en la rueda para resaltarlo.

5 Mantenga pulsado el botón derecho del ratón y utilizar el botón izquierdo del ratón para hacer clic en "Transformación" y luego "inclinación".

6 Mover el ratón a la zona gris fuera de la plaza con la imagen de la rueda. Observe que el cursor cambie a una flecha circular. Mantenga pulsado el botón izquierdo del ratón y arrastre hacia abajo y hacia la izquierda para girar la rueda hacia la derecha. Rotarlo hasta el punto en el siguiente espacio en las líneas de la rueda con el marcador vertical que creó.

7 Seleccione "Archivo - Guardar como ..." y tipo "wheel2" para guardar esta rueda como el segundo de la serie.

8 Repita estos pasos para cada posición en el volante. Aumentar el número de la rueda cada vez que se guarda una nueva, por ejemplo, "wheel3", "wheel4" y así sucesivamente.

Hacer girar la rueda

9 Iniciar Adobe Flash y crear un nuevo documento ActionScript. En el panel "Propiedades", cambiar el tamaño del documento para que se ajuste a la rueda que ha creado.

10 Haga clic en el fotograma 1 en el panel de "línea de tiempo". En el menú, seleccione "Archivo - Importar - Importar a escenario ..." y seleccione la primera rueda que ha guardado, por ejemplo "wheel1.png."

11 Haga clic en "Sí" cuando el sistema le preguntará "Este archivo parece ser parte de una serie de imágenes. ¿Desea importar todas las imágenes de la secuencia?" Haga clic en "Aceptar" para aceptar los valores predeterminados en el "Opciones" del sistema. El sistema colocará cada imagen en un marco en el "panel Línea de tiempo".

12 Haga clic en "Control - Probar película - Test" en el menú para ver su rueca.

Añadir ActionScript y Publicar página Web

13 Haga clic en el primer fotograma clave y entrar en ActionScript para controlar el arranque y parada de la rueda. Por ejemplo, cuando alguien hace clic en el ratón, hacer girar la rueda durante un segundo y luego se detiene en una posición elegida al azar en la rueda. La rueda en el ejemplo tiene esta rueda tiene 24 posiciones.

retardo var: Timer = new Timer (1000,1);

this.addEventListener (MouseEvent.MOUSE_UP, mouseUp);

delay.addEventListener (TimerEvent.TIMER, la tierra);

función mouseUp (EV: MouseEvent): void {

this.play();

inicio atrasado();

}

función de la tierra (e: TimerEvent): void {

gotoAndStop(1 + Math.ceil(23 * Math.random()));

}

14 Seleccione la opción "Control - Prueba - Prueba de películas" para comprobar que su rueca funciona correctamente.

15 Haga clic en "Archivo - Publicar" para crear una página web con la rueca. Haga clic en "Archivo - Vista previa de publicación - HTML" para previsualizar la página Web.

dieciséis Haga clic en "Archivo - Guardar" y escriba un nombre de archivo para guardar el proyecto rueca.