https://github.com/designbyadrian/p5-webpack-boilerplate

Webpack boilerplate for P5 (formerly known as Processing JS) with live reloading.
https://github.com/designbyadrian/p5-webpack-boilerplate

p5 p5js processingjs webpack webpack4

Last synced: about 2 months ago
JSON representation

Webpack boilerplate for P5 (formerly known as Processing JS) with live reloading.

• Host: GitHub
• URL: https://github.com/designbyadrian/p5-webpack-boilerplate
• Owner: designbyadrian
• Created: 2017-10-06T14:53:27.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T06:45:12.000Z (almost 2 years ago)
• Last Synced: 2023-05-30T17:35:45.453Z (over 1 year ago)
• Topics: p5, p5js, processingjs, webpack, webpack4
• Language: JavaScript
• Homepage:
• Size: 3.59 MB
• Stars: 2
• Watchers: 0
• Forks: 0
• Open Issues: 21
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# p5-webpack

Webpack boilerplate for P5 (formerly known as Processing JS) with live reloading. I use SASS as base styles because I can.

Project is based on P5 version 1.0.

## ▶️ Run

Just open `dist/index.html` in your browser.

## 🔧 Develop

#### Requirements

Yarn

#### Instructions

`$ yarn install` to install dependencies;

`$ yarn dev` to start a webserver at `http://localhost:8080` and to start watching for changes to files.

Find your Sketch program in `src/Sketch/index.js`. Happy processing! 🥳

## 📦 Build

`$ yarn build` will package all your JS and CSS into the `dist` folder. Send this folder together with `index.html` to anywhere.

## 💙 Contribute

I'm open for pull-requests if you have any enhancements or a later version of P5 changes things.