40:I[328484,["$2","$2f","$30","$31","$32","$33","$34"],"ToolPlayer"] 44:I[27201,["$2"],"IconMark"] 41:T1610,function hash(x, y, s) { let h = (x * 374761393 + y * 668265263 + s * 2147483647) | 0; h = Math.imul(h ^ (h >>> 13), 1274126177); return ((h ^ (h >>> 16)) >>> 0) / 4294967296; } // Returns 0 (ground), 1 (thread) or 2 (accent thread) for a cell at |offset| (ax, ay) from the center. function cellVal(ax, ay, p, P) { const dx = P.cx - ax, dy = P.cy - ay; const d = Math.min(dx, dy), far = Math.max(dx, dy); const u = dx < dy ? ay : ax; const bw = p.bw; const acc = p.twoTone ? 2 : 1; if (p.corner && dx < P.S && dy < P.S) { const S = P.S, lx = dx, ly = dy; if (lx === 0 || ly === 0 || lx === S - 1 || ly === S - 1) return 1; if (lx === 1 || ly === 1 || lx === S - 2 || ly === S - 2) return 0; const cc = (S - 1) / 2, ex = lx - cc, ey = ly - cc; if (Math.abs(ex) < 0.6 || Math.abs(ey) < 0.6) return 0; return Math.hypot(ex, ey) < S * 0.44 ? acc : 0; } if (d < bw) { if (d === 0 || d === bw - 1) return 1; const hw = (bw - 1) / 2, t = d - hw; switch (p.border) { case 'checker': return (u + d) % 2 === 0 ? 1 : 0; case 'dashes': return u % 4 < 2 ? 1 : 0; case 'diamonds': { const k = Math.abs((u % 8) - 4), q = (4 - k) / 4 + Math.abs(t) / hw; return (q <= 1.05 && q >= 0.6) || (k === 4 && Math.abs(t) < 0.5) ? 1 : 0; } default: { const k = ((u % 8) - 3.5) / 3.5, q = k * k + (t / hw) * (t / hw); return q <= 1.1 && q >= 0.45 ? 1 : 0; } } } const Fd = bw + 8; if (d === Fd && p.frame) return 1; if (d < Fd) { if (!p.band || far < Fd + 2) return 0; const zz = d - (bw + 4), k = u % 8, kk = Math.min(k, 8 - k), dist = kk + Math.abs(zz); return (dist <= 3 && dist >= 2) || dist === 0 ? 1 : 0; } const r = Math.hypot(ax, ay), r0 = P.rf * p.rosette; if (r < r0 + 1) { if (r < 1.3) return acc; const th = Math.atan2(ay, ax); const rad = r0 * (0.5 + 0.5 * Math.pow(Math.abs(Math.cos(p.petals * th)), 0.7)); if (r < rad) return !(ax < 0.6 || ay < 0.6) || r < 2.2 ? acc : 0; return 0; } if (p.ring && r < r0 + 4) return Math.abs(r - (r0 + 2.5)) < 0.75 ? 1 : 0; if (p.spiral > 0) { const Rs = P.rf * p.spiral + 2; const cs = [[P.Rx * 0.62 + P.jx, P.Ry * p.scrollPos + P.jy], [P.Rx * 0.3 - P.jx, P.Ry * 0.68 - P.jy]]; for (let q = 0; q < 2; q++) { const ex = ax - cs[q][0], ey = ay - cs[q][1], rr = Math.hypot(ex, ey); if (rr < Rs) { const sgn = (p.dir === 'ccw' ? 1 : -1) * (q ? -1 : 1); const v = rr / p.pitch + sgn * Math.atan2(ey, ex) / (Math.PI * 2); return v - Math.floor(v) < 0.45 ? 1 : 0; } if (rr < Rs + 1.2) return 0; } } if (p.fill > 0 && r > r0 + 3 && d > Fd + 2) { const lx = ax % 4, ly = ay % 4; const hh = hash(Math.floor(ax / 4), Math.floor(ay / 4), p.seed); if (hh < p.fill * 1.4) return (lx === 1 && ly <= 2) || (ly === 1 && lx <= 2) ? 1 : 0; if (hh < p.fill * 1.4 + 0.3) return lx === 1 && ly === 1 ? 1 : 0; } return 0; } defineTool({ render(ctx, p) { const { g, width: W, height: H, px } = ctx; const st = ctx.state; const cols = Math.round(p.cells) | 1; const cw0 = W / cols; let rows = Math.round(H / cw0) | 1; if (rows < 21) rows = 21; const key = [cols, rows, p.seed, p.border, p.bw, p.corner, p.band, p.frame, p.petals, p.rosette, p.ring, p.spiral, p.pitch, p.scrollPos, p.dir, p.fill, p.twoTone].join('|'); if (st.key !== key) { st.key = key; const r = kit.rand(p.seed); const cx = (cols - 1) / 2, cy = (rows - 1) / 2, Fd = p.bw + 8; const Rx = Math.max(4, cx - Fd), Ry = Math.max(4, cy - Fd); const P = { cx, cy, Rx, Ry, rf: Math.min(Rx, Ry), S: p.bw + Math.round(Math.min(cx, cy) * 0.2), jx: (r() - 0.5) * Rx * 0.12, jy: (r() - 0.5) * Ry * 0.12, }; const grid = new Uint8Array(cols * rows); for (let j = 0; j < rows; j++) for (let i = 0; i < cols; i++) { grid[j * cols + i] = cellVal(Math.abs(i - cx), Math.abs(j - cy), p, P); } st.grid = grid; } const cw = W / cols, ch = H / rows; g.fillStyle = p.ground; g.fillRect(0, 0, W, H); if (p.gridlines) { g.strokeStyle = kit.color.css(kit.color.mix(p.ground, '#000000', 0.3)); g.lineWidth = Math.max(1, px * 0.6); g.beginPath(); for (let i = 0; i <= cols; i++) { const x = Math.round(i * cw); g.moveTo(x, 0); g.lineTo(x, H); } for (let j = 0; j <= rows; j++) { const y = Math.round(j * ch); g.moveTo(0, y); g.lineTo(W, y); } g.stroke(); } const gx = cw * p.gap, gy = ch * p.gap; for (let pass = 1; pass <= 2; pass++) { const col = pass === 1 ? p.ink : p.accent; g.fillStyle = col; g.strokeStyle = col; g.lineWidth = Math.max(1, Math.min(cw, ch) * 0.22); g.lineCap = 'round'; g.beginPath(); for (let j = 0; j < rows; j++) for (let i = 0; i < cols; i++) { if (st.grid[j * cols + i] !== pass) continue; const x0 = i * cw + gx, y0 = j * ch + gy, w = cw - gx * 2 + (p.gap < 0.01 ? 0.5 : 0), h = ch - gy * 2 + (p.gap < 0.01 ? 0.5 : 0); if (p.shape === 'dot') { g.moveTo(x0 + w, y0 + h / 2); g.ellipse(x0 + w / 2, y0 + h / 2, w / 2, h / 2, 0, 0, Math.PI * 2); } else if (p.shape === 'cross') { const m = 0.15; g.moveTo(x0 + w * m, y0 + h * m); g.lineTo(x0 + w * (1 - m), y0 + h * (1 - m)); g.moveTo(x0 + w * (1 - m), y0 + h * m); g.lineTo(x0 + w * m, y0 + h * (1 - m)); } else { g.rect(x0, y0, w, h); } } if (p.shape === 'cross') g.stroke(); else g.fill(); } }, });37:["$","$L40",null,{"spec":{"code":"$41","name":"Cross-Stitch Tile","presets":[{"name":"Antique red","values":{"ink":"#f7f2ea","ground":"#9b0f1a"}},{"name":"Indigo scrolls","values":{"ink":"#efe8d6","cells":81,"accent":"#d9a441","border":"diamonds","ground":"#1c2b5a","petals":6,"spiral":0.3,"twoTone":true}},{"name":"Dense checker","values":{"ink":"#e9e2c8","fill":0.8,"ring":true,"cells":57,"border":"checker","ground":"#16341f","petals":8}},{"name":"Gold beads","values":{"dir":"ccw","gap":0.08,"ink":"#f2a900","cells":51,"shape":"dot","border":"dashes","ground":"#222222","gridlines":false}},{"name":"Cross-stitch","values":{"ink":"#a3162a","cells":61,"frame":false,"shape":"cross","ground":"#f3ead8","gridlines":true}}],"animated":false,"renderer":"canvas2d","sections":[{"label":"Grid","controls":[{"key":"cells","max":121,"min":41,"step":2,"type":"slider","label":"Stitches across","default":69},{"key":"seed","type":"seed","label":"Seed","default":5},{"key":"gen","type":"button","label":"Generate","action":"reseed"}]},{"label":"Border","controls":[{"key":"border","type":"select","label":"Border style","default":"chain","options":[{"label":"Chain links","value":"chain"},{"label":"Diamonds","value":"diamonds"},{"label":"Checker","value":"checker"},{"label":"Dashes","value":"dashes"}]},{"key":"bw","max":9,"min":3,"step":2,"type":"slider","label":"Border width","default":5},{"key":"corner","type":"toggle","label":"Corner flowers","default":true},{"key":"band","type":"toggle","label":"Diamond band","default":true},{"key":"frame","type":"toggle","label":"Inner frame","default":true}]},{"label":"Motifs","controls":[{"key":"petals","max":8,"min":2,"step":1,"type":"slider","label":"Rosette petals","default":4},{"key":"rosette","max":0.7,"min":0.2,"step":0.01,"type":"slider","label":"Rosette size","default":0.38},{"key":"ring","type":"toggle","label":"Rosette ring","default":false},{"key":"spiral","max":0.4,"min":0,"step":0.01,"type":"slider","label":"Scroll size","default":0.22},{"key":"pitch","max":5,"min":2.2,"step":0.1,"type":"slider","label":"Scroll tightness","default":3.2},{"key":"scrollPos","max":0.6,"min":0.1,"step":0.01,"type":"slider","label":"Scroll position","default":0.3},{"key":"dir","type":"select","label":"Scroll direction","default":"cw","options":[{"label":"Clockwise","value":"cw"},{"label":"Counter-clockwise","value":"ccw"}]},{"key":"fill","max":1,"min":0,"step":0.01,"type":"slider","label":"Sprinkles","default":0.35}]},{"label":"Stitch & colors","controls":[{"key":"shape","type":"select","label":"Stitch shape","default":"square","options":[{"label":"Filled square","value":"square"},{"label":"Round bead","value":"dot"},{"label":"Cross stitch","value":"cross"}]},{"key":"gap","max":0.35,"min":0,"step":0.01,"type":"slider","label":"Stitch gap","default":0.1},{"key":"gridlines","type":"toggle","label":"Chart grid lines","default":true},{"key":"ground","type":"color","label":"Ground","default":"#9b0f1a"},{"key":"ink","type":"color","label":"Thread","default":"#f7f2ea"},{"key":"twoTone","type":"toggle","label":"Accent thread","default":false},{"key":"accent","type":"color","label":"Accent","default":"#e8b04a"}]}],"description":"Symmetric two-colour charted pattern in the style of antique filet-crochet and cross-stitch charts, filling the whole frame: borders, corner flowers, diamond band, scrolls and a central rosette."},"versionId":"91e1445a-8241-462c-a37d-54b5e38d976e","toolId":"6121151c-6b93-4680-9e4b-48ebfd6a1ab8","carry":{},"reportErrors":true,"footer":"$L42","headExtra":"$L43"}] 39:null 3f:[["$","title","0",{"children":"Cross-Stitch Tile · Blueprint"}],["$","meta","1",{"name":"description","content":"Symmetric two-colour charted pattern in the style of antique filet-crochet and cross-stitch charts, filling the whole frame: borders, corner flowers, diamond band, scrolls and a central rosette."}],["$","link","2",{"rel":"canonical","href":"https://blueprint.page/p/cross-stitch-tile"}],["$","meta","3",{"property":"og:title","content":"Cross-Stitch Tile"}],["$","meta","4",{"property":"og:description","content":"Symmetric two-colour charted pattern in the style of antique filet-crochet and cross-stitch charts, filling the whole frame: borders, corner flowers, diamond band, scrolls and a central rosette."}],["$","meta","5",{"property":"og:url","content":"https://blueprint.page/p/cross-stitch-tile"}],["$","meta","6",{"property":"og:site_name","content":"Blueprint"}],["$","meta","7",{"property":"og:image","content":"https://blueprint.page/welcome/opengraph-image.jpg"}],["$","meta","8",{"property":"og:type","content":"website"}],["$","meta","9",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","10",{"name":"twitter:title","content":"Cross-Stitch Tile"}],["$","meta","11",{"name":"twitter:description","content":"Symmetric two-colour charted pattern in the style of antique filet-crochet and cross-stitch charts, filling the whole frame: borders, corner flowers, diamond band, scrolls and a central rosette."}],["$","meta","12",{"name":"twitter:image","content":"https://blueprint.page/welcome/opengraph-image.jpg"}],["$","link","13",{"rel":"icon","href":"/favicon.ico?v=2026-10-28","sizes":"any","type":"image/x-icon"}],["$","link","14",{"rel":"icon","href":"/icon.png?v=2026-10-28","sizes":"192x192","type":"image/png"}],["$","link","15",{"rel":"apple-touch-icon","href":"/apple-touch-icon.png?v=2026-10-28","sizes":"180x180","type":"image/png"}],["$","$L44","16",{}]]