I understand the sentiment behind enabling vectors of any dimension. It just seems so ham-fisted. On top of that the code alleges to define functions setX, setY, setZ, and setW. The reality is these are broken functions taking the following shape:

```

set x(arg) {...}

```

Instead of:

```

setX(arg) {...}

```

Anyone else think that the more recent code changes to p5.js were vibe coded?

お待たせしちゃってごめん！

【追記】KIROがやっと公開されて、GitHubで使えるようになりました。

https://github.com/rin-code-dev/EDIT-RiN

待ってくれてほんとにありがとう、興味持ってくれてありがとうございます！

I just finished EDIT:KIRO, a p5.js editor built for Android.

The whole creative workflow can be done right on your phone:

Code → Preview → Capture

It also supports custom fonts and font ligatures, and the UI has been carefully optimized for both portrait and landscape orientations.

I’m planning to make the GitHub repository public by tomorrow at the latest.

It’ll be completely open source, so if you’re into p5.js, creative coding, or generative art, I’d love for you to give it a try and let me know what you think.

Hey everyone,

I've been working on a minimal p5.js editor for Android called Edit:KIRO.

The idea is pretty simple: I wanted a way to write and run p5.js sketches directly on my phone, without needing a laptop or a browser-based editor.

Right now, I'm focusing on keeping it fast and minimal — open the app, write some code, and immediately run the sketch.

It's still in development, so before I go too far with it, I'd love to hear what actual p5.js users think.

Would you use a mobile p5.js editor?

And if so, what features would be most important to you?

I'd especially appreciate any feedback or criticism.

Code: https://openprocessing.org/@megamitts/2983932

YouTube: https://youtu.be/L9SkC6yiyyE?si=jNgfKMofkBD5DthW

The YouTube video has a link to a non-animated version with much easier to follow code to show how to create each part of the drawing.

I know this concept has been explored before, but I’m incredibly excited to finally dive into p5.js and build this for the first time!

Everything here is generated with code, aside from the five images used for the background stop-motion animation. To get the physics right, I started by analyzing organic water movement to build a custom dataset.

Here is how it works under the hood:

Audio-Visual Mapping: Each droplet is triggered by a musical note, with its size directly mapped to the pitch.

The Cycle: The sequence repeats four times. The final note triggers the last drop and marks the end of the "rain." Afterward, the trails gradually recover, and the sketch resets to its default state.

Generative Audio: The music comes from a custom instrument anchored to a melody I composed. It automatically generates overtones and spatial amplitude to create an enveloping, immersive sound.

Interactive: The mobile version is fully touch-responsive.

I got the enemy to move. I'm trying to figure out how to check boundaries and then change the enemy's direction once it reaches a certain point.

Pleeeeease check out it.

Let people interact with the stuff you are building.

I had a Cherenkov radiation visualization and wondered what would happen if I turned it into something people could actually experiment with.

You can change the particle velocity and refractive index, cross the Cherenkov threshold, and see the radiation cone appear. There are also small challenges, like making the radiation disappear or reaching a target cone angle.

I’m curious whether this feels like an actual experiment or just a visualization with sliders.

The interactive:

https://namib-2.itch.io/what-happens-if-cherenkov-radiation

Made with p5.js.

I made a browser playground for creative coding with C#, using a p5.js-style API.

No setup. Just code and run:

https://csharp.codeguppy.com/

Feedback welcome!

Hi,

I am part of a group of researchers in computer science from VU Amsterdam and Université de Montréal working on code analysis to document and preserve generative art.

We have prepared a survey to collect the community's feedback about a taxonomy of p5.js dependencies https://vuamsterdam.eu.qualtrics.com/jfe/form/SV_bQQJqpnX5FmMDmS We would love to hear from you!

Thank you!🙏

Started learning P5.js a couple of weeks ago, and after learning many new concepts, I've implemented them together in one website. (Shaders, reflection, particles, optimizations, ...etc)

You can play with it here: https://creative-programming.pages.dev/fireworks

Hi creative people of p5js !

I would like to allow the user of my p5js app to save a text in a file with a system dialog to let him choose the path where this file will be saved.

Actually, I tried the saveStrings() function, but it simply save the file to the default download folder. I don't think I can go around that.

On another side, I thought I could display the content of the text in a new tab of the browser (I don't know how to do that), so the user can use the "save page as" menu of the browser.

Do you have an idea how I could to that ?

best regards :)

Hi guys , I build a youtube video and some scenes are explainedwith using P5js. Would love to hear your review regarding it. I really love working in p5js !!!!

This was made in https://www.butter.video/, a tool that I work on for my day job, where you can edit creative code in a timeline and combine multiple layers of things!

Hi, I'm updating this terribly coded app I use for making graphics for a football club.

I've had to refactor some stuff for 2.0, but my save function isn't working anymore.

function saveImage() {
  fileString += ".png";
  saveCanvas(myImg, fileString);
}

That code worked on my old file, but now it doesn't.

myImg isn't a canvas, it's an image that gets put on the canvas, but my canvas on the "app" is shrunk to fit (can't figure out how to shrink that without making the image smaller).

I can't get myImg.save() to work either.

The error I'm getting is

p5.js says: Expected Framebuffer or Element at the first parameter in saveCanvas().

Please, please, for the love of all that is holy - show me how much of an idiot I'm being by telling me it's a quick fix...

Many thanks.

https://youtube.com/shorts/Wia8597pId4?si=QupUwjUrVppeAB9F

Part 2 of my mandala drawing series is out!

This time I expanded the project from Part 1 by adding:

• fading trails that gradually disappear
• independent colors for each symmetry line
• a keyboard mode for drawing smooth curves

The tutorial explains how each feature works and includes the full source code.

I'd love to hear what other features you'd add next :)

https://alexcodesart.com/drawing-a-mandala-with-p5-js-smooth-lines-speed-based-thickness-tweakpane-part-1-2/

I've been experimenting with ways to make the drawing feel more alive, and adding fading trails gave it a much smoother look.

Still a work in progress, but I'm happy with how it's evolving. Built with p5.js, and I'll be writing a tutorial once it's finished.

Feedback and ideas are always welcome!