Puede hacer un " girar la rueda ", como parte de un juego divertido que se crea en una página Web. Los concursantes pueden turnarse para hacer girar la rueda y se adjudicó un premio o perder su vuelta o ir a la quiebra , dependiendo de donde cae la rueda . La creación de la rueca implica importar una imagen de la rueda de premios en Adobe Fireworks, girándolo para cada espacio en el volante y la importación de las imágenes giradas en Adobe Flash para crear una página Web. Cosas que necesitará
Premio rueda foto hotel Adobe Fireworks
Adobe Flash
Mostrar más instrucciones
Crear The Wheel
1
lanzamiento Adobe Fireworks, seleccione "File - Import " y seleccione la imagen de una rueda de premios - por ejemplo, un "Wheel of Fortune " o rueda de la ruleta
2
seleccione " Nueva - Capa " . Marker y escriba " " para crear una capa para dibujar un marcador que indica el espacio seleccionado en ese momento en la rueda . En la página " Herramientas " del panel, haga clic para seleccionar la herramienta "Línea" . Trace una línea vertical en el marcador debe ir. En el panel "Propiedades" , aumentar el ancho de la línea a su satisfacción
3
clic . "Archivo - Guardar como ... " y tipo " wheel1 " para guardar esta rueda como el primero de la serie.
gire la rueda
4
clic en la flecha "Select" en " Herramientas" panel de y haga clic en la rueda para resaltarlo.
5
Mantenga pulsado el botón derecho del ratón y el botón izquierdo del ratón para hacer clic en " Transformar " y luego " inclinación ".
6 < p> Mueve el ratón a la zona gris fuera de la plaza con la imagen de la rueda. Observe que el cursor cambia a una flecha circular . Mantenga pulsado el botón izquierdo del ratón y arrastre hacia abajo y hacia la izquierda para girar el volante en sentido horario. Haga girar el control hasta el punto en el siguiente espacio en las líneas de las ruedas con el marcador vertical 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 .
Make The Wheel spin
9
Inicie 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 la " línea de tiempo" panel. En el menú, seleccione " File - Import - 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 en la secuencia ? " Haga clic en " Aceptar" para aceptar los valores predeterminados en el "Opciones de línea de tiempo de control " del sistema El sistema coloca cada imagen en un marco en el . " " Panel
12
Click. " - Probar película - Test " en el menú para ver su rueca.
Añadir Actionscript y publicar páginas Web
13
Haga clic en el primer fotograma clave y escriba código ActionScript para controlar el arranque y parada de la rueda. por ejemplo , cuando alguien hace clic en el mouse, haga girar la rueda alrededor de un segundo y luego se detiene en una posición aleatoria , elegido en la rueda. la rueda en el ejemplo tiene esta rueda tiene 24 posiciones.
< p> var delay: Timer = new Timer ( 1000,1 ) ;
this.addEventListener ( MouseEvent.MOUSE_UP , mouseUp ) ;
delay.addEventListener ( TimerEvent.TIMER , tierra);
función mouseUp ( ev : MouseEvent ) : void {
this.play ();
delay.start (); }
< p > terreno función (e: TimerEvent ) : void {
gotoAndStop ( 1 + Math.ceil ( 23 * Math.random ()) ) ; }
14
Elige "Control - Test - Probar película ." 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 " . vista previa de la página web
16
Haga clic en " archivo - Guardar " y escriba un nombre de archivo para guardar el proyecto rueca
< . br>
