Cómo Hacer un Giro de la Rueda en una Página Web

Como Hacer un Giro de la Rueda en una Pagina Web

Usted puede hacer un "girar la rueda" como parte de un divertido juego que cree en una pagina Web. Los concursantes pueden turnarse para hacer girar la rueda y se le otorgara un premio o perder su turno o ir a la quiebra, segun el lugar de la rueda de tierras. La creacion de la rueca implica la importacion de una imagen de la rueda de premios en Adobe Fireworks, girandolo para cada espacio en el volante y la importacion de las imagenes giradas en Adobe Flash para crear una pagina Web.

Usted puede hacer un 'girar la rueda' como parte de un divertido juego que cree en una pagina Web. Los concursantes pueden turnarse para hacer girar la rueda y se le otorgara un premio o perder su turno o ir a la quiebra, segun el lugar de la rueda de tierras. La creacion de la rueca implica la importacion de una imagen de la rueda de premios en Adobe Fireworks, girandolo para cada espacio en el volante y la importacion de las imagenes giradas en Adobe Flash para crear una pagina Web.
Cosas Que necesitara

• el Premio de la rueda de la imagen
• Adobe Fireworks

• Adobe Flash

Crear La Rueda

• Lanzamiento de Adobe Fireworks, seleccione 'Archivo-Importar' y seleccionar una imagen de un premio de la rueda, por ejemplo una 'Rueda de la Fortuna' o rueda de la ruleta.
• Seleccione 'Nuevo & Capa' y tipo 'Marcador' para crear una capa para dibujar un marcador que indica que el seleccionado actualmente el espacio en el volante. En la opcion 'Herramientas' del panel, haga clic para resaltar la 'Linea' de la herramienta. Dibuje una linea vertical donde el marcador deberia ir. En el panel 'Propiedades', aumentar el ancho de la linea para su satisfaccion.
• haga Clic en 'Archivo & Guardar Como...' y tipo 'wheel1' para guardar la rueda como el primero de la serie.

Gire La Rueda

• haga Clic en 'Seleccionar' flecha en la opcion 'Herramientas' del panel y haga clic en la rueda para resaltar.
• Mantenga pulsado el boton derecho del raton y utilizar el boton izquierdo del raton para hacer clic en 'Transformar' y luego 'Skew.'
• Mueva el raton 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 boton izquierdo del raton y arrastre hacia abajo y a la izquierda para girar la rueda en sentido horario. Girelo hasta el punto donde el proximo espacio en la rueda de lineas con el indicador vertical que ha creado.
• Seleccione 'Archivo & Guardar Como...' y tipo 'wheel2' para guardar la rueda como el segundo de la serie.
Otras Personas Estan Leyendo

• Como Construir una vuelta y Ganar la Rueda de
• Instrucciones para Hacer un giro de Rueda de Premios
• Repita estos pasos para cada posicion de la rueda. Aumentar el numero de la rueda cada vez que se guarda una nueva, por ejemplo 'wheel3,' 'wheel4', y asi sucesivamente.

Hacer el Giro de La Rueda

• Lanzamiento de 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 has creado.
• haga Clic en el Fotograma 1 en la linea de tiempo ' del panel. Desde el menu, elija 'Archivo & Import & Importar a Escenario...' y seleccione la primera rueda de la guardo, por ejemplo 'wheel1.png.'
• haga Clic en 'Si' cuando el sistema le pide que con 'Este archivo parece ser parte de una serie de imagenes. Quieres importar todas las imagenes en la secuencia?' Haga clic en 'aceptar' para ACEPTAR los valores predeterminados en las 'Opciones' del sistema. El sistema se coloca cada imagen en un fotograma de la linea de tiempo ' del panel.
• haga Clic en 'Control & Pelicula de Prueba & Prueba' en el menu para ver su rueca.

Añadir Actionscript y Publicar la Pagina Web

• haga Clic en el primer fotograma clave y escriba el codigo Actionscript para controlar el arranque y parada de la rueda. Por ejemplo, cuando alguien hace clic con el raton, hacer girar la rueda durante un segundo y luego se detiene en un azar de la posicion elegida en el volante. La rueda en el ejemplo tiene esta rueda tiene 24 posiciones.
  var retraso:Timer = new Timer(1000,1)
  este.addEventListener(MouseEvent.MOUSE_UP, mouseUp)
  retraso.addEventListener(TimerEvent.TEMPORIZADOR de tiempo de la tierra)
  funcion mouseUp(ev:MouseEvent):void {
  este.play()
  retraso.start()
  }
  la funcion de la tierra(e:TimerEvent):void {
  gotoAndStop(1 Matematicas.ceil(23 * Matematicas.aleatorio()))
  }
• Seleccione 'Control & Test & Pelicula de Prueba' para comprobar que su rueca funciona correctamente.
• haga Clic en 'Archivo-Publicar' para crear una pagina Web con la rueca. Haga clic en 'Archivo-vista previa de Publicacion & HTML' vista previa de la pagina Web.
• haga Clic en 'Archivo & Guardar' y escriba un nombre de archivo para guardar la rueda de hilado proyecto.