2f:T8ce,plotData2 = function () { let d = data(); let e = []; let s = { soldatenInFolge: 0, nochEinSoldat: false, platzFürObituary: true, ausnahmeSoldat: false, lostSoldat: false, soldat: false, obituary: true }; for (let y = 0; y < 300; y++) { for (let x = 0; x < width / xFac; x++) { let blocked = false; // Aussparung für Textfelder textfields.forEach((tf) => { if ( x * xFac >= tf[0] - padding - xFac && x * xFac <= tf[0] + tf[2] + padding && y * yFac >= tf[1] - padding - yFac && y * yFac <= tf[1] + tf[3] + padding ) { blocked = true; } }); if (blocked) { continue; } let debug = true; // Den State definieren // Immer 9 +/- 5 Soldaten in Folge s.nochEinSoldat = s.soldatenInFolge < 8 + (Math.random() - 0.5) * 5; // Am Ende der Zeile keine Obituary, damit sie nicht überhängen s.platzFürObituary = x + 1 * zoomFac < width / xFac; // Nach einem verlorenen Panzer fügen wir einen verlorenen Soldaten ein s.lostSoldat = (s.soldatenInFolge < 5 + Math.random() * 1.7 && d.soldier_lost.length > 0) || (d.soldier.length == 0 && s.nochEinSoldat); s.soldat = (!s.lostSoldat && s.nochEinSoldat && d.soldier.length > 0) || (d.soldier_lost.length == 0 && s.nochEinSoldat); s.obituary = !s.nochEinSoldat && s.platzFürObituary && d.soldier_obituary.length > 0; if (s.soldat) { e.push({ ...d.soldier.pop(), x: x, y: y }); s.soldatenInFolge = s.soldatenInFolge + 1; debug = false; } else if (s.obituary) { e.push({ ...d.soldier_obituary.pop(), x: x, y: y }); s.soldatenInFolge = 0; x = x + 1; debug = false; } else if (s.lostSoldat) { e.push({ ...d.soldier_lost.pop(), x: x, y: y }); s.soldatenInFolge = s.soldatenInFolge + 1; debug = false; } else { Object.keys(d).every((key) => { if (d[key].length > 0) { e.push({ ...d[key].pop(), x: x, y: y }); return false; } debug = false; }); } } } return e; }30:T63e,soldier = ` `31:T10ee,soldier_obituary = ` `32:T6a9,soldier_lost = ` `33:[] 2d:{"title":"810 Naval Strikethrough Map","cells":[{"id":0,"value":"# 810 Naval Strikethrough Map","pinned":false,"hidden":false,"mode":"md"},{"id":818,"value":"is_mobile = false","pinned":true,"hidden":false,"mode":"ojs"},{"id":602,"value":"zoomFac = 1","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"height = is_mobile ? 1400 : 1000","pinned":false,"hidden":false,"mode":"ojs"},{"id":33,"value":"width = is_mobile ? 347 : 627","pinned":false,"hidden":false,"mode":"ojs"},{"id":598,"value":"xFac = 10 * zoomFac","pinned":false,"hidden":false,"mode":"ojs"},{"id":600,"value":"yFac = 20 * zoomFac","pinned":false,"hidden":false,"mode":"ojs"},{"id":785,"value":"padding = 5","pinned":false,"hidden":false,"mode":"ojs"},{"id":796,"value":"textfields_cw = [\n [0, 85, 446, 21],\n [0, 171, 189, 80],\n [310, 171, 320, 159.17269897460938],\n [0, 531, 633, 68],\n [0, 5, 630, 27],\n [321, 360, 25, 23],\n [562, 381, 25, 23],\n [446, 422, 25, 24]\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":675,"value":"textfields_mw = [\n [0, 159, 224, 44],\n [168, 304, 181, 84],\n [0, 448, 350, 173.94578552246094],\n [0, 856, 350, 111],\n [0, 0, 350, 80],\n [44, 657, 25, 21],\n [164, 695, 26, 23],\n [264, 695, 25, 24]\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":4,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":401,"value":"draw()","pinned":true,"hidden":false,"mode":"ojs"},{"id":502,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs"},{"id":121,"value":"draw = function () {\n let canvas = d3.select(\"#canvas\");\n let _d = plotData2();\n canvas.selectAll(\".figure\").remove();\n\n canvas\n .selectAll(\".figure\")\n .data(_d)\n .enter()\n .append(\"g\")\n .attr(\"class\", \"figure\")\n .attr(\n \"transform\",\n (d) =>\n `translate(${d.x * xFac + (Math.random() - 0.5) * 3 * zoomFac}, ${\n d.y * yFac\n })`\n )\n .html((d) => {\n switch (d.type) {\n case \"soldier\":\n return soldier;\n case \"soldier_obituary\":\n return soldier_obituary;\n case \"soldier_lost\":\n return soldier_lost;\n }\n });\n\n canvas.selectAll(\"path\").attr(\"fill\", (d) =>\n chroma(\"#3D6A8D\")\n .darken(Math.random() * 0.2)\n .brighten(Math.random() * 1.8)\n .hex()\n );\n\n canvas.selectAll(\".figure svg\").attr(\"style\", `transform: scale(${zoomFac})`);\n return _d;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":550,"value":"plotData2()","pinned":true,"hidden":false,"mode":"ojs"},{"id":828,"value":"textfields = is_mobile ? textfields_mw : textfields_cw","pinned":true,"hidden":false,"mode":"ojs"},{"id":313,"value":"// Generates an object for each soldier, soldier with obituary and soldier lost\ndata = function () {\n let _d = { soldier: 148, soldier_obituary: 81, soldier_lost: 521 };\n for (let [k, v] of Object.entries(_d)) {\n _d[k] = Array.from(Array(v)).map((d) => ({\n type: k\n }));\n }\n return _d;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":716,"value":"data()","pinned":true,"hidden":false,"mode":"ojs"},{"id":724,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":728,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":734,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":167,"value":"chroma = require(\"chroma-js\")","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}