next-p5-template

Note: This is deprecated in favor of daily-p5, which is much easier and quicker to start coding.

A template project to manage p5.js sketches. Built with Next.js.

How to run

1. npm install
2. To develop, start the server using npm run dev and go to http://localhost:3000.

How to make new sketch

1. Duplicate sketches/dN.js and rename it with a number starting with 1 (d1, d2 d3, etc.). The template already has d1.js, so just check that out.
2. Update constants to reflect total number of sketches.
3. Code!

How to view sketches

• Go to http://localhost:3000 to view the overview of all sketches.
  • Click on 'Full 1' to view it in full page.
• Go to http://localhost:3000/s/1 to view each of the sketch.