November 5, 2026 at 8:01 PM
Clouds demo running on the BITBAS Creative Coding Cartridge for the 8-Bit Nintendo Famicom, a homage to Cory Archangel's game art masterwork. BITBAS is influenced by Basic, @p5xjs, and Csound. Includes a detailed manual with code listings in English and Japanese.
➡️ kierannolan.com/bitbas
➡️ kierannolan.com/bitbas
October 2, 2026 at 12:30 PM
Clouds demo running on the BITBAS Creative Coding Cartridge for the 8-Bit Nintendo Famicom, a homage to Cory Archangel's game art masterwork. BITBAS is influenced by Basic, @p5xjs, and Csound. Includes a detailed manual with code listings in English and Japanese.
➡️ kierannolan.com/bitbas
➡️ kierannolan.com/bitbas
built a modern server-side video renderer for p5.js sketches @p5xjs
info site: jamiew.github.io/p5js-render/
source code: github.com/jamiew/p5js-...
info site: jamiew.github.io/p5js-render/
source code: github.com/jamiew/p5js-...
September 25, 2026 at 3:34 PM
built a modern server-side video renderer for p5.js sketches @p5xjs
info site: jamiew.github.io/p5js-render/
source code: github.com/jamiew/p5js-...
info site: jamiew.github.io/p5js-render/
source code: github.com/jamiew/p5js-...
audioNoiseBox
"Soft blue essence flows, the clouds are the others, drifting through its twists"
@p5xjs Noise box cloud audio-reactive
#p5js #genart #genartclub #creativecoding #minimal_art #audioreactive #haiku
"Soft blue essence flows, the clouds are the others, drifting through its twists"
@p5xjs Noise box cloud audio-reactive
#p5js #genart #genartclub #creativecoding #minimal_art #audioreactive #haiku
June 2, 2025 at 9:10 AM
audioNoiseBox
"Soft blue essence flows, the clouds are the others, drifting through its twists"
@p5xjs Noise box cloud audio-reactive
#p5js #genart #genartclub #creativecoding #minimal_art #audioreactive #haiku
"Soft blue essence flows, the clouds are the others, drifting through its twists"
@p5xjs Noise box cloud audio-reactive
#p5js #genart #genartclub #creativecoding #minimal_art #audioreactive #haiku
particlesRandom
@p5xjs. Recovering a sketch from last year to plot. Random particles bouncing and connecting to each other if the distance is right.
Plot with white Sakura 08 Gelly Roll and black Pilot V5 over white,black an kraft A4 papers . iDraw H A3.
#creativecoding #p5js #genart #penplotter
@p5xjs. Recovering a sketch from last year to plot. Random particles bouncing and connecting to each other if the distance is right.
Plot with white Sakura 08 Gelly Roll and black Pilot V5 over white,black an kraft A4 papers . iDraw H A3.
#creativecoding #p5js #genart #penplotter
December 13, 2024 at 9:55 AM
particlesRandom
@p5xjs. Recovering a sketch from last year to plot. Random particles bouncing and connecting to each other if the distance is right.
Plot with white Sakura 08 Gelly Roll and black Pilot V5 over white,black an kraft A4 papers . iDraw H A3.
#creativecoding #p5js #genart #penplotter
@p5xjs. Recovering a sketch from last year to plot. Random particles bouncing and connecting to each other if the distance is right.
Plot with white Sakura 08 Gelly Roll and black Pilot V5 over white,black an kraft A4 papers . iDraw H A3.
#creativecoding #p5js #genart #penplotter
moireDiamonds
@p5xjs. Grid of lines, random center, sin() dancing.
Plot with white Sakura 08 Gelly Roll and black Pilot G-TEC-C4 (❤️ both) . iDraw H A3.
#creativecoding #p5js #generativedesign #genart #penplotter #plotterart #plotter #genartclub #idrawpenplotter
@p5xjs. Grid of lines, random center, sin() dancing.
Plot with white Sakura 08 Gelly Roll and black Pilot G-TEC-C4 (❤️ both) . iDraw H A3.
#creativecoding #p5js #generativedesign #genart #penplotter #plotterart #plotter #genartclub #idrawpenplotter
December 3, 2024 at 8:47 PM
moireDiamonds
@p5xjs. Grid of lines, random center, sin() dancing.
Plot with white Sakura 08 Gelly Roll and black Pilot G-TEC-C4 (❤️ both) . iDraw H A3.
#creativecoding #p5js #generativedesign #genart #penplotter #plotterart #plotter #genartclub #idrawpenplotter
@p5xjs. Grid of lines, random center, sin() dancing.
Plot with white Sakura 08 Gelly Roll and black Pilot G-TEC-C4 (❤️ both) . iDraw H A3.
#creativecoding #p5js #generativedesign #genart #penplotter #plotterart #plotter #genartclub #idrawpenplotter
asemicBezier
@p5xjs. Characters generated with random Bezier curves, simulating asemic writing... WIP?
Plot with several pens: white Sakura 08 Gelly Roll, black Sakura Micron 08 and red fiber 04, over A4 white/kraft paper. iDraw H A3.
#creativecoding #p5js #generativedesign #genart #penplotter
@p5xjs. Characters generated with random Bezier curves, simulating asemic writing... WIP?
Plot with several pens: white Sakura 08 Gelly Roll, black Sakura Micron 08 and red fiber 04, over A4 white/kraft paper. iDraw H A3.
#creativecoding #p5js #generativedesign #genart #penplotter
November 20, 2024 at 7:50 PM
asemicBezier
@p5xjs. Characters generated with random Bezier curves, simulating asemic writing... WIP?
Plot with several pens: white Sakura 08 Gelly Roll, black Sakura Micron 08 and red fiber 04, over A4 white/kraft paper. iDraw H A3.
#creativecoding #p5js #generativedesign #genart #penplotter
@p5xjs. Characters generated with random Bezier curves, simulating asemic writing... WIP?
Plot with several pens: white Sakura 08 Gelly Roll, black Sakura Micron 08 and red fiber 04, over A4 white/kraft paper. iDraw H A3.
#creativecoding #p5js #generativedesign #genart #penplotter
November 25, 2024 at 8:44 PM
New plotter-oriented SVG export library for @p5xjs by @golan.bsky.social!
p5.plotSvg makes it easier than ever to generate vector files specifically tailored for pen-plotters like those from Bantam Tools. github.com/golanlevin/p... #creativeCoding #generativeArt #plotter #plotterArt
p5.plotSvg makes it easier than ever to generate vector files specifically tailored for pen-plotters like those from Bantam Tools. github.com/golanlevin/p... #creativeCoding #generativeArt #plotter #plotterArt
GitHub - golanlevin/p5.plotSvg: A p5.js library for exporting SVG files tailored for pen plotting.
A p5.js library for exporting SVG files tailored for pen plotting. - GitHub - golanlevin/p5.plotSvg: A p5.js library for exporting SVG files tailored for pen plotting.
github.com
November 20, 2024 at 12:54 PM
New plotter-oriented SVG export library for @p5xjs by @golan.bsky.social!
p5.plotSvg makes it easier than ever to generate vector files specifically tailored for pen-plotters like those from Bantam Tools. github.com/golanlevin/p... #creativeCoding #generativeArt #plotter #plotterArt
p5.plotSvg makes it easier than ever to generate vector files specifically tailored for pen-plotters like those from Bantam Tools. github.com/golanlevin/p... #creativeCoding #generativeArt #plotter #plotterArt
📦 processing / p5.js
⭐ 19,436 (+10)
🗒 JavaScript
p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code...
⭐ 19,436 (+10)
🗒 JavaScript
p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code...
GitHub - processing/p5.js: p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. http://twitter.com/p5xjs —
p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Proces...
github.com
June 3, 2023 at 1:58 AM
📦 processing / p5.js
⭐ 19,436 (+10)
🗒 JavaScript
p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code...
⭐ 19,436 (+10)
🗒 JavaScript
p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code...
Feed: "Adafruit Industries – Makers, hackers, artists, designers and engineers!"
By: Anne Barela on Tuesday, April 7, 2026
By: Anne Barela on Tuesday, April 7, 2026
The electronic art of Dave Mawer #ArtTuesday
Dave Mawer posts on Instagram examples of his art. He’s an Assistant Professor at the Art & Design Department at Buffalo State University. Dave makes software-based animations with p5xjs, an open-source JavaScript library for learning to code and create art, prioritizing accessibility, inclusivity, and community. The creations are then plotted. Check out his creations on […]
blog.adafruit.com
April 8, 2026 at 6:53 AM
Feed: "Adafruit Industries – Makers, hackers, artists, designers and engineers!"
By: Anne Barela on Tuesday, April 7, 2026
By: Anne Barela on Tuesday, April 7, 2026
Oct 25 I held the 2nd session of #CCFestTeacherCamp, we reviewed the assignment from the previous session, had a visit from Angi Chau, and then we reviewed how to incorporate motion and interactivity into a #p5js sketch. Read more below:
sustaining-boursin-d41.notion.site/Session-2-Re...
#p5xjs
sustaining-boursin-d41.notion.site/Session-2-Re...
#p5xjs
Session 2 Recap — CC Fest Teacher Training Camp (Fall 2025) | Notion
Week 2 — Interaction & Motion: From Static to Alive (visit from Angi Chau)
sustaining-boursin-d41.notion.site
October 28, 2025 at 2:23 PM
Oct 25 I held the 2nd session of #CCFestTeacherCamp, we reviewed the assignment from the previous session, had a visit from Angi Chau, and then we reviewed how to incorporate motion and interactivity into a #p5js sketch. Read more below:
sustaining-boursin-d41.notion.site/Session-2-Re...
#p5xjs
sustaining-boursin-d41.notion.site/Session-2-Re...
#p5xjs
Session 2 is this Saturday, Oct 25. I will be covering motion and animation in #p5js. And we will have a visit from Angi Chau, scientist, researcher, & educator. #CCFestTeacherCamp #p5xjs
#CCFestTeacherCamp started with a diverse group of educators who used shapes and colors to arrange a composition using #p5js. And we had a visit from @sphsphsphsph.bsky.social. You can still join for the remaining 4 sessions.
#p5xjs
sustaining-boursin-d41.notion.site/Session-1-Re...
#p5xjs
sustaining-boursin-d41.notion.site/Session-1-Re...
Session 1 Recap: CC Fest Teacher Training Camp — Fall 2025 | Notion
Week 1 — Drawing with Shapes: Visual Language of Code (visit from Shawn Patrick Higgins)
sustaining-boursin-d41.notion.site
October 23, 2025 at 3:03 PM
Session 2 is this Saturday, Oct 25. I will be covering motion and animation in #p5js. And we will have a visit from Angi Chau, scientist, researcher, & educator. #CCFestTeacherCamp #p5xjs
#CCFestTeacherCamp started with a diverse group of educators who used shapes and colors to arrange a composition using #p5js. And we had a visit from @sphsphsphsph.bsky.social. You can still join for the remaining 4 sessions.
#p5xjs
sustaining-boursin-d41.notion.site/Session-1-Re...
#p5xjs
sustaining-boursin-d41.notion.site/Session-1-Re...
Session 1 Recap: CC Fest Teacher Training Camp — Fall 2025 | Notion
Week 1 — Drawing with Shapes: Visual Language of Code (visit from Shawn Patrick Higgins)
sustaining-boursin-d41.notion.site
October 21, 2025 at 2:22 PM
#CCFestTeacherCamp started with a diverse group of educators who used shapes and colors to arrange a composition using #p5js. And we had a visit from @sphsphsphsph.bsky.social. You can still join for the remaining 4 sessions.
#p5xjs
sustaining-boursin-d41.notion.site/Session-1-Re...
#p5xjs
sustaining-boursin-d41.notion.site/Session-1-Re...
Added a new arc visualizer to my list of #p5js tools. Take a look - editor.p5js.org/saberkhan/fu.... Its on this notion page with the other visualizations - sustaining-boursin-d41.notion.site/Tools-for-cr... #p5xjs
February 4, 2025 at 5:58 PM
Added a new arc visualizer to my list of #p5js tools. Take a look - editor.p5js.org/saberkhan/fu.... Its on this notion page with the other visualizations - sustaining-boursin-d41.notion.site/Tools-for-cr... #p5xjs
Sharing tools I created in #p5xjs for creative coding basics for often explained concepts that lacked demos. With AI, blending ideas is now easier. I am going to try with my students in class today.
sustaining-boursin-d41.notion.site/Tools-for-cr...
sustaining-boursin-d41.notion.site/Tools-for-cr...
Tools for creative coding | Notion
Here is a set of interactive p5.js sketches that should help beginner coders understand how p5.js and other language work make graphics. These tools were inspired by the CC Fest - Teacher Training Cam...
sustaining-boursin-d41.notion.site
January 24, 2025 at 4:26 PM
Sharing tools I created in #p5xjs for creative coding basics for often explained concepts that lacked demos. With AI, blending ideas is now easier. I am going to try with my students in class today.
sustaining-boursin-d41.notion.site/Tools-for-cr...
sustaining-boursin-d41.notion.site/Tools-for-cr...
We used #p5xjs because its the best. The students and I also found LLMs, ChaptGPT, and Claude to be quite helpful, especially for creating examples and helping beginners turn their ideas into code or remix existing ideas.
Here is my planner for #CCFestCamp docs.google.com/document/d/1....
Here is my planner for #CCFestCamp docs.google.com/document/d/1....
CC FEST TEACHER CAMP Lesson Plan
CC FEST TEACHER CAMP Day-to-Day Planner Session 1: Exploring Digital Art with p5.js Recording Objective: Introduce p5.js as a digital art-making tool, emphasizing its potential for creating visual ...
docs.google.com
January 7, 2025 at 7:59 PM
We used #p5xjs because its the best. The students and I also found LLMs, ChaptGPT, and Claude to be quite helpful, especially for creating examples and helping beginners turn their ideas into code or remix existing ideas.
Here is my planner for #CCFestCamp docs.google.com/document/d/1....
Here is my planner for #CCFestCamp docs.google.com/document/d/1....
Have you ever tried to run a @p5xjs sketch on a @Raspberry_Pi to discover that the performance through the browser is not enough? I'm slowly matching #p5js API on ada so you can port them to C++ and compile them natively ...
November 30, 2024 at 7:14 PM
Have you ever tried to run a @p5xjs sketch on a @Raspberry_Pi to discover that the performance through the browser is not enough? I'm slowly matching #p5js API on ada so you can port them to C++ and compile them natively ...
Bringing your creative coding powers to an entire new level by easily adding over 800 shader functions to your framework of choice. Now running on @p5xjs (beside #unity3D, @threejs, @ProcessingOrg, +)!! Check this example:...
November 30, 2024 at 7:56 AM
Bringing your creative coding powers to an entire new level by easily adding over 800 shader functions to your framework of choice. Now running on @p5xjs (beside #unity3D, @threejs, @ProcessingOrg, +)!! Check this example:...
Manage to speed shader loading time when parsing through dependencies on @p5xjs by creating a server that resolves them for you! Working on http://lygia.xyz the first SaaS (Shader as a Service) platform!
Check this out: https://editor.p5js.org/patriciogonzalezvivo/sketches/91GUDp7Te
Check this out: https://editor.p5js.org/patriciogonzalezvivo/sketches/91GUDp7Te
November 30, 2024 at 7:08 AM
Manage to speed shader loading time when parsing through dependencies on @p5xjs by creating a server that resolves them for you! Working on http://lygia.xyz the first SaaS (Shader as a Service) platform!
Check this out: https://editor.p5js.org/patriciogonzalezvivo/sketches/91GUDp7Te
Check this out: https://editor.p5js.org/patriciogonzalezvivo/sketches/91GUDp7Te
In case you miss it over the weekend, I'm bringing LYGIA to @p5xjs by using a using it as a service. Through #include macros you load different formulas,
like this PBR + shadow model, Inter-dependencies are solve server side leaving you P5 shader clean & minimal.
like this PBR + shadow model, Inter-dependencies are solve server side leaving you P5 shader clean & minimal.
PBR + Shadows on @p5xjs in less than 20 lines! How? using LYGIA Shader Library functions https://editor.p5js.org/patriciogonzalezvivo/sketches/kux6ZVxE8
November 30, 2024 at 7:08 AM
In case you miss it over the weekend, I'm bringing LYGIA to @p5xjs by using a using it as a service. Through #include macros you load different formulas,
like this PBR + shadow model, Inter-dependencies are solve server side leaving you P5 shader clean & minimal.
like this PBR + shadow model, Inter-dependencies are solve server side leaving you P5 shader clean & minimal.
Shinny = @p5xjs + LYGIA
November 30, 2024 at 7:08 AM
Shinny = @p5xjs + LYGIA
Working on bringing a PBR lighting model to @p5xjs using LYGIA https://editor.p5js.org/patriciogonzalezvivo/sketches/kux6ZVxE8
note: You can choose between lygia's pbr, pbrLittle and gooch lighting models. Next step, implementing a shadow map. cc @ProcessingOrg @sableRaph
note: You can choose between lygia's pbr, pbrLittle and gooch lighting models. Next step, implementing a shadow map. cc @ProcessingOrg @sableRaph
November 30, 2024 at 5:34 AM
Working on bringing a PBR lighting model to @p5xjs using LYGIA https://editor.p5js.org/patriciogonzalezvivo/sketches/kux6ZVxE8
note: You can choose between lygia's pbr, pbrLittle and gooch lighting models. Next step, implementing a shadow map. cc @ProcessingOrg @sableRaph
note: You can choose between lygia's pbr, pbrLittle and gooch lighting models. Next step, implementing a shadow map. cc @ProcessingOrg @sableRaph
Do I know someone that implement a shadowMap example in @p5xjs? There are lots of small hoops like a sense of matrixes and cameras/fbo have some weirdness. Cc @adamferriss @cacheflowe @sableRaph ?
November 30, 2024 at 5:34 AM
Do I know someone that implement a shadowMap example in @p5xjs? There are lots of small hoops like a sense of matrixes and cameras/fbo have some weirdness. Cc @adamferriss @cacheflowe @sableRaph ?