interactive-vignettes

About

InteractiveVignettes is a small framework built on top of P5JS for making little interactive scenes. This project is a part of the Creative Coding Projects youtube channel. For information on how to get started visit: VIDEO URL GOES HERE

Installation

1. Download Vignettes.zip from: https://github.com/CreativeCodingProjects/interactive-vignettes/releases/latest
2. unzip it and the unzipped folder in a sensible place on your computer
3. if you don't already have a text editor get one (I recommend Atom as that is what I use in the videos)
4. install a development server such as atom-live-server
5. Watch the tutorial videos at: PLAYLIST URL GOES HERE

Build from source

1. clone the repo or download the zip
2. install npm if you don't already have it
3. npm install
4. npm run Build

This will build the source and populate the build folder with the necessary libraries. All the files you need can be found in the build folder, that will form the base folder of your project. You will need to use a local development server to be able to use all the features in some browsers.

Credits

1. P5js: https://p5js.org/
2. ccapture.js: https://github.com/spite/ccapture.js/