Olá Valéria, tudo bem com você ?
Gostaria de agradecer pela paciência em obter um retorno!
Ao analisar e testar seu código à primeira vista ele está perfeito, contudo está cortado ao meio, e na verdade o seu equívoco não está nas métricas, o que condicionou aquela bandeira cortada ao meio foram duas letras, sendo a letra “t” e a “h”, acho que deu pra entender né, o problema está no parâmetro height
, vou mostrar como estava erado:
- Esse aqui é o começo padrão do
canvas
:
<canvas width="600" height="400"></canvas>
- E esse aqui é o seu começo de
canvas
:
<canvas width="600" heigth="400"></canvas>
- Consegue ver a diferença?
A diferença é que o padrão de escrita da altura de um canvas
é :
height
e você escreveu heigth
, viu que no fim você colocou o “t” antes do “h” ?
Foi essa pequena mudança que fez esse resultado com o heigth
:

Indo para esse resultado MARAVILHOSO AQUI com o height
:

Portanto não precisa se preocupar tanto assim com as métricas, se você focar demais nas métricas acabará perdendo o foco nas coisas que importam tanto quanto as métricas, que no caso seria a construção!
Mas não se preocupe pelo que eu percebi na minha analise seu jogo projeto está muito bom, ele apresenta boa estrutura, boa indentação, e está maravilhosamente bem organizado.
Continue se dedicando aos estudos e se empenhando como está agora, pois você tem muito potencial para crescer, você somente precisa aprender á explorar isso e deixar fluir.
Estarei ansioso para ver o seu desenvolvimento e progresso!
Um enorme abraço e bons estudos!
Caso este post tenha lhe ajudado, por favor, marcar como solução! ✓.