31:T5cd,function drawPattern(w,x,y,id) { // console.log(w,x,y) let rot = randomNumber(-45,45) const g = svg``; g.setAttributeNS(null, "transform", "rotate("+rot+","+(x+w/2)+","+(y+w/2)+")"); //The Frame const frame = svg`` frame.setAttributeNS(null, "stroke", "#000000"); frame.setAttributeNS(null, "stroke-width", .2); frame.setAttributeNS(null, "transform", "rotate("+(-rot)+","+(x+w/2)+","+(y+w/2)+")"); //The Clipping Path const clip = svg`` clip.setAttributeNS(null, "transform", "rotate("+(-rot)+","+(x+w/2)+","+(y+w/2)+")"); //First C const c1 = svg`` //Second C const c2 = svg`` g.appendChild(clip); // g.appendChild(frame); g.appendChild(c1); g.appendChild(c2); return g; }32:T660,grid2 = { var x = 1 var y = 1 var w = 200 var id = 1 function testPath(x,y) { var lineGenerator = d3.line(); var pathData = lineGenerator(cShape(x,y)) return pathData+"Z" } // reset; const s = DOM.svg(500, 500); s.setAttributeNS(null, 'width', 500); s.setAttributeNS(null, 'height', 500); // This is the group in which we will append each pattern const g = svg``; // g.appendChild(svg``) //The Frame const frame = svg`` frame.setAttributeNS(null, "stroke", "#000000"); frame.setAttributeNS(null, "stroke-width", .2); // frame.setAttributeNS(null, "transform", "rotate("+(-rot)+","+(x+w/2)+","+(y+w/2)+")"); //The Clipping Path const clip = svg`` clip.setAttributeNS(null, "transform", "rotate("+(-45)+","+(x+w/4)+","+(y+w/2)+")"); // clip.setAttributeNS(null, "transform"+", "+(x+w/2)+","+(y+w/2)+")"); //First C const c1 = svg`` c1.setAttributeNS(null, "transform", "rotate("+(45)+","+(x+w/4)+","+(y+w/2)+")"); //Second C // const c2 = svg`` s.appendChild(g); g.appendChild(clip); g.appendChild(frame); g.appendChild(c1); // g.appendChild(c2); return s; }33:[{"id":"0505b1c7ebd16874efa3c8a81a0bba0431f2ee8e2acd420ec93a1b89f67f416cd0dd0db5c2af0d4f7a3762f772c0684e73740c9fbfac7edf8cf56091e3471938","href":"https://static.observableusercontent.com/files/0505b1c7ebd16874efa3c8a81a0bba0431f2ee8e2acd420ec93a1b89f67f416cd0dd0db5c2af0d4f7a3762f772c0684e73740c9fbfac7edf8cf56091e3471938","name":"lettre_U.jpg","type":"image/jpeg","lastModified":1635863777774.741,"size":769779}] 2f:{"title":"Structure à partir de la lettre U","cells":[{"id":0,"value":"# Structure à partir de la lettre U\n### Vera Molnar, 2020 \n- Acrylic on canvas\n- 31 1/2 × 31 1/2 in\n- 80 × 80 cm","pinned":false,"hidden":false,"mode":"md"},{"id":878,"value":"FileAttachment(\"lettre_U.jpg\").image()","pinned":false,"hidden":false,"mode":"ojs"},{"id":747,"value":"viewof l = Inputs.range([10, 50], {label: \"C - size\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":796,"value":"viewof cellSize = Inputs.range([50, 100], {label: \"Cell Size\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":441,"value":"grid = {\n // reset;\n const s = DOM.svg(width, height);\n s.setAttributeNS(null, 'width', width);\n s.setAttributeNS(null, 'height', height);\n\n // This is the group in which we will append each pattern\n const g = svg``;\n s.appendChild(g);\n g.appendChild(svg``)\n\n var id = 0\n // Distribute and draw patterns\n for (let y = 0; y < 12; y++) {\n for (let x = 0; x < 12; x++) {\n g.appendChild(drawPattern(cellSize, x * cellSize, y * cellSize, id));\n id++\n } \n }\n return s;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":451,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":92,"value":"function path(x,y,r) {\n var lineGenerator = d3.line();\n var pathData = lineGenerator(cShapeRotate(x,y,r))\n // console.log(x,y,r)\n return pathData+\"Z\"\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":755,"value":"function randomNumber(min, max) {\n return Math.random() * (max - min) + min;\n }","pinned":false,"hidden":false,"mode":"ojs"},{"id":631,"value":"function toRadians (angle) {\n return angle * (Math.PI / 180);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":561,"value":"function cShapeRotate(x,y,r=0){\n var r1 = 45\n var r2 = Math.atan(.5) * 180 / Math.PI\n var l1 = Math.sqrt(l*l + l*l)\n var l2 = Math.sqrt(l*l + ((2*l)*(2*l)))\n\n return [\n [Math.sin(toRadians(r))*l + x, -Math.cos(toRadians(r))*l + y], \n [Math.sin(toRadians(r+r1))*l1 + x, -Math.cos(toRadians(r+r1))*l1 + y], \n [Math.sin(toRadians(r+r2))*l2 + x, -Math.cos(toRadians(r+r2))*l2 + y], \n [Math.sin(toRadians(r-r2))*l2 + x, -Math.cos(toRadians(r-r2))*l2 + y], \n [-Math.sin(toRadians(r+r2))*l2 + x, Math.cos(toRadians(r+r2))*l2 + y],\n [Math.sin(toRadians(r2-r))*l2 + x, Math.cos(toRadians(r2-r))*l2 + y],\n [Math.sin(toRadians(r1-r))*l1 + x, Math.cos(toRadians(r1-r))*l1 + y], \n [Math.sin(toRadians(-r))*l + x, Math.cos(toRadians(-r))*l + y], \n ]\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":838,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":832,"value":"function cShape(x,y){\n return [\n [0 + x, -l + y], \n [l + x, -l + y], \n [l + x, -l*2 + y],\n [-l + x, -l*2 + y],\n [-l + x, l*2 + y],\n [l + x, l*2 + y],\n [l + x, l + y],\n [0 + x, l + y],\n ]\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"height = 1200","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}