31:[] 2f:{"title":"Tabletop Simulator custom deck dimensions","cells":[{"id":0,"value":"# Tabletop Simulator custom deck dimensions\n\nWhen creating a [custom deck][1] in Tabletop Simulator, the sheet image has a\ndocumented [maximum width of 4096px][2] and seems to have a maximum height of\n4096px too. Given cards of a known aspect ratio, what resolutions and card\ncounts can we expect using different column and row configurations?\n\n[1]: https://kb.tabletopsimulator.com/custom-content/custom-deck/\n[2]: https://kb.tabletopsimulator.com/custom-content/asset-creation/","pinned":false,"hidden":false,"mode":"md"},{"id":3,"value":"aspects = [\n [2.5, 3.5], // inches Poker\n [61 / 25.4, 88 / 25.4], // mm Marvel Champions\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":60,"value":"table = htl.html`\n ${aspects.map(\n ([aw, ah]) => htl.html`\n

${aw.toFixed(1)} × ${ah.toFixed(1)}

\n \n \n \n \n \n \n \n \n \n ${dimensions(aw, ah).map(\n ({ n, columns, rows, w, h, width, height, r, ppi }, i, sheets) => htl.html\n .fragment`\n \n \n \n \n \n \n \n \n `\n )}\n

deck size	columns × rows	card (px)	sheet (px)	card resolution (px)	pixel density (ppi)
${i ? sheets[i - 1].n + 1 : 1}-${n}${n < 10 ? htl.html.fragment` ` : ''}	${columns} × ${rows}	${w} × ${h}	${width} × ${height}	${r.toLocaleString()}	${ppi.toFixed(0)}

`\n )}\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":284,"value":"For comparison, my current monitor has a density of 218 pixels per inch.","pinned":false,"hidden":false,"mode":"md"},{"id":151,"value":"dimensions = (aw, ah) => [\n ...d3\n .rollup(\n possible(aw, ah),\n (r) => r[r.length - 1],\n (d) => d.r\n )\n .values()\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":122,"value":"possible = (aw, ah) =>\n d3\n .cross(d3.range(1, 11), d3.range(2, 11))\n .map(([columns, rows]) => {\n const w = Math.floor(4096 / columns);\n const h = Math.round((w / aw) * ah);\n return {\n n: columns * rows,\n columns,\n rows,\n w,\n h,\n r: w * h,\n ppi: w/aw, // 5120x2880\n width: columns * w,\n height: rows * h\n };\n })\n .filter(({ height }) => height <= 4096)","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}