Como segunda atividade nos foi pedido o seguinte:

Posicionar horizontalmente 5 imagens de 20 x 30 px, estando 2 na horizontal e 3 na vertical, em uma janela de 180 px de largura com espaços iguais entre as imagens e as extremidades da janela.

Segundo esse requisito comecei esboçando no papel como seria a forma matemática:

Empregando o código:


A partir daí o desafio seria: 

Nas condições do problema revisitado, discutir a criação de uma aplicação que organiza as imagens de acordo com duas variáveis: h para a quantidade de imagens na horizontal e v para a quantidade de imagens na vertical.

Debatendo com colegas cheguei a conclusão de que o enunciado pode ser interpretado de várias formas distintas, porém na minha interpretação a questão seria somente a substituição dos valores empregados para para a quantidade de imagens, seja na horizontal ou vertical, por variáveis.

No entanto ao tentar implementar me deparei com algumas dificuldades como: como substituir o fator de espaçamento do código original, uma vez que este estava quase que sendo calculado manualmente?

Assim criei as variáveis requisitadas h e v para as quantidades de imagens horizontal e vertical respectivamente, altura e largura, e a variável referente ao espaçamento entre cada retângulo. O cálculo para o espaçamento já havia sido definido no papel, como pode ser observado na primeira imagem deste post. Para substituir os acréscimos manuais utilizei um loops, onde as variáveis i e j recebem acréscimos. Depois de implementar percebi que precisaria de mais uma variável para registrar a distância da largura ocupada pelas imagens horizontais com o espaço calculado e devido.