Tutorials

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

menu

p5.js

O que é p5.js?

Is a JavaScript library for creative coding, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else! p5.js is free and open-source because we believe software, and the tools to learn it, should be accessible to everyone.

Site : https://p5js.org/

Using the metaphor of a sketch, p5.js has a full set of drawing functionality. However, you’re not limited to your drawing canvas(Including 3D). You can think of your whole browser page as your sketch, including HTML5 objects for text, input, video, webcam, and sound.

Join the p5.js Discord!

Start creating with the p5 Editor!
Community
We are a community of, and in solidarity with, people from every gender identity and expression, sexual orientation, race, ethnicity, language, neuro-type, size, disability, class, religion, culture, subculture, political opinion, age, skill level, occupation, and background. We acknowledge that not everyone has the time, financial means, or capacity to actively participate, but we recognize and encourage involvement of all kinds. We facilitate and foster access and empowerment. We are all learners.
p5.js is an interpretation of Processing for today's web. We hold events and operate with support from the Processing Foundation.

Learn more about the p5 community.

Get Started
Make your first sketch in the p5.js Editor. Learn more about sketching with p5.js on the Get Started page and everything you can do in the Reference.

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);
}