P5JS

Alguns códigos em P5.js.
Programei essas simulações simples enquanto estudava esse tema pela primeira vez.

Como usar

Para testar os códigos, fazer alterações, visualizar as simulações, etc, basta:

• Baixar os projetos aqui
• Descompactar o arquivo
• Navegar pelas pastas, escolhendo o projeto que deseja testar
• Abrir o arquivo index.html relativo ao projeto que deseja ver em seu navegador

Temas abordados em cada simulação

As descrições a seguir estão em ordem de complexidade, do projeto mais simples até o mais complexo. Assim, é possível perceber uma cronologia no aprendizado dos conceitos.

Chuva

Simulação de chuva

Uma simples simulação de chuva infinita.
Primeira experiência que eu tive com controle de bordas da tela.

Explosão

Simulação de fogos de artifício

Ao clicar na tela, ocorre uma espécie de explosão de fogos de artifício no local.
Foi interessante pra testar o controle de múltiplas partículas.

Vetor

Visualização da soma e da subtração entre vetores

Uma simples visualização de 2 vetores sendo somados e subtraídos, sendo possível manipular 1 deles através do mouse.
Me ajudou na percepção dos vetores no espaço, já que esse assunto era bastante novo pra mim.

Nuvem

Simulação de um céu com núvens

Um céu azul com nuvens brancas passando.
Primeira experiência com "Perlin Noise".

Ondas

Traça uma linha pontilhada com "ruído" na tela

Experiência simples pra continuar treinando "Perlin Noise".

Senóides

Visualização das funções seno e cosseno

O objetivo era visualizar um pouco o comportamento das funções seno e cosseno alterando os argumentos dentro do código.
Se ficar interessando, recomendo testar diferentes argumentos nos lugares sinalizados no código.

Steering

Simula uma espécie de perseguição mais orgânica e realista

O objetivo era fazer a bola seguir o mouse de uma maneira menos "dura" e robotizada.
Foi a minha maneira de testar os conceitos de "Steering Behaviors" que eu andava estudando.
Se tiver interesse, o Daniel Shiffman tem uma playlist (https://youtu.be/4zhJlkGQTvU) e um livro (https://natureofcode.com/book/chapter-6-autonomous-agents/) abordando tudo sobre esse assunto.

Ameba

Tenta simular um movimento através do lançamento de tentáculos

Quanto mais longe o mouse fica da "ameba", mais tentáculos ela lança para se deslocar para o local, o que prejudica sua precisão.

Snake

Uma espécie de releitura do jogo "snake"

Primeira tentativa de jogo.
Foi importante pra treinar alguns conceitos de movimentação através do teclado e de gravação de histórico (pra guardar as posições anteriores da cobra e desenhar o corpo).