PHGemCauldron.user.js

// ==UserScript==
// @name         PH - Gem Cauldron
// @namespace    https://github.com/warpKaiba
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        http*://pokeheroes.com/gem_cauldron*
// @grant        none
// @downloadURL  https://github.com/warpKaiba/TMpokeheroes/raw/master/PHGemCauldron.user.js
// @icon         https://vignette.wikia.nocookie.net/pkmnshuffle/images/7/7f/Ducklett.png/revision/latest?cb=20170409032016
// ==/UserScript==

var wantedGems = $("[style*='margin-left: 106px']")
var choiceGems = $("[onclick*='addGem']")

var lastGem = -1;

var cauldronInterval = setInterval(function() {
    if (displayedGem >= 0 && lastGem < displayedGem) {
        getPixelFrom(wantedGems[displayedGem].src);
        lastGem = displayedGem;
    }
}, 300)

function getPixelFrom(gemg) {
    console.log("getPixelFrom" + gemg);
    var img = new Image;

    var canvas = document.createElement('canvas');
    img.onload = function() {
        canvas.width = img.width;
        canvas.height = img.height;
        canvas.getContext('2d').drawImage(img, 0, 0, img.width, img.height);
        var pixelData = canvas.getContext('2d').getImageData(40, 45, 1, 1).data;
        clickGem(pixelData.toString())
    }
    img.src = gemg + ".png";
}


function clickGem(gemg) {
    switch(gemg) {
        case "156,173,247,255": //flying
            addGem('Flying');
            break;
        case "156,189,33,255": //bug
            addGem('Bug');
            break;
        case "198,181,181,255": //normal
            addGem('Normal');
            break;
        case "148,74,123,255": //fighting
            addGem('Fighting');
            break;
        case "107,99,140,255": //poison
            addGem('Poison');
            break;
        case "165,107,33,255": //ground
            addGem('Ground');
            break;
        case "140,115,90,255": //rock
            addGem('Rock');
            break;
        case "80,64,152,255": //ghost
            addGem('Ghost');
            break;
        case "99,99,99,255": //steel
            addGem('Steel');
            break;
        case "240,64,48,255": //fire
            addGem('Fire');
            break;
        case "48,144,248,255": //water
            addGem('Water');
            break;
        case "66,206,82,255": //grass
            addGem('Grass');
            break;
        case "231,206,0,255": //electric
            addGem('Electric');
            break;
        case "214,57,140,255": //psychic
            addGem('Psychic');
            break;
        case "49,214,255,255": //ice
            addGem('Ice');
            break;
        case "132,99,231,255": //dragon
            addGem('Dragon');
            break;
        case "54,54,54,255": //dark
            addGem('Dark');
            break;
        case "232,146,191,255": //fairy
            addGem('Fairy');
            break;
    }
    console.log("Added gem. The pixel is:" + gemg);
}