summaryrefslogblamecommitdiff
path: root/public/dye_channels.html
blob: bdb74cbca3edc622d446ee0bacfd17e8b3dc82ee (plain) (tree)




































                                                                                 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Mana Portal Playground</title>
<script src="js/mp/dye.js"></script>
<script src="js/mp/resource.js"></script>
</head>
<body>
<canvas id="original" width="32" height="32"></canvas>
<script>
function checkPixel( imageData, x, y, r, g, b) {
    var index = (x + y * imageData.width) * 4;
    var dR = imageData.data[index++] - r;
    var dG = imageData.data[index++] - g;
    var dB = imageData.data[index++] - b;
    
    if (dR != 0 || dG != 0 || dB != 0) {
        console.log("(" + x + ", " + y + "): " + dR + ", " + dG + "," + dB);
    }
}

mp.resource.loadImage("images/channels.png", function(err, image) {
    var oContext = document.getElementById("original").getContext("2d");
    oContext.putImageData(image, 0, 0);
    
    console.log("Size: " + image.width + " x " + image.height);
    
    for (var x = 0; x != image.width; ++x) {
        for (var y = 0; y != image.height; ++y) {
            checkPixel(image, x, y, (~x & 1) && y, (~x & 2) && y, (~x & 4) && y);
        }
    }
});
</script>
</body>
</html>