Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tynes/fun-with-chaos
App that renders different types of fractals
https://github.com/tynes/fun-with-chaos
Last synced: 9 days ago
JSON representation
App that renders different types of fractals
- Host: GitHub
- URL: https://github.com/tynes/fun-with-chaos
- Owner: tynes
- License: mit
- Created: 2016-10-08T20:09:43.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2016-10-08T21:58:48.000Z (about 8 years ago)
- Last Synced: 2024-11-06T18:01:10.069Z (about 2 months ago)
- Language: JavaScript
- Size: 15.6 KB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Playing with Chaos!
Chaos can be fun. A simple application that lets you experience different types of fractals and chaos.
Many systems in the world are non-linear and chaotic. A deeper understanding of fractals could give insight into many other problems. They also can be interesting to look at! 🔥🔥🔥
ES6 Object Oriented JavaScript design patterns, using jQuery, Gulp and Babel
## To Run
```
$ git clone https://github.com/Tynes/fun-with-chaos.git
```
Make sure to install [Gulp](https://github.com/gulpjs/gulp/blob/master/docs/getting-started.md), follow the directions 1-3 at the link
In the root of the directory, install the dependencies by running:
```
$ npm i
```
For development - in the root of the directory, run:
```
$ gulp watch
```
Note: Development requires a web browser that is ES6 ready. Download the latest version of Chrome or Chrome Canary
This will build the appropriate files and watch for changes.
To open the file (assuming OSX), run:
```
$ npm run open
```
This simply opens opens ```index.html``` in a web browser
## User Guide
The list of experiences are on the left hand side, select the one you are interested in seeing
- Press space bar to interact
- Press c to clear
- Press p to pop the image out to a form where it can be saved
Hoping to add more experiences over time!
Thanks to:
- [Playing With Chaos](http://www.playingwithchaos.net/)
- [Gulpfile Inspiration](https://css-tricks.com/gulp-for-beginners/
write the auto reload part)