P5js how to run the downloaded file

By default, the Web Server won't run in the background, so keep it open for it to work. After launching the Web Server a new window will open. If you name your sketch HTML page index. Using the Live Server extension for VS Code we can easily run a development web server for any local folder. Another handy VS Code extension is p5.

If you need a quick web server running and you don't want to mess with setting up apache or something similar, then Python can help. Python comes with a simple builtin HTTP server. With the help of this little HTTP server you can turn any directory in your system into your web server directory. Unfortunately the python simple server is very slow.

Loading a local page will often stall and it can't stream video and has trouble with even medium size files like an 8MB mp3 for example. However, it should suffice for loading in most text files, fonts and most images.

An alternative is node. It is much faster than python simple server while requiring a little bit of setup. Just 3 simple steps:. Open a terminal or command prompt on Windows you might need to open the command prompt as admin. I'm sorry but I have now figured out that p5js is a javascript library not an application but thanks for your kindness please do check out my website link of which I have given in my profile and since you guys seem to be much more experienced let me know how I can improve it — Devansh Gupta.

Authom Authom 6 6 bronze badges. My recommendation is to use an IDE with P5. Michael Rusu Michael Rusu 3 3 silver badges 14 14 bronze badges. Sign up or log in Sign up using Google. Sign up using Facebook. Sign up using Email and Password. Post as a guest Name. Email Required, but never shown. The Overflow Blog. Who owns this outage? Building intelligent escalation chains for modern SRE. Podcast Who is building clouds for the independent developer?

Featured on Meta. Now live: A fully responsive profile. Reducing the weight of our footer. Related 9. Hot Network Questions. Question feed. Can we do better? What if there was only one library that everyone shared? Suddenly, p5. The p5. There are 4 versions of templates. Links to the templates appear above.

I suggest you save the zip file, and whenever you start a new project, just unzip a new copy of the template directory and rename it to remind you what the new project is about. Then edit the sketch. You can also work with the p5. Keep in mind that you only need index. If you would like to move files out of the empty-example folder, you will need to change their path name in index.