Postagens

Mostrando postagens de setembro, 2017

Atividade 6 - Bandeira do Brasil com rectMode e ellipseMode

Imagem
O objetivo da atividade é criar uma aplicação que desenhe na tela a bandeira do Brasil de acordo com as especificações da Lei Federal N° 5.700. O objetivo final deverá ficar parecido com isso: Para iniciar a aplicação, criaremos a função desenhaBandeiraBrasil(), que receberá como paramêtros a posição x, posição y e a largura da bandeira. Para trabalharmos as dimensões da bandeiras, é necessário entender a ideia dos módulos referentes à Lei Federal N° 5.700: Dentro da função, criei a variável módulo que será a medida principal para a construção da bandeira. A variável módulo recebe a largura (que foi passada como parâmetro) divida por 20 (pois a mesma equivale à 20 módulos). Após isso, chamo a função noStroke() para retirar as bordas de todas as figuras que serão desenhadas. Também criei uma variável que calcula a altura, que é calculada pelo produto da largura 14 vezes. O primeiro a ser desenhado é o retângulo, para isso defino sua cor chamando a função  fill(...

Atividade 5 - Movimento Balístico em bolinha

Imagem
A atividade proposta trata-se de desenvolver uma aplicação que simule uma bolinha pulando, aplicando os conceitos do movimento balístico. A trajetória final da bolinha deve ficar parecida com esta: A locomoção da bolinha se dá através do movimento balístico, que se baseia no cálculo do MRU horizontal (movimento retilíneo uniforme) e do MRUV vertical (movimento retilíneo uniformemente variado). Para iniciar a aplicação, criaremos a função para calcular o valor do MRU, que recebe como parâmetros a velocidade horizontal e o tempo da bolinha. A função retorna o resultado da equação que define o MRU, que é:   d = v * t Agora criaremos a função do MRUV, que recebe como parâmetros a velocidade vertical, a aceleração e o tempo. A função retorna o resultado da equação que define o MRUV, que é:   d = v * t + a * t * t / 2 Depois criaremos a função lancamento() que será a responsável por retornar os valores do MRU e MRUV respectivamente dentro de um array de duas ...

Atividade 4 - Usando MRU em corrida de carros

Imagem
A ideia da atividade é gerar uma aplicação que simule uma disputa de carros (retângulos) com cores e velocidades diferentes, utilizando MRU (movimento retilíneo uniforme) e mostrando no final o vencedor. A estrutura final da aplicação é parecido com isto: De início, é necessário criar um vetor de 20 posições que representará a velocidade de cada carro. Na função setup() preenchi o vetor com valores aleatório dentro de um laço for(). Criei também um vetor para guardar as posições verticais dos carros, e o preenchi na função setup() em um intervalo de 30px entre cada carro. Para calcular o MRU, criei uma função que recebe a velocidade e tempo como parâmetro e retorna o deslocamento (a produto entre eles). Criei a função carro que recebe a velocidade, a posição y , e o tempo como parâmetro. Chamei a função  fill() recebendo valores aleatórios para pintar os carros com cores diferentes. Após chamo a função rect() para desenhar o carro. A função recebe o MRU do carro n...

Atividade 3 - Aplicação de gerar blocos com círculos

Imagem
O exercício proposto é criar uma aplicação no Processing que simule a obra  Farbstudie Quadrate de  Wassily Kandinsky. A ideia é gerar blocos com círculos em cores diferentes, na quantidade exigida pelo usuário através de duas sliders.  Segue as imagens da aplicação funcionando: Primeiramente, para ser possível a utilização das sliders, é necessário adicionar a biblioteca controlP5 ao processing. A biblioteca pode ser adicionar através do menu S ketch > Importar Biblioteca > Adicionar Biblioteca, após isso pesquise por controlP5 e clique em instalar. Dando início a aplicação, já com a biblioteca importada, criei a função bloco, que será responsável por desenhar os blocos que conterão os círculos. Essa função recebe como parâmetro as posições x e y , e o tamanho do quadrado. Dentro da função bloco, chamei a função fill() recebendo parâmetros aleatórios para pintar os quadrados com cores distintas. Depois usei a função rect() para desenhar o b...

Atividade 2 - Uso do Debug no Processing

Imagem
Debug é uma ferramenta do processing de auxílio ao desenvolvedor. Ele possibilita a visualização de tudo que está ocorrendo por trás da aplicação, facilitando assim, a busca por possíveis erros para solucioná-los. O Debug pode ser ativado no símbolo de uma borboleta localizado no canto superior direito da IDE do processing, ou no menu Debug > Enable Debugger. Ao ativá-lo, o programador tem a opção de pontos de interrupção no código para que a aplicação pare durante a execução no local marcado. Pode ser marcado múltiplas linhas, dependendo da necessidade do desenvolvedor. Para marcar um ponto de interrupção, basta selecionar a linha desejada e acionar o atalho Ctrl+B ou pelo menu Debug > Toggle Breakpoint. Ao marcar a linha, aparecerá um  losango ou o símbolo < > , dependendo da versão da IDE. Quando o Debug é acionado, é aberto uma janela na qual o programador pode ficar acompanhando os valores das variáveis existentes no código, por base em cada ponto de in...