2f:T41b,svgView = { var svg = d3 .create("svg") .attr("width",width) .attr("height",height) .attr("viewBox",[0,0,width,height]); svg .append("rect") .attr("width",width) .attr("height",height) .attr("fill","green"); svg .append("rect") .attr("width", width/4) .attr("height", 50) .attr("fill", "white") .attr("x", width/16) .attr("y",450); svg .append("text") .text("Credits") .attr("x", width/16) .attr("y", 440) .attr("fill", "white") .attr("font-size", 28) .attr("font-family", "var(--serif)") .attr("font-weight", "bold"); svg .append("rect") .attr("width", width/4) .attr("height", 50) .attr("fill", "white") .attr("x", 3 * width / 16 + 2 * width / 4) .attr("y",450); svg .append("text") .text("Win") .attr("x", 3 * width / 16 + 2 * width / 4) .attr("y", 440) .attr("fill", "white") .attr("font-size", 28) .attr("font-family", "var(--serif)") .attr("font-weight", "bold"); return svg; }30:[] 2d:{"title":"スロットマシーンプロトタイプ","cells":[{"id":0,"value":"# スロットマシーンプロトタイプ","pinned":false,"hidden":false,"mode":"md"},{"id":175,"value":"svgView.node()","pinned":true,"hidden":false,"mode":"ojs"},{"id":5,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs"},{"id":151,"value":"svgBox = {\n var boxes = new Array(3);\n for(let i=0; i<3; i++){\n boxes[i] = \n svgView\n .append(\"svg\")\n .attr(\"width\",width/4)\n .attr(\"height\",300)\n .attr(\"x\",(i + 1) * width / 16 + i * width / 4)\n .attr(\"y\",50);\n \n boxes[i]\n .append(\"rect\")\n .attr(\"width\",width/4)\n .attr(\"height\",300)\n .attr(\"fill\",\"white\");\n }\n \n return boxes;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":207,"value":"svgIcon = {\n var svgs = new Array(3);\n for(let i=0; i<3; i++){\n svgs[i] = svgBox[i].append(\"svg\")\n }\n return svgs;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":187,"value":"Generators.observe((notify) => {\n let n = 0;\n let interval = setInterval(function () {\n var setNum;\n for(let i=0; i<3; i++){\n if(slotting[i]){\n setNum = (i+n)%5;\n }\n else{\n setNum = 4;\n }\n svgIcon[i]\n .html(d3.select(svgArray[setNum]).html())\n .attr(\"viewBox\", d3.select(svgArray[setNum]).attr(\"viewBox\"))\n .attr(\"width\", \"80%\")\n .attr(\"x\", \"10%\")\n .attr(\"y\", 0)\n .attr(\"fill\",\"red\");\n }\n n++;\n notify(svgIcon);\n }, 50);\n return () => clearInterval(interval);\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":128,"value":"Generators.observe((notify) => {\n let interval = setInterval(function () {\n // slotting[0] = !slotting[0];\n SetSlotting();\n notify(slotting);\n }, 3000);\n return () => clearInterval(interval);\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":35,"value":"height = 550;","pinned":false,"hidden":false,"mode":"ojs"},{"id":354,"value":"slotting = [true, true, true]","pinned":true,"hidden":false,"mode":"ojs"},{"id":347,"value":"async function SetSlotting(){\n \n for(let i=0; i<3; i++){\n console.log(slotting[i]);\n slotting[i] = !slotting[i];\n await _sleep(400);\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":134,"value":"svgArray = new Array(5)","pinned":false,"hidden":false,"mode":"ojs"},{"id":158,"value":"randomNumber = (min, max) => {\n return Math.floor((max - min + 1) * Math.random() + min) \n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":259,"value":"_sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms))","pinned":true,"hidden":false,"mode":"ojs"},{"id":10,"value":"svgArray[0] = htl.svg``","pinned":false,"hidden":false,"mode":"ojs"},{"id":15,"value":"svgArray[1] = htl.svg``","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"svgArray[2] = htl.svg``","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"svgArray[3] = htl.svg``","pinned":false,"hidden":false,"mode":"ojs"},{"id":26,"value":"svgArray[4] = htl.svg``","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"新規取引なし：はずれ\n\n0~1万: さくらんぼ\n\n1万~10万: すいか\n\n10万~50万：パイナップル\n\n50万〜100万：BAR\n\n100万〜：7","pinned":false,"hidden":false,"mode":"md"}],"files":"$W30","stdlib":"1","titling":"auto"}