31:Ta07,import polygonClipping from "npm:polygon-clipping" const scale = 50; const vw = w + 2 * h; const vh = l + 4 * h; const rectA = [ [ [h, 0], [h + w, 0], [h + w, l + 4 * h], [h, l + 4 * h], [h, 0] ] ]; const rectB = [ [ [0, 2 * h - t], [w + 2 * h, 2 * h - t], [w + 2 * h, 2 * h + l + t], [0, 2 * h + l + t], [0, 2 * h - t] ] ]; const tw = 0.1 * h; // how far along the outer edge the base extends from the corner // Original working triangle (top-left): // base: from (h, 2h-t) to (h-tw, 2h-t) — on the TOP outer edge of rectB, just left of corner // tip: at (h, 2h) — the fold corner function makeTriangle(bx1, by1, bx2, by2, tx, ty) { return [ [ [bx1, by1], [bx2, by2], [tx, ty], [bx1, by1] ] ]; } const triangles = [ // top-left: base on top edge of rectB near (h, 2h-t), tip at fold corner (h, 2h) makeTriangle(h, 2 * h - t, h - tw, 2 * h - t, h, 2 * h), // top-right: base on top edge of rectB near (h+w, 2h-t), tip at fold corner (h+w, 2h) makeTriangle(h + w, 2 * h - t, h + w + tw, 2 * h - t, h + w, 2 * h), // bottom-left: base on bottom edge of rectB near (h, 2h+l+t), tip at fold corner (h, 2h+l) makeTriangle(h, 2 * h + l + t, h - tw, 2 * h + l + t, h, 2 * h + l), // bottom-right: base on bottom edge of rectB near (h+w, 2h+l+t), tip at fold corner (h+w, 2h+l) makeTriangle( h + w, 2 * h + l + t, h + w + tw, 2 * h + l + t, h + w, 2 * h + l ) ]; let rectB2 = rectB; for (const t of triangles) rectB2 = polygonClipping.difference(rectB2, t); const result = polygonClipping.union(rectA, rectB2); const d = result .map((polygon) => polygon .map( (ring) => "M " + ring.map(([x, y]) => `${x},${y}`).join(" L ") + " Z" ) .join(" ") ) .join(" "); const diagram = svg``; display(diagram);32:[{"id":"d1af5e95d716de78900f0873252c037308d0363f9f33592a95ff7c13980a09eb50f0fc3b78daedc73e95c20ef20b8018044c0f6927c87951c7c7f4cedf01ffe7","href":"https://static.observableusercontent.com/files/d1af5e95d716de78900f0873252c037308d0363f9f33592a95ff7c13980a09eb50f0fc3b78daedc73e95c20ef20b8018044c0f6927c87951c7c7f4cedf01ffe7","name":"image.png","type":"image/png","lastModified":1778529240613.049,"size":163393}] 2f:{"title":"FEFCO 0422 M/A","cells":[{"id":0,"value":"# FEFCO 0422 M/A\nReplicated and expanded into https://cartonnage.vercel.app.","pinned":false,"hidden":false,"mode":"md"},{"id":10,"value":"viewof w = Inputs.range([0, 12], {label: \"Width (in)\", value: 3.75, step: 0.05})","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"viewof l = Inputs.range([0, 12], {label: \"Length (in)\", value: 6, step: 0.05})","pinned":false,"hidden":false,"mode":"ojs"},{"id":32,"value":"viewof h = Inputs.range([0, 12], {label: \"Height (in)\", value: 2, step: 0.05})","pinned":false,"hidden":false,"mode":"ojs"},{"id":66,"value":"viewof t = Inputs.range([0, w/2], {label: \"Tab (in)\", value: 1.5, step: 0.05})","pinned":false,"hidden":false,"mode":"ojs"},{"id":102,"value":"Total\nwidth: ${h*2+w}\",\nlength: ${4*h+l}\"","pinned":false,"hidden":false,"mode":"md"},{"id":105,"value":"DOM.download(new Blob([diagram.outerHTML], { type: \"image/svg+xml\" }), undefined, \"Download SVG\")","pinned":false,"hidden":false,"mode":"ts"},{"id":23,"value":"$31","pinned":false,"hidden":false,"mode":"ts"},{"id":7,"value":"image = FileAttachment(\"image.png\").image()","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"2","titling":"auto"}