31:[] 2f:{"title":"Monster Icon Mix Up","cells":[{"id":0,"value":"md`# Monster Icon Mix Up`","pinned":false,"hidden":false,"mode":"ojs"},{"id":132,"value":"html`\n

Imports RPG Icons from @nitaku , and renders as SVG.

Click Change Monsters to randomly change the icons.

Score is determined by: \n

Total # colors - # of unique colors
Total # of monsters - # of unique monsters

\nSo try to get all the same monster + color! How high of a score can you get? \n

I exported this to Itch.io in about 2 minutes.

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":21,"value":"viewof button = html``;","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":" icon = html`\n ${ button, await game_icon(iconList[randIcon()], {background: colorList[randColor()]}) }\n ${ button, await game_icon(iconList[randIcon()], {background: colorList[randColor()]}) }\n ${ button, await game_icon(iconList[randIcon()], {background: colorList[randColor()]}) }\n ${ button, await game_icon(iconList[randIcon()], {background: colorList[randColor()]}) }\n ${ button, genScore()}\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":127,"value":"html`

Codez: `","pinned":false,"hidden":false,"mode":"ojs"},{"id":139,"value":"genScore = function(){\n //document.getElementById('gameScore').innerHTML = \"9999\";\n //let els = document.getElementsByTagName(\"path\")\n let localScore = 0;\n let colorsSet = new Set(colors);\n console.log(colors.length - colorsSet.size)\n let tilesSet = new Set(tiles);\n console.log(tiles.length - tilesSet.size)\n let finalScore = localScore + (colors.length - colorsSet.size) + (tiles.length - tilesSet.size)\n \n colors.length = 0;\n tiles.length = 0;\n return `

Score: ${finalScore}

`\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"import {game_icon} from \"@nitaku/game-icons\"\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":105,"value":"randIcon = function(){\n let val = Math.floor(Math.random() * iconList.length);\n tiles.push(val);\n return val;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":110,"value":"randColor = function(){\n let val = Math.floor(Math.random() * colorList.length);\n colors.push(val);\n return val;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"iconList = [\n 'delapouite/gargoyle',\n 'delapouite/spiked-dragon-head',\n 'delapouite/spider-eye',\n 'delapouite/slime',\n 'delapouite/shambling-zombie',\n 'delapouite/griffin-symbol',\n 'delapouite/sasquatch',\n 'lorc/double-dragon',\n 'lorc/haunting',\n\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":89,"value":"colorList = [\n 'red',\n 'green',\n 'blue',\n 'yellow',\n 'purple',\n 'orange',\n 'violet',\n 'tan',\n 'black',\n 'grey',\n 'pink'\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":148,"value":"mutable colors = []","pinned":false,"hidden":false,"mode":"ojs"},{"id":149,"value":"mutable tiles = []","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}