This library exports a single function kittycoinparser which takes a 5 byte hex kittyCoinId and returns a 2D array of hex color value strings, or null for transparency.
You can view a demo of this library running here: https://fluffycatware.github.io/kittycoin-id-parser/
The PPM definitions for the types of images output can be found in kittycoinparser.js under the var designs field. You can use the image2ppm python util that is also in this project. Check the README for more inforamtion on how to generate lists of PPM strings.
<!DOCTYPE HTML>
<html>
<head>
<style>
body {
margin: 0px;
padding: 0px;
}
</style>
</head>
<body>
<canvas id="canvas"></canvas>
<script src="kittycoinparser.js"></script>
<script>
generateKittyCoinImage("0x00f9e605e3", 2)
function generateKittyCoinImage(catId, size){
size = size || 10;
var data = kittycoinparser(catId);
var canvas = document.getElementById("canvas");
canvas.width = size * data.length;
canvas.height = size * data[1].length;
var ctx = canvas.getContext("2d");
for(var i = 0; i < data.length; i++){
for(var j = 0; j < data[i].length; j++){
var color = data[i][j];
if(color){
ctx.fillStyle = color;
ctx.fillRect(i * size, j * size, size, size);
}
}
}
return canvas.toDataURL();
}
</script>
</body>
</html> Here's a couple example of different random IDs:
This library was based heavily on the work done by ponderware

