Como criar um relógio analógico em Flash

Criando um relógio analógico.

Um relógio adicionado a um site dá-lhe uma aparência mais profissional. A fim de dar tempo exato, o relógio do sistema precisa ser correta, pois isso é o que vai ser puxado e refletiu sobre o relógio do flash. Flash 8 recupera o relógio do sistema e exibe-lo em um aplicativo Flash usando o código ActionScript. Muito poucas linhas de código são necessários para fazer um relógio analógico. Um design do relógio pode ser criado usando as ferramentas de desenho ou importando-o de outra aplicação como o Photoshop.

Relógio analógico design

  • selecionar "Novo" para iniciar uma nova página em Flash.

  • clique com o botão direito no lado direito da linha do tempo localizada acima do palco e selecione "camada de inserção" a partir do menu drop-down. Uma nova camada rotulada "camada 2" aparece.

  • Dê um duplo clique sobre a primeira camada e renomeá-lo "Ações." Esta é a camada onde estamos indo para inserir o nosso código ActionScript que irá activar o relógio.

  • Dê um duplo clique em "camada 2" e renomeá-lo "Interface."

  • Insira mais três camadas e nomeá-los "segundos," "Minutos" e "Horas." Use o procedimento acima para criar e renomear as novas camadas.

  • Clique no quadro 1 do "Interface" camada e chamar a interface de relógio. Esta é a forma do relógio. Como alternativa, você pode copiar o projeto do fundo para este quadro se tiver criado-lo em outro lugar.

  • Clique no quadro 1 do "segundos" camada e desenhe uma linha reta.

  • Selecione a linha e pressione F8. selecionar "Clipe de filme" Entre as opções que aparecem e nomeá-la "segundos" debaixo de "Nome" campo. Selecione a praça central inferior sob a "inscrição" seção.

  • pressione "ESTÁ BEM."

  • Selecione a linha (agora "segundos") E posicioná-lo no centro do desenho de relógio.

  • Nome "segundos" para "Sec_mc" sob a caixa de exemplo texto localizada abaixo do palco sob a seção "Propriedades." Isto é o "segundos" agulha.



  • Clique no quadro 1 do "Minutos" camada.

  • Levar "segundos" para fora da biblioteca (Ctrl + L para abrir a Biblioteca) e colocá-lo no design do relógio. Posicioná-lo de forma adequada como a "segundos" Agulha e reduzi-la em tamanho, menor do que o "segundos" agulha. Isto é seu "Minutos" agulha.

  • Clique no quadro 1 do "horas" camada.

  • arraste o "segundos" clipe de filme para fora do painel Biblioteca. Reduzir o seu tamanho, mais curto do que o "Minutos" agulha. Isto é seu "horas" agulha.

  • Clique no quadro 1 do "Ações" layer e pressione F9.

  • Copie e cole o código abaixo na página que aparece:

    tempo = new Date () -
    segundos = time.getSeconds ()
    minutos = time.getMinutes ()
    horas = time.getHours ()

    horas = horas + (minutos / 60)
    IR

    segundos = segundos6-
    minutes = minutos
    6-
    horas = horas * 30;

    sec._rotation = segundos
    IR
    min._rotation = minutos
    IR
    hour._rotation = horas;

  • pressione "Ctrl + Enter" para visualizar o relógio.

De esta maneira? Compartilhar em redes sociais:

LiveInternet