p5.js

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

p5.js is a free and open-source JavaScript library for accessible creative coding. It is a nurturing community, an approachable language, an exploratory tool, an accessible environment, an inclusive platform, welcoming and playful for artists, designers, educators, beginners, and anyone else!

function setup() {   createCanvas(400, 400);   background(255); } function draw() {   circle(mouseX, mouseY, 80); }

Get Started — Reference — Tutorials — Examples — Libraries — Forum — Discord

About

p5.js is built and organized to prioritize accessibility, inclusivity, community, and joy. Similar to sketching, p5.js has a full set of tools to draw. It also supports creating audio-visual, interactive, experimental, and generative works for the web. p5.js enables thinking of a web page as your sketch. p5.js is accessible in multiple languages and has an expansive documentation with visual examples. You can find tutorials on the p5.js website and start coding right now in the p5.js web editor. You can extend p5.js with many community-created libraries that bring different capabilities. Its community provides endless inspiration and support for creators.

p5.js encourages iterative and exploratory code for creative expression. Its friendly, diverse community shares art, code, and learning resources to help elevate all voices. We share our values in open source and access for all, to learn, create, imagine, design, share and code freely.

Community

The p5.js community shares an interest in exploring the creation of art and design with technology. 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, caste, religion, culture, subculture, immigration status, age, skill level, occupation, and background. We stand in solidarity with justice and liberation movements. We work to acknowledge, dismantle, and prevent barriers to access p5.js code and the p5.js community.

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.

Issues

If you have found a bug in the p5.js library or want to request new features, feel free to file an issue! See our contributor guidelines for a full reference of our contribution process. A set of templates for reporting issues and requesting features are provided to assist you (and us!). Different parts of p5.js are in different repositories. You can open an issue on each of them through these links:

p5.js — p5.js website —- p5.js web editor

p5.js is maintained mostly by volunteers, so we thank you for your patience as we try to address your issues as soon as we can.

Get Started for Contributors

p5.js is a collaborative project with many contributors, mostly volunteers, and you are invited to help. All types of involvement are welcome. See the contribute for more in-depth details about contributing to different areas of the project, including code, bug fixes, documentation, discussion, and more.

A quick Getting Started with the Build and setting up the repository could be found here.

Stewards

Stewards are contributors who are particularly involved, familiar, or responsive to certain areas of the project. Their role is to help provide context and guidance to others working on p5.js. If you have a question about contributing to a particular area, you can tag the listed steward in an issue or pull request. They may also weigh in on feature requests and guide the overall direction of their area, with the input of the community. You can read more about the organization of the project in our p5.js Contributor Guidelines and p5.js Steward Guidelines.

Anyone interested can volunteer to be a steward! There are no specific requirements for expertise, just an interest in actively learning and participating. If you’re familiar with or interested in actively learning and participating in some of the p5.js areas below, please reply to this issue mentioning which area(s) you are interested in volunteering as a steward! 👋👋👋

p5.js was created by Lauren Lee McCarthy in 2013 as a new interpretation of Processing for the context of the web. Since then we have allowed ourselves space to deviate and grow, while drawing inspiration from Processing and our shared community. p5.js is sustained by a community of contributors, with support from the Processing Foundation. p5.js follows a rotating leadership model started in 2020, and Qianqian Ye has been leading p5.js since 2021. Learn more about the people behind p5.js.

Current Lead/Mentor

• @qianqianye - p5.js Lead，2021-present
• @limzykenneth - p5.js Mentor，2023-present

Lead/Mentor Alumni

• @lmccart- p5.js Creator
• @outofambit - p5.js Co-Lead 2021-22, Mentor 2022-2023
• @mcturner1995 - p5.js Lead 2020

Area	Steward(s)
Overall	@qianqianye
Accessibility	@calebfoss, @cosmicbhejafry, @apoorva-a98, @tedkmburu, @Zarkv, @SkylerW99, @itsjoopark, @hannahvy, @nhasalajoshi
Color	@paulaxisabel, @SoundaryaKoutharapu, @mrbrack, @TJ723, @Zarkv, @SkylerW99, @ramya202000, @hannahvy, @robin-haxx, @hiddenenigma
Core/Environment/Rendering	@limzykenneth, @davepagurek, @ChihYungChang, @teragramgius, @tuminzee, @Zarkv, @robin-haxx, @Gaurav-1306
Data	@angelabelle, @shahankhatch, @TanviKumar, @SkylerW99, @nhasalajoshi
DOM	@SarveshLimaye, @SoundaryaKoutharapu, @ramya202000, @BamaCharanChhandogi, @Obi-Engine10, @MarceloGoncalves, @hiddenenigma
Events	@limzykenneth, @richardegil, @angelabelle, @littlejacinthe, @TanviKumar, @tuminzee
Image	@cgusb, @albertomancia, @ramya202000, @hannahvy, @robin-haxx
IO	@limzykenneth, @Pritam1136, @shahankhatch, @TanviKumar, @jeanetteandrews
Math	@limzykenneth, @ericnlchen, @ChihYungChang, @bsubbaraman, @albertomancia, @JazerUCSB, @tedkmburu, @perminder-17, @Obi-Engine10, @jeanetteandrews
Typography	@dhowe, @paulaxisabel, @SarveshLimaye, @SkylerW99, @BamaCharanChhandogi, @Obi-Engine10, @hannahvy, @singshris, @hiddenenigma
Utilities	@limzykenneth, @glopzel
WebGL	@davepagurek, @aferriss, @aceslowman, @ShenpaiSharma, @ChihYungChang, @teragramgius, @JazerUCSB, @richardegil, @itsjoopark, @Gaurav-1306, @jeanetteandrews
Internalization	@limzykenneth
Friendly Errors	@richardegil, @itsjoopark, @hannahvy, @bisabi-01, @singshris
Contributor Docs	@limzykenneth, @asukaminato0721, @SoundaryaKoutharapu, @richardegil, @hannahvy, @bayomayo
p5.sound	@miguellacorte, @JazerUCSB, @angelabelle, @littlejacinthe, @hannahvy, @glopzel, @singshris, @jeanetteandrews
Build Process/Unit Testing	@limzykenneth

Contributors

We recognize all types of contributions. This project follows the all-contributors specification and the Emoji Key ✨ for contribution types. Instructions to add yourself or add contribution emojis to your name are here. You can also post an issue or comment on a pull request with the text: @all-contributors please add @YOUR-USERNAME for THINGS (where THINGS is a comma-separated list of entries from the list of possible contribution types) and our nice bot will add you.

Lauren McCarthy	Jason Sigal	Karen	Evelyn Eastmond	Daniel Shiffman	Casey Reas
Ben Fry	Kenneth Lim 🐛 💻 📖	kate hollenbach	Stalgia Grigg	Jerel Johnson	Saksham Saxena
saber khan	Daniel Howe	Kevin Siwoff	Atul Varma	Jess Klein	uno seis tres
susan evans	Saskia Freeke	Phoenix Perry	jesse cahn-thompson	Lee T	Chelly Jin
L05	DIYgirls	lam802	Maya Man	Tega Brain	luisaph
AlM Chng	aarón montoya-moraga	Cassie Tarakajian	Niklas Peters 📖 ✅	Mathura MG	Yining Shi
Jen Kagan	Jiashan Wu	Marc Abbey	K.Adam White	Eden Cridge 💻 🐛 👀 ⚠️	Michael Hadley
Todd H. Page	Jared Sprague 💻 📖 💡 💵 ⚠️ 🐛	evelyn masso	Blaize Kaye	Sanchit Kapoor	Oliver Wright
Matthew Kaney	Spongman	Claire K-V	R. Luke DuBois	Kevin Barabash	codeanticode
Bob Holt	Sarah Groff Hennigh-Palermo	Jordan Shaw	brightredchilli	Derek J. Kinsman	harkirat singh
GoToLoop	Max Goldstein	XY Feng	Sparsh Paliwal	Austin Cawley-Edwards 📖 💡	taseenb
Yannick Assogba	John Pasquarello 💻	Kevin Workman 📖	gauini	David Wicks	Guillermo Montecinos
Shawn Van Every	Sinan Ascioglu	Abe Pazos	Char	Gene Kogan	Jason Mandel
Mark Russo	Jonathan Dahan	Darius Morawiec	Darby Rathbone	hrishit	Chiun Hau You
Francesco Bigiarini	Fabian Morón Zirfas	Mike Anderson	Mikael Lindqvist	Chris	Max Segal
Tyler Stefanich	Dave	Xavier Snelgrove	Gareth Battensby	Taeyoon Choi	AKASH RAJ
Kevin Ho	Harsh Agrawal	Luca Damasco	Sam Lavigne	Epic Jefferson	Caroline Record
Christine de Carteret	Chris Hallberg	David Newbury	piinthecloud	Paolo Pedercini	Jason Alderman
Jennifer Jacobs	Sepand Ansari	Val Head	Emily Chen	Ben Moren	Rune Skjoldborg Madsen
Scott Murray	Scott Garner	b2renger	Craig Pickard	mxchelle	Zach Rispoli
Liu Chang	Cristóbal Valenzuela	Miles Peyton	Golan Levin	feedzh	Shahriar Rahman Rubayet
Chiciuc Nicușor	Ken Miller	Chandler McWilliams	Jaymz Rhime	Niels Joubert	Utkarsh Tiwari
Arihant Parsoya	Brad Buchanan	Johan Karlsson	Andy Timmons	zacharystenger	Brian Boucheron
sortasleepy	Kyle McDonald	Antonio Jesús Sánchez Padial 💻	Brad Smith	Vítor Galvão	Devon Rifkin
Emily Xie	Boris Bucha	Petr Brzek	Ramin	Arsenije Savic	Luke Burgess-Yeo
Sun Lifei	naoyashiga	Jimish Fotariya	Jorge Moreno 🐛 💻 📖	Steven Green	Marcus Parsons
Nick Yahnke	Anthony Su	kroko / Reinis Adovičs	Robyn Overstreet	Ben Hinchley	Max Kolyanov
Zeno Zeng	Seth	plural	Lionel Ringenbach	Harshil Goel	Joshua Storm Becker
maxdevjs	trych	Alejandra Trejo	Prashant Gupta	Kai-han Chang	kjav
maddy	Christopher Coleman	Boaz	Yasai 📝	Jay Gupta	Nitish Bansal
Caroline Hermans 💡 📖	Faith Wuyue Yu	Aatish Bhatia 📖 🐛	Mislav Milicevic 💻 🐛	Yuting Lu 📖	Adil Rabbani 💻 🐛 💡
Pierre Krafft 🐛 💻 📖 💡 👀 ⚠️ 🔧	Zoë Ingram npm i p5 Source Code github.com/processing/p5... Homepage github.com/processing/p5.js#... Metadata LGPL-2.1 Whatever Unknown released 9/25/2024 Downloads Maintainers p5.js stalgiag outofambit lmccart qianqianye