P5 Editor

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.

Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor. P5 Tool by ShrineFox. (updated) New version of BustupParamEditor that allows you to change the values for X and Y positioning of the mouth, eyes, or the entire bustup. You can also add/rename entries, create new bustup.bin files, and repack edited images back into P5's bustup.bin format. P5.js Editor v0.6.2The latest files of the abandoned offline p5.js compiler. In this video, I talk about p5.js. What can you do with it? Where did it come from? What is its relationship with Processing? P5.js is both a li.

EditorEditor

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

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 our 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.

Get Involved

P5 Editor Log In

There are many ways to contribute to p5.js:

P5 Editor Login

Involvement Options