Return to Video

Mouse Interaction (Video Version)

  • 0:01 - 0:04
    Você já aprendeu como fazer suas próprias variáveis e usá-las.
  • 0:04 - 0:11
    Agora vamos aprender sobre 2 variáveis especiais: mouseX e mouseY
  • 0:11 - 0:17
    Agora você nunca tem que fazer essas variáveis, de fato não deve, porque eles já existem.
  • 0:17 - 0:28
    Veja, O programa configura o valor dessas variáveis por trás da cena, fazendo com que o valor de mouseX sempre seja a posição x do seu mouse e mouseY sempre seja a posição y do seu mouse.
  • 0:28 - 0:33
    Isso torna muito fácil fazer coisas interativas legais baseado na posição do mouse do usuário.
  • 0:33 - 0:37
    Vamos ver essa elipse que eu estou desenhando
  • 0:37 - 0:41
    Agora, Estou sempre desenhando em 200, 200.
  • 0:41 - 0:50
    Se usar mouseX e mouseY, Essas variáveis especiais, então eu posso desenhá-lo em mouseX e mouseY.
  • 0:50 - 0:58
    Agora, Se eu mover meu mouse sobre o quadro, você pode ver que a elipse está sempre sendo desenhada onde meu mouse está- seguindo meu mouse por onde vai.
  • 0:58 - 1:02
    Isso é muito legal, pode dizer o que estou desenhando? Wheee!
  • 1:02 - 1:14
    Se for usar mouseX e mouseY, Tenha certeza que de usá-los dentro da função draw, porque veja o que acontece se movermos essas duas linhas de códigos para fora da função draw.
  • 1:14 - 1:16
    Viu?
  • 1:16 - 1:27
    Agora esse código só roda uma vez, então esse elipse só será desenhado uma vez, e é desenhado onde meu mouse estava no início do programa.
  • 1:27 - 1:36
    Por isso temos que colocá-los dentro da função drawn, porque a função draw é a função que repete sempre enquanto nosso programa está rodando.
  • 1:36 - 1:44
    Então queremos que quando isso for chamado, Ele veja o valor atual de mouseX e mouseY, e ai desenhe a elipse naquela posição.
  • 1:44 - 1:49
    Se você pensar sobre isso, Ele é muito similar a uma animação - Vai mudando todo tempo, apenas de um modo diferente.
  • 1:49 - 1:53
    Okay, agora podemos fazer todo tipo de coisas divertidas.
  • 1:53 - 2:04
    O que acontece se, ao invés de desenhar no mouseX e mouseY, eu desenho no mouseX e fixo mouseY em algo como 300?
  • 2:04 - 2:11
    Agora você pode ver que minha elipse só segue minha coordenada x, ignorando o que eu fizer com y.
  • 2:11 - 2:22
    Então, O que acontece se eu desenhar no mouseX e mouseY, trazendo de volta, mas me livro do background, apenas colocando como comentário?
  • 2:22 - 2:28
    Agora olhe, woo! Fiz essa coisa funky.
  • 2:28 - 2:40
    ou, ou, eu poderia trocar essas variáveis. Deixe-me trazer o background. Trocarei essa variáveis aqui, mouseX e mouseY, e depois ver o que acontece.
  • 2:40 - 2:46
    Agora parece muito muito estranho. Estou com o mouse fazendo o oposto do que é esperado fazer.
  • 2:46 - 2:53
    Mas é legal, você pode imaginar fazendo um jogo que é sobre tentar desenhar alguma coisa ou fazer alguma coisa enquanto usa controle do mouse invertido.
  • 2:53 - 3:00
    Isso é tudo para mouseX e mouseY - Muito legal. Divirta-se!
Title:
Mouse Interaction (Video Version)
Description:

more » « less
Video Language:
English
Duration:
03:00

Portuguese subtitles

Incomplete

Revisions