Você já aprendeu como fazer suas próprias variáveis e usá-las.

Agora vamos aprender sobre 2 variáveis especiais: mouseX e mouseY

Agora você nunca tem que fazer essas variáveis, de fato não deve, porque eles já existem.

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.

Isso torna muito fácil fazer coisas interativas legais baseado na posição do mouse do usuário.

Vamos ver essa elipse que eu estou desenhando

Agora, Estou sempre desenhando em 200, 200.

Se usar mouseX e mouseY, Essas variáveis especiais, então eu posso desenhá-lo em mouseX e mouseY.

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.

Isso é muito legal, pode dizer o que estou desenhando? Wheee!

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.

Viu?

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.

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.

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.

Se você pensar sobre isso, Ele é muito similar a uma animação - Vai mudando todo tempo, apenas de um modo diferente.

Okay, agora podemos fazer todo tipo de coisas divertidas.

O que acontece se, ao invés de desenhar no mouseX e mouseY, eu desenho no mouseX e fixo mouseY em algo como 300?

Agora você pode ver que minha elipse só segue minha coordenada x, ignorando o que eu fizer com y.

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?

Agora olhe, woo! Fiz essa coisa funky.

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.

Agora parece muito muito estranho. Estou com o mouse fazendo o oposto do que é esperado fazer.

Mas é legal, você pode imaginar fazendo um jogo que é sobre tentar desenhar alguma coisa ou fazer alguma coisa enquanto usa controle do mouse invertido.

Isso é tudo para mouseX e mouseY - Muito legal. Divirta-se!