Tarefa 5 - Aula 6

Ulisses Silva
15 de set. de 2018
2 min de leitura

Usando as funções de formas geométricas, criar um procedimento no Processing que mostre a bandeira do Brasil com base na lei federal nº 5.700.

A lei de criação da bandeira nacional se baseia em módulos, uma medida padrão que garante que as proporções da mesma seja sempre respeitada. Ou seja, independente do tamanho da bandeira, as distâncias e relações entre as formas geométricas são sempre iguais. Esse módulo é baseado na largura da bandeira, sendo ele a décima quarta parte da largura. Usaremos os termos Largura e Comprimento para definir os tamanhos Vertical e Horizontal da bandeira, respectivamente.

No início do código criei 2 variáveis necessárias para o posicionamento da bandeira, as variáveis X e Y, sendo eles o ponto central da tela. E também foi criada uma variável chamada largura, a qual será importante para calcular o módulo.

Assim, criei um procedimento que recebe como parâmetros 3 variáveis, x, y e largura. E dentro dele, criei uma variável local que é inicializada como a largura dividida por 14, ou seja, nosso módulo.

Em seguida usei a função "rect" precedida da função "rectMode". A função "rect" serve para desenhar um retângulo onde você deve passar a posição x e y, o comprimento e a largura do retângulo. O "rectMode" serve para determinar a partir de qual ponto do retângulo ele será desenhado. Sendo assim, coloquei para que ele fosse centralizado, já que os meus pontos X e Y são o próprio centro da tela. De acordo com a lei, o comprimento do retângulo verde da bandeira deve ser 20 vezes o módulo. Como a variável do módulo já foi definida, ficou fácil simplesmente multiplicar esse valor pela variável.

O próximo passo foi a criação do losango amarelo. Para desenhá-lo usei a função "quad", que precisa receber quatro pontos como parâmetros e desenha um quadrilátero usando esses pontos como vértices. Segundo a lei, o losango deve ser centralizado com o retângulo de forma que seus pontos coincidam com as metades do retângulo mas sem tocar as suas arestas, tendo um afastamento de 1,7 do módulo. Novamente, usando a variável do módulo, calculei os ajustes necessários.

Por fim, para criar o círculo azul usei a função "ellipse". Assim como a função "rect", essa função possui uma função que determina o ponto de onde a ellipse é desenhada, o "ellipseMode". No entanto, por padrão, o Processing já utiliza o centro como sendo o ponto inicial. Ou seja, não precisei usar o "ellipseMode". O círculo deve ser desenhado no centro e tendo como diâmetro 7 vezes o módulo.

Com a função da bandeira então finalizada, criei mais um procedimento para que o usuário possa interagir. Através das setas para cima e para baixo do teclado, é possível aumentar e diminuir o tamanho da bandeira em 2 vezes. Para tanto, fiz as alterações necessárias na variável da largura.

OBS: As predefinições das cores específicas de cada parte da bandeira foram retiradas do seguinte site: link do site.

Exemplo de tamanhos diferentes após pressionar as setas