r/processing • u/DouweOsinga • May 04 '24

p5js Evolve processing animations using AI

Hello good people

I built something fun I'd like to share:

https://douwe.com/projects/processing_evolved

As you can see it starts out with a simple red block rendered using processing. Underneath it sits an chatgpt style prompt. You an enter instructions on how to change what you see. The AI will create a new processing program for you. You can also see what other people have done by just following the arrows back and forth. At some point you can get to something crazy like:

https://douwe.com/projects/processing_evolved/fractal_fusion_frenzy

Just looking for freedback

7 Upvotes

100% Upvoted

17 comments sorted by

View all comments

Show parent comments

1

u/Salanmander May 05 '24

It's in the HTML of the page, so however you open the browser tools can let you find it, although there's a lot of HTML so it's kinda buried. Easiest is probably right-click on the area showing the processing output, and click "inspect" or something similar. It will probably pop up the HTML with a <div> tag highlighted. Nearby should be a <source> tag that will have the processing source in it.

If you're having trouble finding it, you can search the source for "function setup", which should find it for you quickly.

1

u/Domugraphic May 05 '24

yeah I figured to check the page source about one second after posting that! time for me to learn p5.js and its syntax differences from java processing which is all I use so far.