Fiquei com esta duvida durante o exemplo, nas atividades anteriores, na bolinha movimentando, acontecia a mesma coisa.
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!
Fiquei com esta duvida durante o exemplo, nas atividades anteriores, na bolinha movimentando, acontecia a mesma coisa.
João. boa tarde!
Isso ocorre devido a uma definição que fazemos no começo do arquivo.
pincel.fillStyle = 'lightgray';
pincel.fillRect(0, 0, 600, 400);Nesse começo nós definimos a cor do fundo para cinza, mas isso só dura 1 segundo, pois logo após nós ja limpamos a tela e desenhamos o alvo.
Tanto que essas dua linha poderiam ser retiradas pois não fariam diferença a na jogabilidade, apesar disso, elas ajudam a entender até onde é a área do jogo.
Espero ter ajudado e bons estudos!
pra manter entao, eu deveria chamar o pincel.fillstyle e fillrect, depois de limpar a tela ?
Exatamente!
O começo da função ficaria assim:
function atualizaTela() {
limpaTela();
pincel.fillStyle = 'lightgray';
pincel.fillRect(0, 0, 600, 400);Espero ter ajudado e bons estudos! Não se esqueça de marcar como solucionado para alcançar mais alunos!