kabrio / p5js-fxhash-webpack

Boilerplate for fxhash P5js based project

Home Page:https://aakatev.github.io/three-js-webpack/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

p5js-fxhash-webpack

Starter project for P5js configured with fxhash snippets + fxhash helper functions and Webpack 5 as a bundler.

Great and easy way to bootstrap your fxhash P5js project.

To deploy or test (sandbox) on fxhash select index.html + public + static, make zip file and upload. Please note that there is an index.html in 'public' as well as the root. Hope to fix this soon.

Development

Clone the project in the folder of your choice:

git clone https://github.com/kabrio/p5js-fxhash-webpack.git

Change directory and install dependencies:

cd p5js-fxhash-webpack
npm i

Start webpack development server:

npm run start

Enter 'localhost:9000' in your browsers adress bar to view the sketch. If you need to change this, the webpack configuration is done in webpack.config.js.

Deployment on GitHub Pages

Works with any other static website hosting too.

Bundle your code, and push it in your repo:

npm run build
git add
git commit -m"Deploying on GitHub Pages"
git push

Extra

The code can be formated with prettier (don't forget to save file before first!!!):

npm run format

Happy coding! 🐙

About

Boilerplate for fxhash P5js based project

https://aakatev.github.io/three-js-webpack/


Languages

Language:JavaScript 50.2%Language:HTML 45.5%Language:CSS 4.3%