• Jogos
  • 03. Desenhando na tela

Desenhando na Tela

Sistema de coordenadas

Qualquer janela no computador é formada por diversos pixels em um retângulo. Para saber a posição de cada pixel é necessário definir um sistema de coordenadas. No Pygame a origem (ponto \((0, 0)\)) do sistema de coordenadas é o canto superior esquerdo. O eixo \(x\) aumenta para a direita e o eixo \(y\) aumenta para baixo:

Coordenadas

Exercício 1

Considere a figura abaixo. Suponha que o retângulo representa uma janela do pygame.

Ponto vermelho

A coordenada \(x\) do ponto vermelho acima é

Resposta

O canto superior esquerdo da janela é o \((0,0)\) e o eixo horizontal cresce para a direita. Logo, a coordenada \(x\) é maior que 150 pois o ponto vermelho está na metade da direita do retângulo.

Exercício 2

A coordenada \(y\) do ponto vermelho acima é

Resposta

O canto superior esquerdo da janela é o \((0,0)\) e o eixo vertical cresce para baixo. Logo, a coordenada \(y\) é menor que 100 pois o ponto vermelho está na metade de cima do retângulo.

Agora sim, estamos prontos para começar a desenhar figuras na janela.