node package manager
Don’t reinvent the wheel. Reuse code within your team. Create a free org »

voxel-colorist

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'

how? learn more

Stats

Try it out

Keywords

voxel, color, colour, grading, tone, map, texture, LUT, fragment, effects, browserify

Dependencies (2)

lut, webgl-texture3d