Skip to content

Instantly share code, notes, and snippets.

@ScatteredRay

ScatteredRay/LUT

Last active December 14, 2015 09:08
Show Gist options
  • Save ScatteredRay/5062617 to your computer and use it in GitHub Desktop.
Save ScatteredRay/5062617 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
LUT
<html>
<body>
<canvas id="cvs" width="1024" height="32">
</canvas>
<script type="text/javascript">
var size = 32;
var cvs = document.getElementById("cvs");
cvs.width = size * size;
cvs.height = size;
var ctx = cvs.getContext('2d');
var iData = ctx.createImageData(size * size, size);
function paint(x, y, p) {
var off = x * 4 + y * iData.width * 4;
iData.data[off] = p[0];
iData.data[off + 1] = p[1];
iData.data[off + 2] = p[2];
iData.data[off+3] = 255;
}
for(var r = 0; r < size; r++) {
for(var g = 0; g < size; g++) {
for(var b = 0; b < size; b++) {
paint(r+b*size, g, [r*255/size, g*255/size, b*255/size]);
}
}
}
ctx.putImageData(iData, 0, 0);
var img = document.createElement("img");
document.body.appendChild(img);
img.src = cvs.toDataURL();
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment