Duas bolas - Distancias e geometria

Criando dois círculos que mudam de cor quando o mouse passa por eles, usando distancia2D().

Segue o código comentado:

Um possível resultado:

A da Braun

Criando o A da marca Braun, oscilando seu tamanho.

Abaixo, a referência utilizada:

Segue abaixo o código comentado:

O resultado final:

Lançamento balístico - Framerate e tempo real

A atividade proposta foi: aumentar o framerate do simulador de lançamento balístico criado em sala de aula para 10 fps, e deixar o simulador em tempo real.
No Processing, a função frameRate() determina quandas vezes por segundo algo no draw() será executado. O default do processing é de 60 fps.

Alterando o framerate para 10 fps, devemos dividir o incremento de tempo por 10 também, para que ao se passar 1 segundo na simulação seja adicionado o total de 1 na variável de tempo dela, deixando a simulação em tempo real.

O lançamento balístico é a associação de dois movimentos: um movimento MRU no eixo x e um movimento MRUV no eixo y.
Segue abaixo o código comentado:

O resultado final, com velocidade horizontal = 30, Velocidade vertical = 100 e aceleração vertical = -10 (gravidade da terra):

Simulador MRU - Colocando cores

A atividade proposta foi adicionar cores ao simulador de MRU, seguindo alguma harmonia cromática.
Optei por uma Harmonia cromática de contraste: com cores bem distintas, é fácil distinguir o fundo das linhas e da bolinha. Fundo preto, linhas verdes e bola branca.
Nas imagens abaixo, temos o código comentado:

O resultado final é esse:

MousePress - Brincando com os exemplos do Processing

A atividade proposta foi que fosse escolhido um dos exemplos do processing e o mesmo fosse estudado e modificado. O exemplo que eu escolhi foi o seguinte:

O exemplo serve para explicar que alterações podem ser feitas quando algum botão do mouse é pressionado (mousePressed).

 

Nessa parte específica do código, temos uma estrutura de repetição (IF) no draw (que repete a ação nele infinitas vezes, como um motor). Caso o botão do mouse esteja pressionado (IF (mousePressed)) a cor das linhas geradas (o stroke) é mudada para branco (255). Senão (else), para preto (0).

Essas linhas de código fazem com que uma cruz seja gerada na posição do mouse. Se o botão estiver apertado, cruz branca. Senão, preta. A execução do programa fica dessa forma:

Abaixo temos o código alterado por mim:

A modificação está na linha 18, no stroke(). Ao invés de colocar um valor físico e monocromático, fiz com que recebesse 3 valores (RGB): o primeiro varia de acordo com a posição X do mouse, o segundo varia de acordo com a posição  do mouse, e a terceira é um valor randômico de 0 a 255.

A execução do programa fica dessa forma:

Animação recortada - Pato (?) + Exagero + Squash

Squash and Stretch - Pula, bolinha, pula...

O título diz tudo e-e

Mais GIF's - Motion Tween, Skew e Ease

Parece um Pikachu, não?

As esferas chegam no fim ao mesmo tempo.

Meu primeiro gif - Está vivo!!

Tá meio errado mas vive.