An experiment in reorganising images with HTML canvas and JS.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
src
.gitignore
Procfile
README.md
package.json
server.js
webpack.config.js

README.md

Color-blocks

This app pixellates photos and then reorganises the resulting pixel blocks by brightness and lightness, as defined this way.

Using Html canvas to sample, manipulate and create images, plus this helpful npm module: colorsys

This came about from a conversation with my photographer friend who is interested in breaking down photographs from Instagram.

Run the app

Dev mode: npm run start starts webpack dev server and runs webpack in watch mode.

To get the express routing to work, start the node server in a new tab: node server.js

To build: npm run build