How do I render older p5 code in processing? Doesn't work in browser..

thesurrealist

Hi there,

A lot of the creations on openprocessing.org, specifically the archived ones, don't work on the browser. So how do I render and create the actual art from the code? Thanks!

koogs

copy and paste the code into the processing editor, run them from there.

link to a specific sketch if you want specific help

thesurrealist

Hey there,

Thanks for the reply. Here is an example of an archived post: https://www.openprocessing.org/sketch/20140#

As stated on the website, the code will not render in browsers. And also, if I run it in the processing editor, it tries to render it by opening a browser window, and nothing shows up. So my question is, how do I get it to render? Is there some other software/plugin I need that will render older p5 code?

Thanks!

GoToLoop

• I've opened a new project at: https://OpenProcessing.org/sketch/create
• Then switched from P5js to Processing.js Mode.
• Now at https://OpenProcessing.org/sketch/20140
• I've copied & pasted all the code from these 3 tabs: "fabric.pde", "Particle.pde" & "Link.pde".
• Into the empty sketch and clicked the play button.
• It's just worked right off the bat! $-)

KevinWorkman

And also, if I run it in the processing editor, it tries to render it by opening a browser window, and nothing shows up.

What version of Processing are you using? What mode are you in?

If it's launching a browser, then look in your developer tools to see any errors you're getting.

thesurrealist

Thanks for your replies guys. @GoToLoop, I wasn't aware of the other tabs! It worked for me when I used the empty sketch on the OpenProcessing site, but not on my processing editor on my Macbook pro. Also, some sketches work and others don't...

Does this work for you? :

https://www.openprocessing.org/sketch/8168#

@KevinWorkman, I'm using Processing 3.3.6, and I get no errors, just a blank screen.

thesurrealist

@kevinWorman, scratch that. I do have an error "Uncaught SyntaxError: Unexpected identifier"

KevinWorkman

The sketch has multiple tabs. Make sure you paste them all into the editor. What line contains the error? You need to take a closer look and look for syntax errors around that line.

GoToLoop

Does this work for you? : https://OpenProcessing.org/sketch/8168

• Yes, it did as well! :>
• Actually, there's no need to copy & paste it to another blank sketch. :-\"
• Simply open the right panel and switch from Processing to Processing.js mode! :ar!
• Processing.js (Pjs) mode works both for this sketch #8168 and that #20140 too! \m/

GoToLoop

Also, some sketches work and others don't...

• It all depends whether a sketch is pure Processing API (Pjs): http://ProcessingJS.org/reference/
• Or if it depends on Java 3rd-party libraries. :-SS

thesurrealist

Thank you so much @gotoloop and @KevinWorkman! Makes sense now :) Cheers guys.