p5.js

p5.js 2.1 and 2.2 are out!  The releases build directly on the work introduced in 2.0 and emphasize fixes on stability and infrastructure improvements that make future development possible.  What makes these releases special: ~50 people contributed across code, testing, reviews, documentation, and stewardship and p5.js has now had more than 800 people contribute over its 10+ year lifespan!  p5.js is built and maintained by a global community of contributors and stewards. As one contributor shared: “Even small efforts – a bit of time, a helpful comment, a shared resource – can make a real difference.” Thank you to everyone who continues to contribute to and sustain the project.  🔗 Read the full release overview on Medium (link in bio) 💬 Connect with the contributor community on the p5.js Discord server: https://discord.gg/JBgYKG9B9N

What really shapes a bézier curve? In this @p5xjs tutorial, Licia He @blahblahpaperblah takes a closer look. She unpacks the math behind how bézier curves work as parametric systems, demonstrates three distinct ways to construct them, and shares her personal approach to defining control points. If you’re working with bézier curves in p5.js, this tutorial will give you a clearer mental model of how they behave. This tutorial is part of our ongoing series exploring how to build with p5.js 2.0+. 🔗 Check it out and start exploring with the example sketch — link in bio.

How to bridge the gap between simple shapes and complex generative systems? In this @p5xjs tutorial, @tamamoyre explores the core principles of building organic, expressive sketches. She breaks down the difference between random and noise, dives into coordinate transformations, and experimented with the updated color modes in the latest version of p5.js. If you’re looking to move beyond static drawings and start designing flexible, living systems, this tutorial provides a clear roadmap for your practice. This tutorial is part of our ongoing series in partnership with the Tezos Foundation, exploring how to create with p5.js 2.0+. 🔗 Check it out and start exploring with the example sketch – link in bio.

We love seeing @p5xjs projects in museums! As part of @themuseumofmodernart MoMA Artist Party: Marcel Duchamp, artist Carrie Sijia Wang @carrie_re7l used #p5js to create a participatory writing activity turning audience-submitted texts into a living system.  In “Index and Remix,” words are deconstructed and reassembled based on frequency and probability, while #p5js animates an ever-shifting stream of language where individual voices dissolve into patterns of collective expression.  Tag @p5xjs in your posts, we’d love to showcase more work from the #creativecoding community! 🌸

In March, the 2025 Processing Foundation Fellowship project “Call/Code/Response” premiered at @musiccenterla !   Created by Ana C, @paytoncroskey , and @jiwonhaam , “Call/Code/Response” used p5.js to explore how creative coding can expand into live performances by drawing on hip-hop, slam poetry, and call-and-response traditions. Attendees also interacted with the artists’ custom p5.js tool hands-on at a live workstation. Thank you to everyone who came out and engaged with the work. Huge thanks to @futureofnonfiction for the invitation. 🔗 Watch “Call/Code/Response” through the link in our bio

📣 p5.js 2.0 Artist Series Drop #2: Featuring Tamara Moura Costa Tamara is a generative artist based in Buenos Aires who works primarily with computational processes, exploring visuals, code, and electronics. From live performances to physical installations, her practice is consistently guided by a sense of curiosity, play, and nature. In this release, ‘Transiciones Latentes’, Tamara explores the delicate balance between structure and spontaneity. What began as a playful sketch of tiny flowers evolved into a sophisticated exploration of tonal relationships, rhythmic textures, and the dialogue between different directions and shapes. In her tutorial, Tamara breaks down the core building blocks of generative systems in p5.js 2.0+. She demonstrates the fundamental differences between random vs. noise, the logic behind coordinate transformations, and how to utilize the new color spaces available in the latest version of p5.js. Alongside the tutorial, she releases her project on Bootloader, inviting collectors to explore a playful, ever-evolving atmosphere where formal structure meets unpredictable generative outcomes. 🔗 Check out her tutorial and view her release on Bootloader – link in bio. Produced in partnership with the Tezos Foundation and Bootloader, a generative art platform on @tezos

📣 p5.js 2.0+ Artist Series Drop #1: Featuring Licia He @blahblahpaperblah Licia He is a generative artist dedicated to creating artistic expressions through technological innovations. Through her research and artworks, she explores ways to record and present information around her. In this release, Licia explores Bézier curves in p5.js 2.0+ through her project ‘DearPlotter Font Generator’: a generative stroke font-making algorithm designed for pen plotters, CNC users, and creative coders. In the tutorial, Licia breaks down what a Bézier curve is, how parametric curves work, and demonstrates three different ways to construct Bézier curves, including a native-p5.js 2.0+ approach. Alongside the tutorial, she releases ‘DearPlotter Font Generator’ on EditArt created as a thank-you letter to the creative coding, pen plotter, and creative fabrication communities that inspire her work. 🔗 Check out her tutorial and view her release on EditArt – link in bio. 🔗 Project website: /project/dearplotter_font Produced in partnership with the Tezos Foundation and EditArt, a generative art platform on @tezos .

📣 NEW p5.js 2.0+ Artist Series begins next week A five-part series in partnership with the Tezos Foundation brings together generative artists working with p5.js 2.0+, to create tutorials and new releases on EditArt, a generative art platform. Over the next five months, artists will share how they build with p5.js 2.0+, exploring features like bézier curves, dynamic typography, new color modes, p5.strands, and more. Each release includes: • A focused tutorial exploring a core p5.js 2.0+ capability • A new generative project on EditArt developed alongside the tutorial The first tutorial drops Monday, March 2. Stay tuned and follow us @processingorg , EditArt, and @artontezos for updates. Visuals created with p5.strands by @pattvira

We’re heading to FOSDEM this weekend!  Moon Davé (@softmoonworld ), Processing Project Lead, and Raphaël de Courville (@sableraph ), Processing Community Lead, will be presenting a talk on how the landscape for learning to code has shifted dramatically and the new questions this moment raises. Can we re-imagine coding tools in ways that preserve learner agency, curiosity, and critical thinking? We’ll share what we’re learning as stewards of Processing and how these efforts invite us to rethink creative coding’s role in the future of computer science education. If you’re attending #FOSDEM, we’d love to connect! Come say hi 😄 (Check link in bio for talk info!)

In 2025, the Processing Foundation marked its 13th year participating in Google Summer of Code, supporting three outstanding contributor projects that improve the p5.js ecosystem. Each project was supported by mentors and culminated in merged code and a public presentation at Open Assembly. Slide 1: Mentors at the GSoC Mentor Summit (from left to right: Tristan Espinoza, Kit Kuksenok, and Diya Solanki) Slides 2–4: 💜 Kamakshi Bali
Project: Context-Aware Autocomplete and Navigation for the p5.js Editor Mentors: Diya Solanki and Tristan Espinoza 💜 Divyansh Srivastava
Project: Translation Mapping and Accessibility for p5.js Mentor: Kit Kuksenok 💜 Ego Nwaekpe
Project: p5.js Sketch Embed Tool for Blogs and Websites Mentor: Dora Do 🔗 Read the full wrap-up: bit.ly/4qNtbpP (link in bio 💌) 🎥 Watch presentations at openassembly.processingfoundation.org

Last month, LIVE FROM LA premiered through a collaboration between @theunusualsus , @noeasypropsorg , @streetpoetsinc , @versastylela , and the Processing Foundation’s Extended Reality Fellowship. The performance follows a group of teens who rally their community to save a beloved cultural center from gentrification in a Latino neighborhood of Los Angeles. Fellows Payton Croskey, Jiwon Ham, and Ana C. developed the projections and tools using @p5xjs to support the performance. Their work grew through an evolving script, a unique outdoor site, and collaboration across five partner groups, resulting in a collective approach to creative technology and youth storytelling. Check out their presentation at Open Assembly to learn more about the process: #creativecoding #p5js #opensource

Support p5.js, Processing, and the future of creative coding! This Giving Tuesday, December 2, help @p5xjs @processing_core stay free, open, and accessible for artists, students, and educators worldwide. Your gift powers software updates, educational programs, and global community initiatives that empower the next generation of creative coders. 💜 Donate now: /donate Every donation counts—and many employers offer matching gifts to double your impact! #GivingTuesday #OpenSource #CreativeCoding #p5js #Processing