Interação com Mouse (Versão em Vídeo)

This is just a screen grab of our interactive coding talk-through, prepared to make captioning and translation easier. It is better to watch our talk-throughs here:
https://www.khanacademy.org/cs/programming/

Você já aprendeu como criar as suas próprias variáveis e usa-las

agora vamos aprender a utilizar duas variáveis especiais: mouseX e mouseY

agora você nunca vai ter que criar essas variáveis, e de fato você nem deve

porque elas já existem. Alguém incrível já criou a var mouseX e a var mouseY, para que você não tenha que fazer

e essa mesma pessoa incrível as criou para que o valor de mouseX seja sempre a posição x do seu mouse

e o valor de mouseY seja sempre a posição y do seu mouse

isso torna muito fácil criar coisas interativas, como isso:

olha essa elipse que estou desenhando. Agora eu a estou sempre desenhando em 200,200

em vez disso, eu posso usar essas variáveis especiais e desenhar em mouseX e mouseY

agora, se eu mover meu mouse pela tela, você pode ver que a elipse é sempre desenhada aonde meu mouse está

então ela segue meu mouse por aí! Então isso é bem legal

se você vai usar mouseX e mouseY tenha certeza de usa-las dentro do loop draw

porque olha o que acontece se nós movermos essas duas linhas de código fora do loop draw

agora, ele só vai rodar uma vez, e a elipse só ficará desenhada aonde meu mouse estava no início do programa

então é por isso que precisamos do loop draw. Porque, se você pensar sobre isso, mesmo que não pareça, também é um tipo de animação

Nós podemos fazer todos os tipos de coisas divertidas. E se, em vez de desenhar em mouseX e mouseY, eu desenhar em mouseX

e então fixar mouseY em algo como 300, e agora a elipse somente seguirá minha coordenada x,

a coordenada x do meu mouse, mas não a y.

Sim? E talvez eu possa desenhar em mouseX e mouseY de novo , mas me livrar da linha do background()

então agora nós veremos todas as elipses desenhadas antes, então temos esse tipo de pincel.

Isso é bem legal. Ou, eu poderia trocar as variáveis, e desenhar em mouseY e mouseX, é como antes

exceto que os controles do mouse estão bagunçados, mas até que é legal, você pode imaginar um jogo para tentar desenhar algo

tentar escrever algo com esses controles bagunçados

então é isso para mouseX e mouseY!Super fácil de usar, mas incrível