Como fazer uma rotação da roda em uma página web

rodas girando fazer jogos divertidos site.

Você pode fazer uma "gire a roda" como parte de um jogo divertido que você cria em uma página da Web. Os competidores podem se revezam girando a roda e ser atribuído um prémio ou perder a sua vez ou ir à falência, dependendo de onde as terras de rodas. Criando a roda girando envolve a importação de uma imagem da roda de prêmio para o Adobe Fireworks, girando-o para cada espaço na roda e importar as imagens rodadas em Adobe Flash para criar uma página Web.

Coisas que você precisa

  • imagem roda de prêmio
  • Adobe Fireworks
  • Adobe flash

Criar The Wheel

  • Inicie o Adobe Fireworks, selecione "Arquivo - Importar" e selecione uma imagem de uma roda de prêmio - por exemplo, um "Roda da fortuna" ou roleta.

  • Escolher "Nova camada" e tipo "Marcador" para criar uma camada de desenhar um marcador que indica que o espaço actualmente seleccionado na roda. No "Ferramentas" painel, clique para realçar o "Linha" ferramenta. Desenhar uma linha vertical onde o marcador deve ir. No "propriedades" painel, aumentar a largura da linha para sua satisfação.

  • Clique "Arquivo - Salvar como ..." e tipo "wheel1" para salvar esta roda como o primeiro na série.

Gire a roda

  • Clique no "selecionar" seta para cima no "Ferramentas" painel e clique na roda para destacá-lo.

  • Mantenha pressionado o botão direito do mouse e use o botão esquerdo do mouse para clicar "Transformar" e depois "Inclinar."

  • Mova o mouse para a área cinza fora do quadrado com a imagem da roda. Observe que o cursor muda para uma seta circular. Segure o botão esquerdo do mouse pressionado e arraste para baixo e para a esquerda para girar a roda. Girá-lo para o ponto onde o próximo espaço nas linhas de roda-se com o marcador vertical criado.

  • selecionar "Arquivo - Salvar como ..." e tipo "wheel2" para salvar esta roda como o segundo na série.

  • Repita essas etapas para cada posição na roda. Aumentar o número de a roda cada vez que você salvar um novo, por exemplo, "wheel3," "wheel4" e assim por diante.

Fazer a roda a girar

  • Lançamento Adobe Flash e crie um novo documento do ActionScript. No "propriedades" painel, alterar o tamanho do documento para um que vai caber a roda que você criou.

  • Clique no Quadro 1 na "Timeline" painel. A partir do menu, escolha "File - Import - Importação para o estágio ..." e selecione a primeira roda que você salvou, por exemplo "wheel1.jpg."

  • Clique "sim" quando o sistema pede-lhe com "Este ficheiro parece ser uma parte de uma série de imagens. Você deseja importar todas as imagens na seqüência?" Clique "OK `para aceitar os padrões na "opções" pronto. O sistema irá colocar cada imagem em um quadro na "Timeline" painel.

  • Clique "Controle - Test Movie - Teste" a partir do menu para visualizar a sua roda de fiar.

Adicionar Actionscript e publicar página da Web



  • Clique no primeiro quadro-chave e insira o ActionScript para controlar a partida e parada da roda. Por exemplo, quando alguém clica o mouse, girar a roda por cerca de um segundo e depois pará-lo em uma posição escolhido aleatoriamente na roda. A roda no exemplo tem esta roda tem 24 posições.

    var atraso: Temporizador = new Timer (1000,1);

    this.addEventListener (MouseEvent.MOUSE_UP, mouseUp);

    delay.addEventListener (TimerEvent.TIMER, terra);

    função mouseUp (ev: MouseEvent): void {

    this.play ();

    atraso de início()-

    }

    terra de função (e: TimerEvent): void {

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

    }

  • Escolher "Controle - Teste - Testar filme" para verificar se a sua roda de fiar funciona corretamente.

  • Clique "File - Publicar" para criar uma página Web com a roda de fiar. Clique "File - Publish Preview - HTML" para visualizar a página Web.

  • Clique "Arquivo - Salvar" e digite um nome de arquivo para salvar seu projeto roda de fiar.

De esta maneira? Compartilhar em redes sociais:

LiveInternet