Skip to content

blindfish3/p5-playground

Folders and files

NameName
Last commit message
Last commit date

Latest commit

2ae8a33 · Jun 15, 2020

History

49 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

p5-playground

Various experiments with p5js.

p5js is a Javascript port of Processing.

Updates

I've restructured the source code to facilitate more modern dev practices:

  • moved all source code into /src
  • added a build process with Gulp: that's getting old now but is relatively straightforward to work with and adequate for my needs
  • run babel on all js files to leverage modern ES6 features
  • refactor index files to import sketch code as a module. This should work in most modern browsers. It also means (most) source files are now structured to allow them to be imported in other contexts.

To benefit from the changes you'll need to have node installed and may have to install gulp-cli. Install all dependencies with npm install or yarn if that's your preference. Then just run gulp and - assuming the console doesn't display any errors - open localhost:3000 in your browser. When you make changes to files in /src they'll be processed and the browser will reload.

References

Some of the code is inspired/ported from the following source material:

  • Peters, K 2006, Actionscript Animation, Friends of Ed
  • Greenberg, I 2007, Processing, Friends of Ed
  • mulitple authors 2004, Flash Math Creativity, Friends of Ed
  • Osmani, A 2015, Learning JavaScriptDesign Patterns, O'Reilly

About

Experiments with p5js

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages