Fast P5 Typescript Setup

About

p5ts is a Node Package Execution that generates a Typescript implementation of the popular visual graphics library p5js which is usually written in Javascript. This allows you to use that lovely ES6 syntax with the amazing p5js library

Getting Started

Create a template

$ npx p5ts <your-app-name>

Run sketch

$ cd <your-app-name>
$ npm start

you can find the sketch in src/sketch.ts

How it works

• 1. Rollup watches the ./src folder for changes.
• 2. On change => bundles to ./public as common js
• 3. Live Server linked to ./public
• 4. There is no number 4 but the list seemed kinda short
• 5. https://www.youtube.com/watch?v=xvFZjo5PgG0&ab_channel=Duran