Bom dia, gostaria de saber apenas, como eu acho as posições, exemplo, como vou saber que a barba ta no eixo que o professor falar? essa duvida esta forte!!
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Bom dia, gostaria de saber apenas, como eu acho as posições, exemplo, como vou saber que a barba ta no eixo que o professor falar? essa duvida esta forte!!
Seria bacana você ir verificando a posição do mouse pelo console. O que precisaria fazer para isso:
-Recuperar elemento pela DOM -Settar algum tipo de evento nele -Recupera os dados que quer e mostrar no console Na pratica
let context = document.querySelector('canvas');
context.onclick = mostraPosicao;
function mostraPosicao(event) {
let x = event.pageX - context.offsetLeft();
let y = event.pageY - context.offsetTop();
console.log('X: ' + x + ' Y: ' + y);
}Dessa maneira você consegue se virar com as posições.
Isac, bom dia!
Um método seria, dividir mentalmente seu canvas em linhas e colunas, formando um grid. Assim quando você for desenhar, visto que são vário quadrados, fica mais fácil de "encaixar" em qual quadrado aquela parte do desenho vai ficar ;)
Espero ter ajudado e bons estudos!