kittycoin-id-parser's Introduction

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>