Images.js

var canvas = document.querySelector("canvas");
canvas.width = window.innerWidth - 2*8;
canvas.height = window.innerHeight - 2*8;
var c = canvas.getContext("2d");
function img(src,angle, flip){//Loads Images
    var temp = document.createElement("img")
    temp.src = src;
    return temp;
}
var stdSize = 32//change to scale elements
let IMAGEDICT={//Dictionary of available images
    "idle": img("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAABaCAYAAAAYRB7/AAAETklEQVR4nN3bzU4bMRAA4HmnPgLH9tYzoSe49kLfoTSHwqHPUFAllEN7IJS+BQKJQ6UeUClICUqRSKimh2Rd/8x4x1577dSSJcIum/l2/EfWAchbUKtrXxQGj3a6oqq4KQrT1A5BVZHpJeh61BX178a83SiKMkCgZSswKDPTPaKQqng9Qrw+frIDEwZl9MMiqCVgROLs4ARBuZhSmWpgqh7tIB5uz4BG+q9FgQr0KXJQsCv4YeRIWRIFIEB5cNzQXxwFThABOMnvi45+ITBmyC+CIobvkbj5CZulM0flRK0gx0+pMD6YDsqFSpoZUV9bQXKhegE5VctSalRnEFAdvwUDWoY0UBIUvWKwgEB17liQnqG9jTmY/SxJoUc5Yq2n7q6WySiQlqnUGBZnQ+wmYqODM1diOcSBdJQvcOMahVEhd7i1yXnP6wEl7xcaKmRENM7PvHJQIDwdzvHmEvHmMnq++b35zKlO/+pj5QAAiOMhKlAGlDOEZ105jIcuCLETTDQvZQPdnpsYu2bCpF41KBTeniM+zmjMz8tZUhSNydiXcmcq4xKoFddWYzDEdaoq4fDCHx2nKv8dypeptcNJml/1faspKsDJ2RY+fHzprOj143aFCnFmsHcHOLk7IDMyuTsgUTXCDIyOon5WtWIYHbAExQChBhQVNFhY+7gPBoWzpYKlUCGva4F5MxGNKgzz9h/f65A+1ifMG6QEQF2jJIwNsnUgiPmbzDAEAFzMr+LuekdUrqEeF/MrBxULCspuJhiZpS6gjqgkMCdLXUGxqJTZSg6qEuULlKu1NT9oAvAFqI55/rWoaaAwUGxTYjD2XY5FpQYBaJlgR8EWFAdrxeWcfJsnFeSgIQD5mqFe+8qSg1rMr6JAHMxpkmdbOP366k/2pqc/U2pQMSCqGUpGz/Sg5qm79TFXLMqG6dekHiSkhJkg5vO7JsjpyQAn4wFOTgdG8NPxAO8/b+L0y+by+HjgwBxMRhi9w4V+BNOp9vlQjt+202wx2H1h1v1dxP1ddQwA1O+cuvqb3lHsG+ooIuCaUTysAAog3WChYFTtC5Ua5MVyAYtQFszBZXzAHY1SgQpQi9fPe5t4o1FGxlrOUSPnxQczW8Uy9f1bPlQhmBcFkubXhirwaFW2WrAR79/c25imsih+JZO1cJNk7iVT3qwJtxaw+KCd1D1lTY6izwvfHt5sLTod6luC6kIFwfT9Us1WvvHefWpYVxSIUdRGsBUMEmcsCUoE43a4mbBqUMvjPz49eGEyVJp/URKhAFTGjp9Y1K+Lx5zZcueX7ij6um2ZSoDi35RpVs7579TuTPF7Abg7R+3jWg0HtX1+4YW3Z0oEjAU4F239HpX02wQVbWpMA6oVBfwAIVsV1IYCAqQ+YdICt1/r51aFAiobRJa482pEAXjmJh0DMlA1qKawc4QPUzOIK4iH2zMKQnwdYm3KMlN8ZtYO1JQss35o+QvBAL/zPyO2ZwAAAABJRU5ErkJggg=="),
    "bg": img("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAr0lEQVQ4jbWOMRKFIBBDcyVKW0pKSlpLr8Ex/pm8Ehb+ddaw4DhgkYG87AaA3Rf8XJl2iskRJ9Ah3XPE5Zvz2L35mixIyc2rWc6RI8pMXYWbr8PN1/zJQ5b0sj6Z9zKzcFTfFa7LqdaglWkmd+gya8B6rDW/Lijohb0y/qlZ+FZcNlxoaX5hcnfAvseTqzk0lHtLXGTleCp5KySHEhQINNDzwWAIf8BhIDFrefDiqA6FKZn/MyZOOwAAAABJRU5ErkJggg=="),
    "1" : img("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAoElEQVQ4jc1OMQ4DIQzzl25kZbyRkZWRb/CM/pUO11TBgqA7qNTBiu0YE5wH6k5Ai0izt5tp6BLmM81HRCnciW9hcvNwcnYuuU+hBCWsteXzR8mhovd4Bf9VmP2kMPs2xLynuRRs6NCoxDoC1s98heUJx6jgKX5fWEI72bd2JaCihNbQ0A9GOdbgklXglS/Cs+fpKWAfvFjlyP4id6eA/TcIXJt7yNRK7wAAAABJRU5ErkJggg=="),
    "2" : img("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAKUlEQVQ4jWOYl2j/n5qYYV6i/f9OL3Wq4FEDRw0cNXDUwFEDaW0gNTEAMNApbmAeWQcAAAAASUVORK5CYII="),
    "3" : img("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAKUlEQVQ4jWPomuX2n5qYoWuW2//2he5UwaMGjho4auCogaMG0tpAamIASCDKkhoXsfkAAAAASUVORK5CYII="),
    "4" : img("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAA8ElEQVQ4jaXTOw7DIBAE0L3Slm4pKSnduvQ1OAZnypVIEcYMC5jEQUIGyXrM8hFJmuXlsqDxeDRfNoBJe+hnrIAxSG6SPoJKA3ahSPo0YQySuf+dNAbJp5M2oU2H+TcLnO4Dnq6W3pXPaVcog4zdoivw2CrKMFIPy53hx9aCDMUg9Y7aezprwPDldA28elFcMsAlbl/U6KCOTfKuFdx1vMBVNl+tuz0EajHMYyB49vZFRGw6C3NiSXr9O31RXivEOCe1VTRbYK8UQF/6Tl9exGIdzKBFvcFmVXSHxaDFZjjSImVzSEnzEJzhGNst8FrhNxt+sB1ahZtPAAAAAElFTkSuQmCC"),
    "5" : img("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAKUlEQVQ4jWPQrXP5T03MoFvn8t92WjBV8KiBowaOGjhq4KiBtDaQmhgAiclJqi2baEkAAAAASUVORK5CYII="),
    "6" : img("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAy0lEQVQ4ja3SsQ7CMAwE0PuljF0zMmb02jG/kf8OQ3rUuI5LSyNZQKie7gx4JfRoxLlbl3G/LmP4nCR0eIBF9J0GNCwJvWYFSpDIwhbiewA4JJwBOhWH39e8YQS9it5nm65m9FYUBgCzimIgcRJ+auoT7cgm0vNV8wys+Qi1skNTjJWjSq3siLsze+ySbS0inBAjqIFZup8wALCIhi9jBL1kfL2E6YReqssYMHaoMULhX+MsIaFbO5uBj2AAwGR/1bTg7R9gBj6SbDtvngttiXS5xLMAAAAASUVORK5CYII="),
    "7" : img("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAKUlEQVQ4jWMoc6/7T03MUOZe97/eoZUqeNTAUQNHDRw1cNRAWhtITQwAUlGGMvc8UIoAAAAASUVORK5CYII="),
    "8" : img("data:image/png;base64,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"),
    "DoorClosed" :img("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAoCAYAAAD6xArmAAAAqElEQVRIie3VwQ3AIAgFUMdwBdfpTN3VMX5PXjDkQwrSQw9csD4TAqUBHUDHfbWQWF5Lg2VCe4jl5fk5+G0JzsHbh3MAc6gX5bmMfJiVwnueD7M20sJf4yjYOgDWAcqHvSVh9/LhbQAUiOXrYetA1MMbRH4634EXKKMeZiDLqwOSBntXD1td+TAL9pC5xmHw38d1fWyF3X0cBrMHNPAcbF3n1gFZXhr8ACgL2YotMpinAAAAAElFTkSuQmCC"),
    "DoorOpen"   :img("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAoCAYAAADkDTpVAAABMUlEQVRIidXWvYpDIRAFYNPYWFmZxkosrCxE8gpCikCeKe+aKs9wttlhYS4y5kf3ppgiN+F8cK6MUbVW1FqRc0bOGSklpJQQQkAIAd57eO/hnINzDtZaWGthjIExBlpraK2h1AFKHXC7KtyuCsARwBHqawAeTJ/3D1DQ9wE8EPcE3NMG3B8gVfJ2RdOAXjCflyt6G2itobUmAlJwt6JpAAXzebYi/v164HFWeJzVBpIqkp6vAy4nhcvpDyiloJTSBUYrmw/QMSWAgvl0VwNbcv8H8EB66T2AgvcD0LKjQF7Z5qXy4NELZzpAy46AGCNijPIxpbpGL5zpAAVzQKpquKLpAK3rXkUvH9OPA/S3m2b40h89pssBGvHS7wBiRcsAGgl4+iUvB2ikFbF5/vv76cAP/b0s1prwFOUAAAAASUVORK5CYII="),
    "key"        :img("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAYAAADwdn+XAAAAOklEQVQokWNggIL//xn+I2MGUgC6ZpIMwaYBl4FYLcFlG9UMwCaOIk/ICwQNIDUQsRqAzRB8gY6sHgCFjcs1TMDauwAAAABJRU5ErkJggg=="),
    "UI"         :img("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAeAAAAAoCAYAAAAmGCn4AAABoElEQVR4nO3bQW6DMBAFUJ+v1+k9c4RsewSWdFFZIsNYOCpokugtnsRgI8Hqwxi3n1tbv7/+bI/VarVarVZfV7dsAAC4Rs/cFk92cWI2BwB4FLMzjnVtFLQAwLm2WbsL4J9bW9flvgvk6jcKAHhlo8DdZup23i6A+8R1ue8mAwDHZjK1ZRfFtF6XOwAwKWZo9jG7C+BRIAMAc2a6x+lPWLGnXf0gAPBOsiw9bEF31TcPAJ/g8As4WzgGAP4nfvkOW9ACGADOk2WsAAaAiwlgAChwGMDWgAHgfIdrwAIYAM7nJywAKKAFDQAFtKABoIAWNAAUsA0JAApYAwaAAtaAAaCANWAAKKAFDQAFtKABoIAWNAAUsA0JAAoIYAAo4CcsACgw/RNWV33DAPAJRjm7a0H3404YA8Bzsiw9bEFnLenqBwGAd5K1nKf2AW8vFsAA8JyYoVP7gPvEdRkvHAMAYzOZmm5DytJ628sGAB6Ngjh+EQ8DGAC4RhrAfSAmeQzm6jcMAHhlMTvj2EMAx5MAwDV65raY0tkktVqtVqvV59a/RXVSsGn9P1kAAAAASUVORK5CYII="),
    "heart"      :img("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAdklEQVQ4jdXTQQ6AIAxE0R6D+x/I67jElaEdU5iBbjTpys+DBDWD5zLr7+A7pfmE2QKmCeHdxuACpklDv8B3WRPQLPTxbNOw8Sr0KNNMT6fOj8AKNNx0FUh9h/LpTlH599vGVJTCWFTCVugWlqFHGKIlGKJM+wBT2hinzYe/ggAAAABJRU5ErkJggg=="),
    "half-heart" :img("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAUCAYAAAC9BQwsAAAAW0lEQVQ4jWNgQAPnGBj+wzC6HE6ArIlozTCF3yUQmKBmbJqQNePViE0Tsq0YBuCzDa+TCWnC6WxSNKJoJlUjXDMxfqTYuWSHLHUTwTDUTFZWoyhzE60RWTOyGADjUEe10vX2GwAAAABJRU5ErkJggg=="),
    "sign"       :img("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAATUlEQVQ4jWM41sPwn5qYgSYGcjAgBDgYMPnoNC41KAbiMhTdAEIW0N7L+LxKSC1WL2PzIil8BkpdhC5GmzCkqoGEAMkaRg0cNXA4GggAS+nvahasOxYAAAAASUVORK5CYII=")
};