Trabalhos de Manoela Barbosa

Diretriz: Utilize um loop em duas dimensões para fazer um grid de retângulos na tela. Faça com que cada um dos retângulos tenha um tamanho menor conforme esteja mais próximo do centro da tela. Faça com que cada um dos retângulos tenha uma cor diferente (mais escura, mais clara, mais próxima do vermelho etc.) de acordo com sua distância do centro da tela.

Agora o quadro de Geraldo de barros terá uma nova forma, que pode ser controlada pelo usuário a partir da interface gráfica do controlP5 para o Processing P3, além de poder ter sua imagem salva em diferentes formatos ao se pressionar uma tecla. Link de acesso ao arquivo .pde no Google Drive. Código completo:

Obra: quado de Geraldo de Barros CÓDIGO DO QUADRO ESTÁTICO: color [] cor = {color (255),color (163), color(255), color (163), color (255), color (163)}; float topX, lX, btmX, rX; float topY, lY, btmY, rY; color corbg; /* Vetor que armazena as cores de cada quadrilátero, se alternando entre cinza e branco Variáveis que armazenarão as posições de cada vértice dos quadriláteros Variável de cor do plano de fundo */ void setup(){ size(563,563); corbg = color (18, 24, 33); } void draw(){ background(corbg); /* O valor é atribuido às variáveis antes do laço, para que o laço trabalhe a partir dos valores iniciais e os modifique de maneira mais simples */ topX = width/2; topY = 0; lX = 0; lY = height/2; btmX = width/2; btmY = height; rX = 65; rY = lY; /*O primeiro laço e as primeiras atribuições, todas são para os 3 quadriláteros do lado esquerdo*/ for (int i = 0; i<3; i++){ //laço que cria os 3 quadriláteros do lado esquerdo    fill(cor[i...

EXERCÍCIO 03 - 05 de Abril de 2018 - Condicionais 1 - Declaram-se as variáveis do tipo inteiro posiX, posiY, veloX e veloY, para posição e velocidade respectivamente. Na função setup(): - Define-se o tamanho da tela (600px, 600px); - Atribui-se valores às variáveis de posição com valores aleatórios inteiros (conversão de tipo) entre 25 e 575, tanto para X (posiX) quanto para Y (posiY); - Atribui-se uma velocidade para o movimento de X e outra para o de Y. No caso, 5 para as duas; Na função draw(): - Atribui-se a cor rosa ao plano de fundo de modo que atualize a cada novo frame; - Cria-se a elipse com as posições X e Y dependentes das variáveis que receberão os valores aleatórios (posiX e posiY) e com diâmetro de 50px; - As posições X e Y a cada frame tem um adicional de velocidade de 5px; - As posições X e Y serão alteradas dentro da condição se : se a elipse tiver o limite de seu raio próximo ao limite da janela, sua velocidade mudará de módulo, alterando a direção d...

Círculo que "quica" na tela. ORIENTAÇÕES: - Criar um programa que desenhe na tela um círculo em posição inicial aleatória. - Utilizar como cor interna do círculo uma variável do tipo color. - Fazer com que o círculo se mova nos eixos x e y de forma uniforme. - Faça com que toda vez que o programa for executado o círculo se mova em velocidade diferente. - Faça com que o círculo possa se mover para frente ou para trás, para cima ou para baixo - Imprima no console a posição x e y do círculo a cada frame. EXECUÇÃO: - Define-se primeiro o tamanho da tela, na função setup, para que possa criar as variáveis seguintes com base em seu tamanho. - Criam-se as variáveis do tipo inteiro que serão as posições iniciais do círculo e seus incrementos. Cria-se a variável do tipo cor por meio da definição no sistema RGB. Estas foram criadas fora das funções Setup e Draw por terem características globais. - Dentro da função Setup atribuem-se os valores para as funções Posição...

- Inicia-se com a definição do tamanho da tela (500x300 px); - Define o plano de fundo na cor preta; - Desenham-se as linhas: Magenta central, posição inicial = (0,0),  final = (200,299); Magenta superior esquerdo, posição inicial = (3,25), final = (100,180); Ciano direito, posição inicial = (10,0), final = (210, 299); Ciano inferior esquerdo, posição inicial =  (100,180),  final= (180,299); - Desenham-se os quadrados: De contorno ciano, preenchimento magenta, tamanho 50px, posição (30, 200); De contorno e preenchimento ciano, tamanho 20px, posição (80, 260); De contorno e preenchimento ciano, tamanho 10px, posição (10, 180); - Desenham-se os elipses: De contorno ciano, preenchimento magenta, diâmetro 30px, posição (200, 50); De contorno ciano, preenchimento magenta, diâmetro 20px, posição (140, 40); De contorno magenta, preenchimento ciano, diâmetro 10px, posição (120, 80); - Desenham-se os triângulos: Contorno magenta, preenchimento c...