28:null 29:["$","title",null,{"children":"Patterns Maker | Dmitry Baranovskiy | Observable"}] 2f:T831,getPattern = (pdesc, min, max, x) => { const desc = JSON.parse(String(pdesc)); const v = (Number(x) - Number(min)) / (Number(max) - Number(min)); if (Array.isArray(desc)) { const A = desc[3]; const A2 = A ** 2; const π = Math.PI; const sq2 = Math.sqrt(2); const sq3 = Math.sqrt(3); const d = C1 / A2; const d3 = C2 / A2; const k = (A2 * sq3) / 2 / π; const k2 = A / sq3; let r; let r2 = desc[5]; switch (desc[0]) { case 1: r = 2 * (v < π / 4 ? Math.sqrt((v * A ** 2) / π) : (A * d3 * sq2 + Math.sqrt(4 * d3 * (v - 1))) / (2 * d3)); break; case 2: r = 2 * (v < π / (2 * sq3) ? Math.sqrt(v * k) : (2 * k2 * d + Math.sqrt( Math.max( 0, 4 * k2 ** 2 * d ** 2 - 4 * d * (d * k2 ** 2 + 1 - v) ) )) / (2 * d)); break; case 3: r = v * A; break; case 4: r = desc[2]; break; case 5: r = (() => { let a1 = Math.abs(desc[6] - desc[4]) % 180; const α = (a1 / 180) * π; const alpha = Math.abs(Math.min(a1, 180 - a1)); const z = desc[5] / desc[2]; const w = A / Math.sin((π - α) / 2); const h = A / Math.sin((π - α) / 2) / Math.tan(α / 2); const wa = v; const sin = Math.sin((alpha * π) / 180); const a = z; const b = -A * (1 + z); const c = v * A ** 2; const D = Math.sqrt(b ** 2 - 4 * a * c); const x1 = (-b + D) / 2 / a; const x2 = (-b - D) / 2 / a; if (x1 > 0 && x1 < A) { r2 = z * x1; return x1; } r2 = z * x2; return x2; })(); break; default: r = 0; } desc[2] = Math.round(r * 1e4) / 1e4; desc[5] = Math.round(r2 * 1e4) / 1e4; return JSON.stringify(desc); } return pdesc; }30:T6c5,getStripes = (grid, angle) => { const π = Math.PI; return grid .map((row) => { if (!row.length) { return ""; } const there = []; const back = []; const α = (angle * π) / 180 - π / 2; let prev; row.forEach((dot) => { const cx = dot[0]; const cy = dot[1]; const h = dot[2] / 2; const t = { x: cx + h * Math.cos(α), y: cy + h * Math.sin(α) }; const b = { x: cx - h * Math.cos(α), y: cy - h * Math.sin(α) }; const side = h * ω; const t1 = { x: t.x + side * Math.cos(α + π / 2), y: t.y + side * Math.sin(α + π / 2) }; const t2 = { x: t.x + side * Math.cos(α - π / 2), y: t.y + side * Math.sin(α - π / 2) }; const b1 = { x: b.x + side * Math.cos(α + π / 2), y: b.y + side * Math.sin(α + π / 2) }; const b2 = { x: b.x + side * Math.cos(α - π / 2), y: b.y + side * Math.sin(α - π / 2) }; if (prev) { there.push( `C${round(prev.t2.x)},${round(prev.t2.y)},${round(t1.x)},${round( t1.y )},${round(t.x)},${round(t.y)}` ); back.push( `C${round(b1.x)},${round(b1.y)},${round(prev.b2.x)},${round( prev.b2.y )},${round(prev.b.x)},${round(prev.b.y)}` ); } else { there.push(`M${round(t.x)},${round(t.y)}`); } prev = { t, b, t1, t2, b1, b2 }; }); back.push(`L${round(prev.b.x)},${round(prev.b.y)}`); return there.length ? there.join("") + back.reverse().join("") + "z" : ""; }) .join("\n"); }31:[] 2c:{"id":"02a6c1a6968e5309","slug":null,"title":"Patterns Maker","thumbnail":"73e6157f2d3b400cd0b238669b6078c29e526cb19053122aa4e7aed317ca7ef8","access_level":"public","create_time":"$D2022-03-21T05:39:08.004Z","update_time":"$D2022-11-15T23:10:27.915Z","view_time":null,"first_public_time":"$D2022-11-17T00:08:30.103Z","fork":false,"stars":4,"starred":false,"owner":{"type":"team","id":"e3672025b6b6f436","login":"dmitrybaranovskiy","name":"Dmitry Baranovskiy","avatar_url":"https://avatars-next.observableusercontent.com/c31e7f084a49a6e09f7724ab70028e1f8a03923326f084b8f9e86a014705daf0","tier":"starter_2024"},"version":417,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"230ca2847200ccc9","login":"dmitrybaranovskiy","name":"Dmitry Baranovskiy","avatar_url":"https://avatars-next.observableusercontent.com/c31e7f084a49a6e09f7724ab70028e1f8a03923326f084b8f9e86a014705daf0","tier":null}],"members":[{"type":"individual","id":"230ca2847200ccc9","login":"dmitrybaranovskiy","name":"Dmitry Baranovskiy","avatar_url":"https://avatars-next.observableusercontent.com/c31e7f084a49a6e09f7724ab70028e1f8a03923326f084b8f9e86a014705daf0","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"Patterns Maker","cells":[{"id":0,"value":"# Patterns Maker","pinned":false,"hidden":false,"mode":"md"},{"id":186,"value":"viewof angle = Inputs.range([0, 180], {\n value: 20,\n step: 1,\n label: \"Angle\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":201,"value":"viewof step = Inputs.range([4, 50], {\n value: 10,\n step: 1,\n label: \"Step\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":51,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":46,"value":"width = 100","pinned":false,"hidden":false,"mode":"ojs"},{"id":49,"value":"height = 300","pinned":false,"hidden":false,"mode":"ojs"},{"id":373,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":3,"value":"import {makeGrid} from\"@dmitrybaranovskiy/grid\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":83,"value":"DESC = `[1,false,2,${step},${angle + 90},1,30]`","pinned":false,"hidden":false,"mode":"ojs"},{"id":87,"value":"DD = getDesc(DESC)","pinned":false,"hidden":false,"mode":"ojs"},{"id":57,"value":"grid = {\n const grid = makeGrid(width, height, DD.space, DD.angle, DD.space);\n grid.forEach((row) => {\n row.forEach((dot) => {\n const desc = getDesc(\n getPattern(\n `[1,false,4,${step},${angle},1,0]`,\n 0,\n height,\n Math.max(0, Math.min(dot[1], height))\n )\n );\n dot[2] = desc.size;\n });\n });\n return grid;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":193,"value":"grid2 = {\n const grid = makeGrid(width, height, DD.space, DD.angle, DD.space, \"hex\");\n grid.forEach((row) => {\n row.forEach((dot) => {\n const desc = getDesc(\n getPattern(\n `[2,false,4,${step},${angle},1,0]`,\n 0,\n height,\n Math.max(0, Math.min(dot[1], height))\n )\n );\n dot[2] = desc.size;\n });\n });\n return grid;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":209,"value":"grid3 = {\n const grid = makeGrid(width, height, DD.space, DD.angle2, DD.space);\n grid.forEach((row) => {\n row.forEach((dot) => {\n const desc = getDesc(\n getPattern(\n `[5,false,2,${step},${angle},1,30]`,\n 0,\n height,\n Math.max(0, Math.min(dot[1], height))\n )\n );\n dot[2] = desc.size2;\n });\n });\n return grid;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":230,"value":"grid4 = {\n const grid = makeGrid(width, height, DD.space, DD.angle, DD.space);\n grid.forEach((row) => {\n row.forEach((dot) => {\n const desc = getDesc(\n getPattern(\n `[5,false,2,${step},${angle},1,0]`,\n 0,\n height,\n Math.max(0, Math.min(dot[1], height))\n )\n );\n dot[2] = desc.size;\n });\n });\n return grid;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":269,"value":"grid5 = {\n const grid = makeGrid(width, height, DD.space, DD.angle, DD.space);\n grid.forEach((row) => {\n row.forEach((dot) => {\n const desc = getDesc(\n getPattern(\n `[3,false,4,${step},${angle},1,0]`,\n 0,\n height,\n Math.max(0, Math.min(dot[1], height))\n )\n );\n dot[2] = desc.size;\n });\n });\n return grid;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":328,"value":"getPattern(`[5,false,4,${step},120,1,30]`, 0, 300, 290)","pinned":true,"hidden":false,"mode":"ojs"},{"id":71,"value":"getDesc = (desc) => {\n const json = JSON.parse(desc);\n return {\n type: json[0],\n inv: json[1],\n size: json[2],\n space: json[3],\n angle: json[4],\n size2: json[5],\n angle2: json[6]\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":387,"value":"π = Math.PI;","pinned":false,"hidden":false,"mode":"ojs"},{"id":391,"value":"sq3 = 3 ** 0.5","pinned":false,"hidden":false,"mode":"ojs"},{"id":382,"value":"C1 = (6 * π - 12 * sq3) / (7 * sq3 - 12)","pinned":false,"hidden":false,"mode":"ojs"},{"id":404,"value":"C2 = (π - 4) / (3 - 2 * 2 ** 0.5)","pinned":false,"hidden":false,"mode":"ojs"},{"id":384,"value":"C_1=\\frac{6\\pi-12\\sqrt{3}}{7\\sqrt{3}-12}","pinned":false,"hidden":false,"mode":"tex"},{"id":407,"value":"C_2=\\frac{\\pi-4}{3-2\\sqrt{2}}","pinned":false,"hidden":false,"mode":"tex"},{"id":66,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs"},{"id":140,"value":"ω = (8 * (2 ** 0.5 - 1)) / 3","pinned":false,"hidden":false,"mode":"ojs"},{"id":377,"value":"\\omega=\\frac{8}{3}\\left(\\sqrt{2}-1\\right)","pinned":false,"hidden":false,"mode":"tex"},{"id":151,"value":"round = (num) => Math.round(num * 1e3) / 1e3","pinned":false,"hidden":false,"mode":"ojs"},{"id":141,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}} 2d:"$2c:body"