Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/solon/p5js-coffee-setup
p5js and coffeescript sample
https://github.com/solon/p5js-coffee-setup
Last synced: 11 days ago
JSON representation
p5js and coffeescript sample
- Host: GitHub
- URL: https://github.com/solon/p5js-coffee-setup
- Owner: solon
- Created: 2015-09-18T22:32:51.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2015-06-07T20:54:58.000Z (over 9 years ago)
- Last Synced: 2023-03-11T03:47:17.991Z (over 1 year ago)
- Language: JavaScript
- Size: 121 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
p5js-coffee-setup
=========
### Based on
```
git clone https://github.com/winkerVSbecks/p5js-seed.git
cd p5js-seed
```
p5js seed with coffee script (gulp-coffee)
## Getting Started
To get you started you can simply clone the p5js-coffee-setup repository and install the dependencies:
```
git clone https://github.com/ASRagab/p5js-coffee-setup
cd p5js-coffee-setup
```
## Install Dependencies
We have two kinds of dependencies in this project: dev tools and p5.js framework code. The tools help us preview the application.
We get the dev tools using npm and p5.js via bower.
npm is preconfigured to automatically run bower so, you can simply do:
```
npm install
```
After the above command finishes execution you should find that you have two new folders in your project:
- `node_modules` - contains the npm packages for the dev tools we need
- `bower_components` - contains the p5.js framework files
## Run the Application
We use [gulp](http://gulpjs.com) as a task-runner for this project. It's been pre-configured with a simple development web server and live-reload. The simplest way to start this server is:
```
gulp default
```
Now browse to the app at http://localhost:3000
## Live Re-load
To enable live reload you will have to install the LiveReload plugin for your browser:
- [Chrome](https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei?hl=en)
- [Safari](http://download.livereload.com/2.0.9/LiveReload-2.0.9.safariextz)
- [Firefox](https://addons.mozilla.org/en-US/firefox/addon/livereload/)
## Updating
You can update the tool dependencies by running:
```
npm update
```
This will find the latest versions that match the version ranges specified in the package.json file.
You can update the p5.js by running:
```
bower update
```
This will find the latest versions that match the version ranges specified in the bower.json file.