p5.js Editor

Welcome! 👋👋🏿👋🏽👋🏻👋🏾👋🏼

The p5.js Editor is a website for creating p5.js sketches, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else! You can create, share, or remix p5.js sketches without needing to download or configure anything. It is designed with beginners in mind, limiting features and frills. The editor is free and open-source because we believe software, and the tools to learn it, should be accessible to everyone.

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, ability, 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.

The p5.js Editor is a collaborative project created by many individuals, mostly volunteers, and you are invited to help. All types of involvement are welcome. See the community section to get started! You can also check out the contributor docs for more in-depth details about contributing to different areas of the project, including code, bug fixes, documentation, discussion, and more.

Learn more about our community and read our community statement and code of conduct. You can directly support our work with p5.js by donating to the Processing Foundation.

Get Started

Make your first sketch in the p5.js Editor! Learn more about sketching with p5.js on the Get Started and find everything you can do in the Reference. You can also look at examples and remix them in the p5.js Editor.

Setting Up the Development Environment

• Refer to this documentation for setting up your environment

Issues

If you have found a bug in the p5.js Web Editor, you can file it under the "issues" tab. You can also request new features here. A set of templates for reporting issues and requesting features are provided to assist you (and us!). The p5.js Editor is maintained mostly by volunteers, so we thank you for your patience as we try to address your issues as soon as we can. Please post bugs and feature requests in the correct repository if you can:

• p5.js library: https://github.com/processing/p5.js/issues
• p5.accessibility: https://github.com/processing/p5.accessibility/issues
• p5.sound: https://github.com/processing/p5.js-sound/issues
• p5.js website: https://github.com/processing/p5.js-website/issues

Acknowledgements

Support for this project has come from Processing Foundation, NYU ITP, CS4All, NYC DOE, COSA at DU, STUDIO for Creative Inquiry, Grant for the Web, New Media Rights, and many others.

Hosting and technical support has come from: