1
00:00:00,869 --> 00:00:03,972
Você já aprendeu como fazer suas próprias variáveis e usá-las.

2
00:00:03,972 --> 00:00:10,790
Agora vamos aprender sobre 2 variáveis especiais: mouseX e mouseY

3
00:00:10,790 --> 00:00:16,658
Agora você nunca tem que fazer essas variáveis, de fato não deve, porque eles já existem.

4
00:00:16,658 --> 00:00:28,171
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.

5
00:00:28,171 --> 00:00:33,278
Isso torna muito fácil fazer coisas interativas legais baseado na posição do mouse do usuário.

6
00:00:33,278 --> 00:00:36,508
Vamos ver essa elipse que eu estou desenhando

7
00:00:36,508 --> 00:00:41,192
Agora, Estou sempre desenhando em 200, 200.

8
00:00:41,192 --> 00:00:49,718
Se usar mouseX e mouseY, Essas variáveis especiais, então eu posso desenhá-lo em mouseX e mouseY.

9
00:00:49,718 --> 00:00:57,743
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.

10
00:00:57,743 --> 00:01:01,760
Isso é muito legal, pode dizer o que estou desenhando? Wheee!

11
00:01:01,760 --> 00:01:13,839
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.

12
00:01:13,839 --> 00:01:15,501
Viu?

13
00:01:15,501 --> 00:01:26,955
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.

14
00:01:26,955 --> 00:01:36,303
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.

15
00:01:36,303 --> 00:01:43,735
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.

16
00:01:43,735 --> 00:01:49,481
Se você pensar sobre isso, Ele é muito similar a uma animação - Vai mudando todo tempo, apenas de um modo diferente.

17
00:01:49,481 --> 00:01:52,957
Okay, agora podemos fazer todo tipo de coisas divertidas.

18
00:01:52,957 --> 00:02:03,871
O que acontece se, ao invés de desenhar no mouseX e mouseY, eu desenho no mouseX e fixo mouseY em algo como 300?

19
00:02:03,871 --> 00:02:10,589
Agora você pode ver que minha elipse só segue minha coordenada x, ignorando o que eu fizer com y.

20
00:02:10,589 --> 00:02:21,937
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?

21
00:02:21,937 --> 00:02:27,933
Agora olhe, woo! Fiz essa coisa funky.

22
00:02:27,933 --> 00:02:39,509
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.

23
00:02:39,509 --> 00:02:45,907
Agora parece muito muito estranho. Estou com o mouse fazendo o oposto do que é esperado fazer.

24
00:02:45,907 --> 00:02:53,400
Mas é legal, você pode imaginar fazendo um jogo que é sobre tentar desenhar alguma coisa ou fazer alguma coisa enquanto usa controle do mouse invertido.

25
00:02:53,400 --> 00:02:59,808
Isso é tudo para mouseX e mouseY - Muito legal. Divirta-se!