MX Masters

24/08/2008 - 9:35 > 19.307 Visualizações > 66 comentários

Criando um relógio analogico

3 votos

Olá rapaziada. Estou de volta para mais uma super, hiper, Meeeeega vídeo aula de flash. Vamos aprender hoje a fazer um relógio analógico, a pedido de vocês, internautas do mxasters. Começamos a abordar action script para podermos fazer os efeitos.

Espero que gostem!

Bom aprendizado!

Posts relacionados

Admin

A equipe MX é composta por administradores completamente qualificados responsáveis pela atualização diária do portal MX masters e seus sites afiliados.


Outros posts deste autor

Este autor atualmente possui 207 posts

Veja todos os posts de Admin


Comentários / Deixe seu Comentário

66 respostas para 'Criando um relógio analogico'

  1. Felipe CardozoNo Gravatar Diz:

    Simplesmente a melhor vídeo aula de flash aqui no mx.
    Parabéns Junior…

    Galera, vamos comentarrr!

    []´s

  2. CarlaNo Gravatar Diz:

    Muito boa a aula!! Valeu Pontes!!

    Vou dar uma sugestão p/ uma próxima vídeo-aula. Eu achei no site ffiles.com, um efeito de transição de imagem bem legal… dêem uma olhada: http://ffiles.com/flash/image_effects/3_slide_effect_633.html

    Beijão pra vocês!

  3. Thiago Nascimento Alves Retondar 15 anos São Paulo - São PauloNo Gravatar Diz:

    Realmente o Pontes está de parabéns!

  4. JonathanNo Gravatar Diz:

    Muito bom mesmo o MxMaster fez muito bem em chamar um profissional da área valeu Ponter Junior espero ver mais video-aulas suas aqui no Mxmaster.

  5. israelNo Gravatar Diz:

    Muito boa video aula show !!!!!

  6. Tomer SimisNo Gravatar Diz:

    Opa Junior blz??
    Adorei essa video-aula, bem legal meeeesmo… Porém tem uma coisa que eu procuro em todo lugar e não acho… É como criar um preloader personalizado… Quando você tiver tempo (e vontade), poderia fazer uma video-aula disso para mim, por favoooor? =]]]]

    Abraços

  7. AndréNo Gravatar Diz:

    Muito boa essa video aula, a galera que posta as aulas aqui nesse site estão de parabéns.
    Pena que aqui eu não consegui fazer funcionar, aqui fica só piscando o relógio com apenas o número 12, mais valew !!!

  8. Julio CesarNo Gravatar Diz:

    Muito, muito, muito boa essa video aula, foi a melhor que ja vi, vcs estão de parabens.
    Pensando na qualidade e na diversidade das video aulas que vcs do MXMASTERS estão fazendo espero que algum dia vcs postem alguma sobre programação tipo em Java.
    Sem mais valew, continuem assim….

  9. Luís FernandoNo Gravatar Diz:

    Olá…sou iniciante no flash…assim…eu não consegui alinhar as caixas de texto de 30 em 30 graus….elas aplicam e colam porém uma em cima da outra =\…ai não consegui mais…se alguém puder me ajudar, ficarei grato
    Abraços

  10. rafael velosoNo Gravatar Diz:

    Parabéns, muito bacana.

  11. EscreusyneyNo Gravatar Diz:

    Junior, parabens cotinue assim.
    A melhor aula de flahs que eu ja vi e a melhor do MX.

    Sem dispreza as outras, mas fico muito boa.

  12. ManoelNo Gravatar Diz:

    Valeu! Bom post, mas queria que como o flash ja
    esta no cs3 não seria melhor ja ensinar usar o AS3.0?
    pq ai no caso é AS2.0, é uma forma de fazer com que todos
    comecem a usar o CS3 e claro AS3.0, parabens pelo post e
    tambem para mxmasters,
    abraço.

  13. Fernando MaiaNo Gravatar Diz:

    Muinto Boa Aulas ! vc esta de parabens Pontes !

  14. Pontes Junior / 29 / Maricá - RJNo Gravatar Diz:

    Bem Galera! obrigado pelos elogios, estamos sempre procurando trazer novidades pra vocês, e desvendar os segredo do flash.
    Quanto as sugestões, continuem mandando estou anotando todas elas. Carla pode ser que na próxima vídeo aula você tenha essa sugestão.
    Tomer Simis (Grande simpsons) Brincadeira!!! Está anotado a sua sugestão e aguarde em breve ela esta aqui no mx masters, pois ja estava no meu planejamento, criar um preloader.
    Grande André parece que ficou faltando alguma coisa, um objeto sem ter o nome instanciado ou algum código faltando no action script, qualquer coisa mande um email para o mxmaster que o felipe encaminha para mim.
    Luis fernando você deve ter esquecido de mover o eixo de rotação para o centro do seu objeto, por isso deve estar colando no meus lugar, utilize a ferramente free transform tool.
    E manoel , eu estarei atualizando meu software aqui para cs3 em breve, e logo logo teremos conteúdo de ActionScript 3.0.

    um grande abraços a todos.

  15. Vinicius Felix/18/Curvelo MgNo Gravatar Diz:

    mto boa essa aula …vlw msm tava atras d um desses

    ajudou bastante..so gostaria de pedir se teria como vc me ajudar com formulario de contato se puder da um força ae com uma video aula
    Ja dei ate uma sujestao mas ainda naum deu pra ver msmo assim to na espectativa vlw!

  16. RobertoGMJNo Gravatar Diz:

    Pontes parabéns ae pela videoaula muito legal o relogio vou fazer aqui e usar no meu site, Sugestões tenho duas:

    - Dá pra criar um relogio digital ou analógico ou os dois com a data junto ou no caso do analogico no centro do relogio.

    - A outra sugestão seria uma mão na roda pra mim, mas nao sei se é em flash que é feito, se nao for desculpa ae, Que é um menu onde os lnks vao pasando como nesse site ae na direita como ultimas noticias: http://www.campos.rj.gov.br

    Brigadao ae pelas aulas e parabéns a vc ea todos do MXMasters.com.br.

    Valeu…

    RobertGMJ

  17. RobertoGMJNo Gravatar Diz:

    Ah. Vinicius o formulario de contato tem na sessao php… Uma videoaula ensinando a fazer um…

    O curioso é que nao consegui ainda faze-lo funcionar mais deve ser erro meu mesmo porque muitos já conseguiram e tao usando…

    Valeu.. T+

    RobertoGMJ

  18. Ailton Mendes MotaNo Gravatar Diz:

    sem duvidas a uma das melhores video aulas que ja foi postada no mxmasters esta de parabens Junio Pontes voce e toda equipe do mxmasters, mais uma vez obrigado.

  19. Melquisedeque Nascimento / 22 Anos / Vitória da Conquista - BaNo Gravatar Diz:

    É isso aí man,é uma boa aula.

  20. Marcos César Ventura Maciel / 17 anos / Brumadinho - MGNo Gravatar Diz:

    Muito Legal, aprendi muito sobre o tal do “Action Script”!

    Abção

  21. Vinicius Felix/18/MGNo Gravatar Diz:

    A Ponte realmente vc conseguiu me ajudar bastante ja avia visto por ae alguns desses relogios mas naum sabia como fazer fiz o meu aki e fkou da hora vlw msmo..

    Abraços

  22. ManoelNo Gravatar Diz:

    Pontes Junior estarei esperando, pois aqui na mxmasters pra quem quiser aprender ou tirar duvidas desde os iniciantes ao experiente é muito bom, falei do as3.0 pois mudou muita coisa mesmo em relação ao as2.0, e o quanto antes migrar melhor para não ficarmos colocando acs 2.0 com o 3.0, hehehe
    abraço.

  23. Danilo dos Santos SilvaNo Gravatar Diz:

    Eu nunca tentei me arriscar a prender a mexer no Flash por falta de tutoriais que eu achava mais agora com tantos tuto eu baixei ele e vo andar dando uma olhada aqui na area Flash.

    Brigadão Equipe MX MASTER

  24. RodrigoNo Gravatar Diz:

    Achei muito interessante
    fiz até o final
    mas qndo mandei executar deu varios erros
    eu vi q eh diferente
    eu uso o flash da adobe
    pode ter sido isto?

    Espero respostas

  25. AgnovalNo Gravatar Diz:

    Muito bom mesmo,
    só q tive um pequeno problema, quando dei crtl+enter o relogio não funcionou, fiz e refis tudo, tem algum tipo de coddigo pra fazer ele pegar a hora do sistema?
    se possivel vc entrar em contato eu posso passar o arquivo pra vc ver se roda no seu pc, fiz todos os comandos refiz e nada.
    isso é normal?..

    garto

  26. Filipe GoesNo Gravatar Diz:

    Legal, da pra por em sites..

  27. LucasNo Gravatar Diz:

    Muito bom o tutorial

    Mas eu queria saber se tem como fazer um campo de texto que mostra a data ou hora

    Se tiver como faz uma video aula disso.

    falow

  28. PaulinhoNo Gravatar Diz:

    Ola pessoal, eu gostava de saber se e possivel no dreamweaver colocar lá uma radio a tocar. Isto é, eu tenho uma radio e queria por ela a tocar pelo dreamweaver existe alguma forma de o fazer? Seja ele em flash, ou outro tipo de software?

    Agradeço a resposta cara

    Valeu e parabens pelo vosso trabalho.

  29. leandro bonatoNo Gravatar Diz:

    melhor video realmente da mx no conteudo de flash
    show de bola mesmo
    vlws
    soh queria saber como q se coloka um preloader dentro do dreamweaver
    tipo eu fiz um e tal colokei lah envez de scene 2 eu colokei index.html
    entao ele vai da scena 1 para o index.html
    mas nao consegui deixar os dois juntinhos na hora de abrir
    se vcs tbm pudessem fazer uma video aula de como fazer ele abrindo e depois vindo a pagina
    eu agradeceria
    vlws abraço parabens pelo relogio analogico !!!

  30. TitoNo Gravatar Diz:

    Olá, tudo bom?
    Olha, eu deselvonvi um relógio da ferrari bem legal pelo photoshop, joguei ele pro flash e importei os ponteiros nas camadas que o video pede pra criar. Quando eu acabei tudo, não funcionou. Tenho certeza que segui a video-aula corretamente. Tem algum modo deu concerta-lo?

    Obrigado.

  31. HugoNo Gravatar Diz:

    muito bom mesmo!
    Só o ruim aqui e que vocês do mx quando Posta o Video poderia também ta postando o material que vocês ultilizaram, ex: o relogio que você fez no flash eu digo o design não o codigo em si.
    então, mais a aula foi nota 10 mesmo valeu

  32. zeqNo Gravatar Diz:

    muito bom.

  33. Kaio HenriqueNo Gravatar Diz:

    caracas!!! isso q é uma video aula em, parabéns a equipe
    valeu mesmo,,,
    abraços

  34. Josimar JúniorNo Gravatar Diz:

    Maravilhoso!!!!! super prático
    Gostaria de saber se tem como em ver de girar
    segundos._(((rotation))) = segs * 6
    tem como fazer o objeto “andar’ para ser criado um contador regresivo?????

  35. flavioNo Gravatar Diz:

    Pontes tudo bem,

    Gostaria que vocês criassem uma vídeo aula ensinado a fazer um calendário em FLASH com esse deste site. Pois vocês são os melhores e com certeza nos ensinaram de um modo fácil de assimilar, e gostaria de parabenizar pelos vídeos que são um show de bola

    http://www.flashcomponents.net/component/flash_calendar_xml.html

  36. LuizNo Gravatar Diz:

    Acho que pelos comentários vemos que este tutorial foi muito, mas muito produtivo. Continue assim. Adorei esta aula.

    Abraços

  37. WagnerNo Gravatar Diz:

    Poxa… Não consegui visualizar o vídeo….. !!! instalei o fireworks 8 e à partir daí a tela deste video está toda bagunçada….Quem pode me ajudar??????

  38. Jonathan GomesNo Gravatar Diz:

    fiz tudo certinho mais a hora nao esta fucionando esta parada no 12 os segundo e minutos estão fucionaod certinho

    estou usando o adobe flhash cs3 actionScrip 2.0

    se min ajudar eu agradeço !!!

    obg

  39. RaphaelNo Gravatar Diz:

    muito boa a aula, o site está 10.
    eu só tive um problema na hora de fazer o relógio, os ponteiros ficram parados, você sabe qual foi a causa disso?
    qualquer coisa envie para o meu e-mail:
    raphapel@gmail.com

  40. Daniel CollaltoNo Gravatar Diz:

    Pontes.

    Preciso lhe dar parabéns, pois suas vídeo aulas são de grande valia para mim que estou me aprofundando no flash e também estender os parabéns para o mxmasters.com.br….

    Sou grato.

  41. jeferson _ sao pauloNo Gravatar Diz:

    muito boa a aula vou ver outras.

  42. edNo Gravatar Diz:

    Não consigo colocar os pontos em 30 graus conforme vc mostrou usando transform rotation 30º copy add apply transform, o que acontece é que a rotação fica beleza, porem não formata no lugar como aparece no vídeo, no meu caso fica sobre posto no mesmo lugar, poderia me ajudar?

  43. LEONE DAMAZIONo Gravatar Diz:

    Ok qero parabenizar o siter mx masters por essa contribuição que nos dar nas video aulas exposta no siter,tirando nossas duvidas

    SUGESTAO:

    Gostaria de ver uma video aula de relogio digital

  44. gabrielNo Gravatar Diz:

    o meu flash cs3 não aceitou o comando pelo action script 2.0 me ajudem a resolver

  45. gabrielNo Gravatar Diz:

    eu fiz este relogio pelo flash 8 e tentei tambem pelo flash mx mais o ponteiro está atrasada uma hora acabei de fazer 2:20 e meu relogio marcava 1:20 por favor leia e responda esta mensagen me ajudando
    pois eu estou criando em site e eu quero seu patrocinio vlw

  46. Tiago PereiraNo Gravatar Diz:

    Muito bom esse tutorial, mas no meu pc a hora é 19:12

    e no relogio é 2:12

  47. Jorge Luiz PachecoNo Gravatar Diz:

    Ola boa tarde sou inciante fiz e refiz, tuconforme vc orientou, mas o relogio e os ponteiso so ficam piscando sem se movimentar. O que será que esta errado? ele da esses erros

    1120: Access of undefined property hora.
    1120: Access of undefined property segs.
    1120: Access of undefined property min.
    1120: Access of undefined property h.

    Esse é codigo conforme sua orientação

    hora = new Date();
    segs = hora.getSeconds();
    segundos._rotation = segs * 6;

    min = hora.getMinutes();
    minutos._rotation = min * 6;

    h = hora.getHours();
    phoras._rotation = (h*30)+(min/2);

    Obrigado

  48. Jorge Luiz PachecoNo Gravatar Diz:

    Segui sua orientação, mas os ponteiros e o relogio só piscam e não se movimentam e vol ta os seguinte erros:

    1120: Access of undefined property hora
    1120: Access of undefined property segs.
    1120: Access of undefined property hora.
    1120: Access of undefined property segs.
    1120: Access of undefined property min.
    1120: Access of undefined property h.

    Obrigado.

  49. Dieggo CarrilhoNo Gravatar Diz:

    queria saber como é o _rotation em AS3

    é que to fazendo ela totalmente em AS3

  50. David CHCNo Gravatar Diz:

    @Dieggo Carrilho, aconselho a postar essa duvida no Video AUlas Brasil, pq as aulas estão sendo publicadas lá. O Michel, colunista do mxmasters, voltará a fazer video aulas pra o Video Aulas Brasil, ai ele poderá te responder melhor sobre action script 3

  51. HenriqueNo Gravatar Diz:

    Muito legal a aula. Simples e direta, parabéns!

  52. Fabio RamosNo Gravatar Diz:

    Sem palavras, muito show mesmo, meus parabéns

  53. marllonNo Gravatar Diz:

    lgl essa video aula kra,vlw msm…só q ai vai minha pergunta,eu fiz o relógio e tava querend passar ele pro dreamweaver,só q pra ser mais exato eu queria colocar ele em cima do meu rodapé q eh 1 imagem do fireworks…só q eu não to conseguindo colocar um em cima do outro….tem como fazer oq eu to querendo ou não???

  54. Max WellNo Gravatar Diz:

    muito boa a video aula vai ser muito util.

    vo da uma sujestão pra proxima aula:
    por favor ensina a fazer um olho que segue o curso do mouse.

  55. Marcelo A.No Gravatar Diz:

    Ow, a video-áula é excelente, apesar de que eu acho algo extremamente simples isso, a grande maioria das pessoas não sabem.
    e bem, eu gostaria de deixar uma dica aí.
    vc mensionou aí que o ponteiro da horas, não se move tipow, do 2 pro 3, assim, mas aos poucos.
    pois bem, faltou mensionar e acrescentar que o ponteiro dos minutos também não salta derrepente de um minuto pra outro, mas sim se move um pouco a cada segundo.
    então pra incrementar mais esse relógio analógico eu sugiro modificar o comando de rotação do ponteiro do minuto para a seguinte forma:
    MCminuto._rotation = ( minutos * 6) + (segundos * 0.1);
    onde MCminutos é o Ponteiro (movie Clip) que tá no palco,
    (minutos * 6 ), é o mesmo que foi feito aí, o minutos é a variavel que recebe os minutos
    e a novidade então, o + (segundos * 0.1);
    onde segundos é a variavel que recebe seu respectivo valor e * 0.1 pelo seguinte:
    entre um minuto e outro, o ponteiro move 6 graus e nós queremos que ele se mova a cada segundo, então teremos uma rotação por segundos que em um minuto percorrerá 6 graus.
    a prova real é simples, divide 6 (graus) por 60 (segundos) que dará 0.1
    ou seja a cada segundo o ponteiro do minuto se moverá 0.1 grau
    beleza?
    qualquer se ñ entendeu algo pod perguntar por e-mail, ou add no MSN:
    marceloalbrecht@hotmail.com
    :D
    parabéns pela video-áula, vc explica mto bem cara..

  56. ThiagoNo Gravatar Diz:

    Otima video aula. facil e explicativa

    porem estou com o msm problema do gabriel, meu relogio esta uma hora atrasado

    terminei as 2:58 e ele marcava 1:58

    o q pode ser?

    obrigado pela atencao

  57. ThiagoNo Gravatar Diz:

    Ja descobri

    o erro de uma hora atrasado

    e so desmarcar a opcao de horario de verao no pc, que vai dar certinhu

    abçs galera

  58. £ulopesNo Gravatar Diz:

    Valeu Jr atravez dessa tua aula eu consegui fazer meu relogio..
    Claro que nao ficou uma Brastemp, mas da para ver as horas..
    Quem sabe eu aprendo fazer melhor com tua dicas blz…
    A burralda ainda pede ajuda pra pessoa errada…
    Felipe Cardoso desculpa ai blz…
    Bjs …

  59. Waldemir AlvesNo Gravatar Diz:

    Eu acho que este vídeo deve de estar com algum defeito, estou a horas tentando assisti-lo por completo, mas quando chega na metade do tutorial ele dá erro e pede para voltar ao início da vídeo aula… se os produtores puderem me ajudar, ficarei muito grato, se puderem, envie este vídeo ou o link do mesmo, completo, para o endereço de e-mail abaixo.
    young.prod@hotmail.com

    agradeço desde já!

    Waldemir Alves.

  60. David CHCNo Gravatar Diz:

    @Waldemir Alves, tente limpar o cache do seu navegador. Se vc estiver usando Internet Explorer basta vc apertar CTRL + F5, caso esteja usando o No Firefox, aperte CTRL + SHIFT + DEL, e deixe marcado apenas cache, e clique Limpar Agora. Veja se isso resolve. Caso isso não funcione, tente atualizar o flash player.

  61. Waldemir AlvesNo Gravatar Diz:

    Vlw DAVID CH, sua explicação foi de grande ajuda, muito grato!

  62. Waldemir AlvesNo Gravatar Diz:

    alguém aí sabe como criar um controle de vídeo e som no flash como por exemplo o do YouTube ou deste vídeo acima? Se alguém aí souber, por favor deixe um link de um tutorial, ou algo parecido, nessecito urgentemente disso.
    Agradeço desde já.

    Grato por sua atenção.

    Waldemir Alves.

  63. David CHCNo Gravatar Diz:

    @Waldemir Alves dá uma olhada nesse link, pode te ajudar:

    http://www.linhadecodigo.com.br/Artigo.aspx?id=1758

  64. AdonixNo Gravatar Diz:

    Olá eu gostaria de saber como criar o relogio em flash + php, só que tem um problema eu nao queria que ele ficasse carregando de um e um segundo do servidor queria que pegasse a hora fixa sem ter que ficar dando request na pagina. alguem poderia me ajudar?

  65. Otaku ChanNo Gravatar Diz:

    Parabéns, mesmo! Para quem tem interesse em começar a criar seu próprio blog ou website, no início, pegar relógios, calendários e contadores prontos em sites quebra o galho, mas com o tempo a gente sempre quer mais e mais e mais. E melhor do que pegar um já pronto é criar um conforme a sua necessidade.

    Muito obrigada por me ensinarem a fazer um relógio! (agora só me falta aprender a fazer um calendário e um contador rs rs rs)

    Mais uma vez, parabéns pelo trabalho!

  66. RobsonNo Gravatar Diz:

    car gostei muito tava me atrapalhando com as actions mas agora tá belez.

Deixe seu Comentário

Publicidade

www.mxmasters.com.br - todos os Direitos Reservados : Desenvolvido com Wordpress

Desenvolvido por David CHC e Felipe Cardozo