Agora a gente vai fazer uma coisa diferente.

Quer dizer, agora a gente quer ver a lógica do programa  —  (na tela, junto com os desenhos)

Mas, o que é isso?

Bom, isso é uma coisa muito simples  —  (porque a lógica do programa é muito simples)

O nosso programa sempre desenha uma linha do ponto (0,0) até o ponto (x,y)

linha (0,0,,x,y,white)

E daí, ele modifica os valores de x e y para fazer a linha andar.

Então, se a gente quiser ver a lógica do programa, basta ver onde o x e o y estão  —  ( e como eles estão andando )

Só que, a gente quer ver as duas coisas: os desenhos e a lógica do programa.

Mas nesse momento, os desenhos estão bem no meio da tela

Então, a ideia é mover o desenho para o lado  —  (para abrir espaço para a lógica)

Mas, como é que a gente faz isso?

Bom, a ideia é bem simples.

Quer dizer, quando a gente executa o comando

linha (0,0,,x,y,white)

a gente vê o seguinte

 —  ( uma linha começando no centro da tela e indo para a direita)

Agora, se a gente subtrai 5 das coordenadas x dos dois pontos

linha (0-5,0,,x-5,y,white)

a gente vê o seguinte

Sim! a linha andou para a esquerda.

Então, a ideia é subtrair algum valor das coordenadas x de todos os pontos das linhas do desenho  —  ( i.e., os risquinhos também)

Porque daí, o desenho inteiro vai ser deslocado para a esquerda

E agora, a gente tem espaço para mostrar a lógica do programa.

Mas, como é que a gente faz isso?

Bom, o primeiro passo é desenhar os eixos onde o x e o y vão andar

Só que isso são apenas duas linhas

linha (7,0,,17,0,white)
linha (12,-5,,12,5,white)

Daí, o x e o y vão ser tracinhos que andam em cima do eixo.

Só que um tracinho é só uma linha.

Para o x nós temos o seguinte

linha (7+x,-2,7+x,2,blue)

E para o y é a mesma coisa.

Daí, para fazer o tracinho andar, basta apagar o tracinho anterior antes de desenhar o próximo.

A coisa fica assim