2f:[] 2d:{"title":"Torus Knots","cells":[{"id":0,"value":"md`# Torus Knots`","pinned":false,"hidden":false,"mode":"ojs"},{"id":97,"value":"md`## Raster`","pinned":false,"hidden":false,"mode":"ojs"},{"id":223,"value":"viewof cols.bind(html``)","pinned":false,"hidden":false,"mode":"ojs"},{"id":84,"value":"gridR((ctx, i, j, size) => torusKnotR(ctx, i + 1, j + 1, size / 2))","pinned":true,"hidden":false,"mode":"ojs"},{"id":78,"value":"function torusKnotR(ctx, p, q, r) {\n let da = (2 * Math.PI * p) / q;\n ctx.translate(r, r);\n ctx.beginPath();\n let fn = ctx.moveTo.bind(ctx);\n for (let i = 0; i < q; i++) {\n let a = i * da;\n fn(r * Math.cos(a), r * Math.sin(a));\n fn = ctx.lineTo.bind(ctx);\n }\n ctx.closePath();\n ctx.strokeJoin = 'round';\n ctx.stroke();\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":2,"value":"function gridR(fn) {\n let spacing = 10;\n let cellWidth = Math.min(width / cols, width / rows);\n let ctx = DOM.context2d(cols * cellWidth, rows * cellWidth);\n for (let i = 0; i < cols; i++) {\n for (let j = 0; j < rows; j++) {\n ctx.resetTransform();\n ctx.scale(2, 2);\n ctx.translate(i * cellWidth, j * cellWidth);\n fn(ctx, i, j, cellWidth - spacing);\n }\n }\n\n return ctx.canvas;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":100,"value":"md`## Vector`","pinned":false,"hidden":false,"mode":"ojs"},{"id":108,"value":"gridV((i, j, size) => torusKnotV(i + 1, j + 1, size / 2))","pinned":true,"hidden":false,"mode":"ojs"},{"id":102,"value":"function torusKnotV(p, q, r) {\n let da = (2 * Math.PI * p) / q;\n let pts = [];\n for (let i = 0; i < q; i++) {\n let a = i * da;\n pts.push([r + r * Math.cos(a), r + r * Math.sin(a)]);\n }\n return svg``;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":107,"value":"function gridV(fn) {\n let spacing = 10;\n let cellWidth = width / cols;\n\n let cells = [];\n for (let i = 0; i < cols; i++) {\n for (let j = 0; j < rows; j++) {\n let x = i * cellWidth;\n let y = j * cellWidth;\n cells.push(svg`\n ${fn(i, j, cellWidth - spacing)}\n `);\n }\n }\n\n return svg``;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":232,"value":"md`## Parameters`","pinned":false,"hidden":false,"mode":"ojs"},{"id":215,"value":"// viewof rows = new View(10)\nrows = cols","pinned":false,"hidden":false,"mode":"ojs"},{"id":222,"value":"viewof cols = new View(10)","pinned":false,"hidden":false,"mode":"ojs"},{"id":229,"value":"md`## Utilities`","pinned":false,"hidden":false,"mode":"ojs"},{"id":218,"value":"import { View } from \"@mbostock/synchronized-views\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W2f","stdlib":"1","titling":"auto"}