/daily-p5

p5.js development gallery using React

Primary LanguageJavaScript

daily-p5

A gallery website for making p5.js sketches built with Next.js. Just fork and edit how you want.

Deployed here with Vercel

NOTE: Unlike pure p5.js where you can access draw function globally, you have to use variable p to draw. (E.g., p.rect(...), p.line(...), etc.)

How to run

  1. npm install
  2. npm run dev
  3. Go to http://localhost:3000

Make a new sketch

  1. npm run new-sketch, it automatically creates a new js file for a sketch in the format of dn.js, e.g., d1.js, d2.js, ...
  2. Code!

Navigation

  • Go to http://localhost:3000 to view all sketches.
  • Go to http://localhost:3000/s/1 to view d1.js sketch.