Lưu Câu Chuyện Instagram

What happens when we open up our @p5xjs sketches to the parallel power of the GPU?

In this tutorial, @juanrg92 explores p5.strands––a new beginner-friendly way of writing shaders in p5.js v2. He demonstrates how to shift the heavy lifting of your sketches from the CPU to the GPU, rendering thousands of objects simultaneously and smoothly. 

🔗 Link in bio to watch the tutorial
This tutorial is produced in partnership with the Tezos Foundation @tezos

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.

25 cities are on the map, yours could be one of them!

One month left to register your city for Processing Community Day. The deadline is June 30, 2026!

This October, communities around the world are celebrating 25 years of creative coding. Host a beginner workshop, organize a meetup, give a talk, show projects, make art together, or just hang out and code.

Every PCD is different because every community is different!

🔗 Link in bio to find your local PCD or start your own

‘sin fin’ (Endless) is a meditation on our constant transformation, inviting us to value intuition and error as fundamental parts of the creative journey. 

@juanrg92 is a generative artist, teacher, and student who treats code as a medium for artistic creation. His practice is built on the fundamental principles of design and programming, viewing the creative process as an endless cycle of transformation and learning.

Using p5.strands, the latest feature on p5.js v2, @juanrg92 replicates a single geometry through multiple instances and modifies parameters like position and color––demonstrating how simple rules can produce complex visual results. 
🔗 Check out ‘sin fin’ on Bootloader – link in bio. 

Juan’s tutorial on p5.strands drops tomorrow – stay tuned!

Produced in partnership with the Tezos Foundation and Bootloader, a generative art platform on @tezos.

#p5v2

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! 🌸

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! 🌸

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! 🌸

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! 🌸

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

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

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

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

📣 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: www.eyesofpanda.com/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!)