This is an introduction to the challenge we're running in partnership with repl.it. You can submit your project to the challenge here.
Boilerplate
Get started with a repl already configured with p5.js and jump straight into coding:
- Go to repl.it/@zrl/p5-boilerplate
- Click "fork" to make a copy to edit
More Background / Helpful Links
The prompt for this challenge is to build the coolest website using p5.js.
p5.js is a toolkit for building interactive graphics on the website. If you're familiar with Processing, p5.js is the most popular adaptation of Processing for the web.
I'm personally most inspired by the art people have made with p5.js. Tumblr has a bunch of cool examples at https://www.tumblr.com/tagged/p5js (click here to see one of my favorites).
p5.js requires minimal JavaScript knowledge and has a bunch of examples to help get you started: click here.
Recommendations for getting started experimenting with p5.js:
- p5.js official tutorial
- Hack Club workshops:
- Geometric pattern - generate a pattern with p5.js
- Dodge - build a basic game w/ p5.js
- Bumpteroids - this is my personal favorite, build a clone of the classic Asteroids game w/ p5.js
- p5.js transformations guide
Can't wait to see what you build!