Colour grading post-processing shader for voxel.js
JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
demo
.gitignore
.npmignore
LICENSE.md
README.md
index.js
package.json
screenshot.jpg
shader.js

README.md

voxel-colorist

A module for colour grading your voxels in voxel.js, for use with voxel-pp.

Check out the demo here

This is done using a 3D colour lookup table (as detailed here and here), which is surprisingly simple and easy to work with. The Witness Blog has a good explanation too.

voxel-colorist

Installation

npm install voxel-colorist voxel-pp

Usage

colorist(processor)

Creates a new colour-grader instance.

colorist(processor).table(src|element|texture)

Loads a new colour table from a canvas/image element or image URL.

// Create the game
var game = require('voxel-engine')({
  chunkSize: 32
})

// Load up post-processing
var composer = require('voxel-pp')(game)
// Add colour grading
var colorist = require('voxel-colorist')(composer)

// Load a 33*33*33 colour table
var img = new Image
img.onload = function() {
  colorist.table(img)
};
img.src = '/warm.png'