Aula 10 - Diferenciar formas com clique
Tarefa
Diferenciar, com base em exemplos, como se pode detectar o clique do mouse sobre botões circulares e retangulares.
Código:
Para determinar se estamos clicando num retangulo ou numa elipse usei a seguinte lógica:
Para o retângulo o código vai comparar se o X e o Y do mouse está dentro do espaço, para isso ele compara quatro variáveis o x inicial com o x final e o y inicial com y final. se o mouse obedece todos esses parâmetros ao ser clicado percebemos no exemplo que o retângulo muda de cor.
O caso da Elipse é um pouco mais pensado, a ideia é que o mouse tem que encontrar toda uma região radial. A solução para fazer isso foi criar um mecanismo q calculasse a hipotenusa, esse valor ia ser equivalente ao raio, assim o mouse passaria a ter um parametro de area. Sendo assim quando clicado o circulo também muda de cor.
verifique no gif abaixo(como o gif foi exportado em baixa resolução e a 10fps as imagens podem aparecer um pouco distorcidas):
Para o retângulo o código vai comparar se o X e o Y do mouse está dentro do espaço, para isso ele compara quatro variáveis o x inicial com o x final e o y inicial com y final. se o mouse obedece todos esses parâmetros ao ser clicado percebemos no exemplo que o retângulo muda de cor.
O caso da Elipse é um pouco mais pensado, a ideia é que o mouse tem que encontrar toda uma região radial. A solução para fazer isso foi criar um mecanismo q calculasse a hipotenusa, esse valor ia ser equivalente ao raio, assim o mouse passaria a ter um parametro de area. Sendo assim quando clicado o circulo também muda de cor.
verifique no gif abaixo(como o gif foi exportado em baixa resolução e a 10fps as imagens podem aparecer um pouco distorcidas):
Comentários
Postar um comentário