Tenho uma duvida, não foi explicado o porque tem que colocar 2 * 3.14 para fazer o circulo. alguem sabe?
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!
Solucionado
Tenho uma duvida, não foi explicado o porque tem que colocar 2 * 3.14 para fazer o circulo. alguem sabe?
Olá Giuliano, tudo bem com você?
A utilização do 2 * 3.14 tem a ver com a fórmula matemática do perímetro de um círculo
2 * PI * raio Onde PI = 3.14
E dentro da função arc, temos alguns parâmetros que são passados para ela:
arc(x,y,r,sAngle,eAngle)sendo:
fonte: W3Schools
Como descrito na imagem, podemos ver que o ângulo inicial 0, que está marcado em vermelho, é onde começou o desenho do círculo e o ângulo 1.5 * PI, marcado em azul, é onde finaliza o desenho do círculo, sendo assim um semicírculo, por estar incompleto.
Dado isso, caso queiramos desenhar 1/4 de círculo basta definir o sAngle = 0 e o eAngle = 0.5 * 3.14, analogamente para 1/2 círculo sAngle = 0 e o eAngle = 1 * 3.14, para 3/4 de círculo, como na imagem: sAngle = 0 e o eAngle = 1.5 * 3.14; e por fim, para um círculo completo utilizamos sAngle = 0 e o eAngle = 2 * 3.14.
Para se aprofundar mais, recomendo a leitura da documentação do método arc() do canvas da W3Schools, onde é explicado com mais detalhes o seu funcionamento. A documentação está em inglês, mas caso seja necessário você pode utilizar a função de tradução do seu navegador para facilitar o entendimento.
Fico à disposição em caso de dúvidas.
Um grande abraço e bons estudos!