Skip to content

Commit c68ab11

Browse files
Add readme
1 parent bab283c commit c68ab11

File tree

11 files changed

+29
-7
lines changed

11 files changed

+29
-7
lines changed

README.md

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
# Chromata
2+
3+
### A generative digital art tool.
4+
Chromata is a small tool written in JavaScript which can turn any image into a unique, animated artwork.
5+
Path finders are seeded on a canvas and independently trace their own path through the image,
6+
reading the colour data of each pixel and altering their course based on a set of configurable rules.
7+
8+
### [Demo](http://www.michaelbromley.co.uk/experiments/chromata/)
9+
10+
### [Documentation](http://www.michaelbromley.co.uk/experiments/chromata/#about)
11+
12+
## Build
13+
14+
Chromata is written in ES6 JavaScript, and uses Babel for transpilation and Systemjs to handle module loading during the
15+
build phase.
16+
17+
1. Clone the repo and then `npm install`
18+
2. `gulp watch`
19+
3. Test the output by altering the config in `src/scripts/init.js`
20+
21+
## License
22+
MIT

dist/index.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,16 +2,16 @@
22
<html>
33
<head lang="en">
44
<meta charset="UTF-8">
5-
<title></title>
5+
<title>Chromata distribution file test page</title>
66
</head>
77
<body>
88
<img src="../src/assets/images/nyc.jpg" />
99

10-
<script src="chromata.min.js" type="text/javascript"></script>
10+
<script src="chromata.js" type="text/javascript"></script>
1111
<script type="text/javascript">
1212
var image = document.querySelector('img');
1313
chromata = new Chromata(image, {
14-
pathFinderCount: 30,
14+
pathFinderCount: 50,
1515
speed: 5
1616
});
1717

package.json

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,16 +4,16 @@
44
"description": "",
55
"main": "src/index.html",
66
"dependencies": {
7+
},
8+
"devDependencies": {
9+
"gulp-wrap": "^0.11.0",
710
"gulp": "^3.8.10",
811
"gulp-inject": "^1.1.1",
912
"gulp-concat": "^2.5.0",
1013
"gulp-6to5": "^2.0.2",
1114
"gulp-rename": "^1.2.0",
1215
"gulp-uglify": "^1.1.0"
1316
},
14-
"devDependencies": {
15-
"gulp-wrap": "^0.11.0"
16-
},
1717
"scripts": {
1818
"test": "echo \"Error: no test specified\" && exit 1"
1919
},
Loading

src/assets/images/city.jpg

275 KB
Loading

src/assets/images/emperor.png

286 KB
Loading

src/assets/images/lightning.jpg

79.7 KB
Loading

src/assets/images/nyc.jpg

115 KB
Loading

src/assets/images/rome.jpg

167 KB
Loading

src/assets/images/severin.JPG

140 KB
Loading

0 commit comments

Comments
 (0)