Tutoriais

https://vvcestudio.com.br/pt/tutorial/javascript/p5/

menu

p5.js

O que é p5.js?

É uma biblioteca JavaScript para codificação criativa, com foco em tornar a codificação acessível e inclusiva para artistas, designers, educadores, iniciantes e qualquer outra pessoa! O p5.js é gratuito e de código aberto porque acreditamos que o software e as ferramentas para aprendê-lo devem ser acessíveis a todos.

Site : https://p5js.org/

Usando a metáfora de um esboço, p5.js tem um conjunto completo de funcionalidades de desenho. No entanto, você não está limitado à sua tela de canvas(Incluindo 3D). Você pode pensar em toda a página do navegador como um esboço, incluindo objetos HTML5 para texto, entrada, vídeo, webcam e som.

Junte-se ao Discord p5.js!

Start creating with the p5 Editor!
Community
Somos uma comunidade de, e em solidariedade com, pessoas de todas as identidades e expressões de gênero, orientação sexual, raça, etnia, idioma, neuro-tipo, tamanho, deficiência, classe, religião, cultura, subcultura, opinião política, idade, habilidade nível, ocupação e histórico. Reconhecemos que nem todos têm tempo, meios financeiros ou capacidade para participar ativamente, mas reconhecemos e incentivamos o envolvimento de todos os tipos. Facilitamos e promovemos o acesso e a capacitação. Todos nós somos aprendizes.
p5.js é uma interpretação do Processing para a web de hoje. Realizamos eventos e operamos com o apoio da Processing Foundation.

Aprenda mais sobre a comunidade p5.

Get Started
Faça seu primeiro esboço no Editor p5.js. Saiba mais sobre como esboçar com p5.js na página Primeiros passos e tudo o que você pode fazer na Referência.

Exemplo de código p5.js

x

function setup() {
createCanvas(displayWidth, displayHeight, WEBGL);
}

function draw() {
background(250);
normalMaterial();
rotateX(accelerationX * 0.01);
rotateY(accelerationY * 0.01);
box(100, 100, 100);
}