arvin1209 / p5js-boilerplate

Instantly write and run your Processing code in a browser. This template provides you a minimalistic and responsive full page experience but delivers all the power you need for contemporary HTML and Javascript.

p5js-boilerplate

Write Processing just like you would in the native Processing IDE, except it works in your browser and you can put your sketch in the web. The only difference is that you write code in Javascript instead of Java.

What it is

This repository serves as a template for writing responsive Processing code for web browsers. It is based on the p5js framework for Javascript. The template is ready to go, so you can instantly start writing code for your project and don't have to worry about the environment. You only have to work on one file and still have a working environment. By default, the HTML canvas displaying the code gets scaled full page and resizes with the browser window. Debugging works just as fine as in the native Processing environment when you use your browser console.

How to

1. Download or clone the git.
2. Write your Processing code into /js/main.js. You can follow the p5js workflow or write Javascript your style.
3. Change index.html to your requirements (or do nothing to it). You can write HTML as you like and still have the Processing sketch in the background.
4. Launch your index.html and have fun.

Included frameworks

Versions used in this compilation:

• p5.js v0.5.11
• p5.dom.js v0.3.3
• p5.sound.js v0.3.2
• normalize.css v3.0.2
• structure and HTML based on initializr v4.0