Agora que nós já sabemos desenhar a bola, nós queremos desenhar várias bolas.

Mas para isso, a gente precisa raciocinar um pouquinho.

Quer dizer, quem desenha a bola é a nossa linha que fica rodando

E a nossa linha fica rodando em torno do ponto (0,0)

Então, se a gente quer desenhar uma bola em um lugar diferente, basta fazer a linha rodar em um lugar diferente

Ou melhor, depois que a linha dá uma volta completa em torno do ponto (0,0) e desenha a primeira bola, a gente leva ela para outro lugar para desenhar a segunda bola.

Mas, como é que a gente faz isso?

Bom, o primeiro passo é definir o ponto que fica no centro da bola

var  Cx = 0, Cy = 0;

Essa é a primeira ponta da linha.

Daí, as coordenadas X,Y que definem a outra ponta da linha são calculadas assim

X  =  Cx  +  Raio * coseno(teta);

Y  =  Cy  +  Raio * seno(teta);

E daí, quando o ângulo teta chega em 360 (e a bola já está completa), a gente muda o centro (Cx,Cy) para outro lugar

if ( teta == 360 ) {
teta = 0;
Cy = Cy + 5       // o Cx não muda

A coisa fica assim