Web editor -- offline?

Just making the move to p5.js from the Processing IDE… and have also been using the now deprecated/old P5 editor.

I am wanting to code if possible without any internet access, so is it possible to have a local copy of the new web editor … or does it always require an internet connection?

Mark

Hey There!

Haven’t tried this but maybe give it a go by saving the web page on your PC. Maybe that will work ?

I have never used p5.js and just exploring for now…

https://p5js.org/get-started/

I found this:

Observations
The p5.min.js file version in Processing 3.53 IDE (installed p5.js mode) is /*! p5.js v0.7.3 January 20, 2019 /
The p5.js file version from p5.js site is /
! p5.js v0.8.0 April 08, 2019 */

I just thought I would ask here…

How do I update the Processing IDE version to the latest?

:slight_smile:

Just use an “index.html” template file which grabs the latest version: :bulb:

<!DOCTYPE html>

<meta charset=utf-8>
<meta name=viewport content=width=device-width,initial-scale=1>

<script defer src=https://Unpkg.com/p5></script>
<!--<script defer src=https://Unpkg.com/p5/lib/addons/p5.dom.min.js></script>-->
<!--<script defer src=https://Unpkg.com/p5/lib/addons/p5.sound.min.js></script>-->

<script defer src=sketch.js></script>
1 Like

Thank you.

I also copied into “Documents\Processing\modes\p5jsMode\template\libraries”.

I will edit the default “index.html” as required.

JavaScript is on my to do list…

:slight_smile:

So … do all these replies mean that using the Processing IDE in in JavaScript mode is equivalent to using p5.js online as long as index.html points to the latest p5 library?

Most of the time, I just use a simple text editor like Notepad2 to write JS code and host them online at OpenProcessing.org or as a GitHub gist:

For more complex stuff, like writing TS or CS code, I use the Atom IDE and host them as a GitHub repo:

1 Like

Thanks for all ideas :grinning:
Gone for Visual Studio Code in the end. Seems nice so far to work with for p5.js and has support via plugins for Dart/Flutter that are also on my ‘try soon’ list :grin:

If you have time, could you check if my whole project “Ball-in-the-Chamber” v3.0.0 would work in VSC, please? :pleading_face:

That is, whether the TS & CS codes are properly recognized and emitted as JS by the VSC IDE like I have here on Atom IDE. :atom_symbol:

The whole project can be grabbed on the link below: :link:

Probably you’re gonna need to run install-p5js-types.bat in order to grab “@types/p5” definitions. :flushed:

1 Like

@GoToLoop

Just tried for you but not working …? :frowning:

Will try to figure out why, but thought I’d at least let you know I have tried!

Mark

1 Like

Thx for trying to test my project under VSC. :+1:
Anyways, here’s a screenshot of it under Atom IDE: :atom_symbol:

2 Likes