KittyCoin Parser
Official KittyCoin Generation Library for the KittyCoin Club Ethereum Smart Contract.
About
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/
Setup
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.
Web Example
<!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:
Attribution
This library was based heavily on the work done by ponderware