27:null 28:["$","title",null,{"children":"11/3 Moiré | fidel | Observable"}] 2d:T7da,p5((s) => { let speed = 0.01; s.setup = function () { s.createCanvas(width, height); }; s.draw = function () { s.translate(width / 2, height / 2); s.background(0); s.stroke(255); s.strokeCap(s.SQUARE); s.strokeWeight(1); s.noFill(); s.stroke(0, 255, 255); for (let index = 0; index < 300; ++index) { s.translate(0, 1); s.shearX((s.PI * 2) / 300); s.beginShape(); s.vertex( s.cos(s.frameCount * speed) * 100, -100 - s.sin(s.frameCount * speed) * 100 ); s.vertex( 100 + s.sin(s.frameCount * speed) * 100, s.cos(s.frameCount * speed) * 100 ); s.vertex( -100 - s.sin(s.frameCount * speed) * 100, -s.cos(s.frameCount * speed) * 100 ); s.vertex( -s.cos(s.frameCount * speed) * 100, 100 + s.sin(s.frameCount * speed) * 100 ); s.endShape(s.CLOSE); } s.resetMatrix(); s.stroke(255, 255, 0); for (let index = 0; index < 300; ++index) { s.translate(0, 1); s.shearX((s.PI * 2) / 300); s.beginShape(); s.vertex( 100 + s.sin(s.frameCount * speed) * 100, s.cos(s.frameCount * speed) * 100 ); s.vertex( s.cos(s.frameCount * speed) * 100, -100 - s.sin(s.frameCount * speed) * 100 ); s.vertex( -100 - s.sin(s.frameCount * speed) * 100, -s.cos(s.frameCount * speed) * 100 ); s.vertex( -s.cos(s.frameCount * speed) * 100, 100 + s.sin(s.frameCount * speed) * 100 ); s.endShape(s.CLOSE); } // // s.strokeWeight(2); // s.stroke(255, 255, 0); // for (let x = -100; x <= 100; x += 4) { // s.shearX(s.frameCount * 0.001); // s.line(x, -100, x, 100); // } // s.stroke(0, 255, 255); // s.rotate(s.frameCount * 0.001); // for (let x = -100; x <= 100; x += 4) { // s.shearY(s.frameCount * 0.001); // s.line(x, -100, x, 100); // } }; })2e:T569,p5((s) => { let speed = 0.01; s.setup = function () { s.createCanvas(width, height); }; s.draw = function () { // s.translate(width / 2, height / 2); s.background(0); s.stroke(255); s.strokeCap(s.SQUARE); s.strokeWeight(1); s.noFill(); s.stroke(0, 255, 255); for (let index = 0; index < 300; ++index) { s.translate(0, 1); s.shearX((s.PI * 2) / 300); s.line(s.mouseX, s.mouseY, width - s.mouseX, height - s.mouseY); } // s.resetMatrix(); // s.stroke(255, 255, 0); // for (let index = 0; index < 300; ++index) { // s.shearY(0.01); // s.line(s.mouseX, s.mouseY, width - s.mouseX, height - s.mouseY); // } // s.resetMatrix(); // s.stroke(255, 0, 255); // // s.translate(width / 2, height / 2); // for (let index = 0; index < 300; ++index) { // s.shearY(0.01); // s.shearX(0.01); // s.line(s.mouseX, s.mouseY, width - s.mouseX, height - s.mouseY); // } // // s.strokeWeight(2); // s.stroke(255, 255, 0); // for (let x = -100; x <= 100; x += 4) { // s.shearX(s.frameCount * 0.001); // s.line(x, -100, x, 100); // } // s.stroke(0, 255, 255); // s.rotate(s.frameCount * 0.001); // for (let x = -100; x <= 100; x += 4) { // s.shearY(s.frameCount * 0.001); // s.line(x, -100, x, 100); // } }; })2f:[] 2b:{"id":"9f1fe047ae4c68cf","slug":null,"title":"11/3 Moiré","thumbnail":"7fa133b292ca4b2142224caa34a33520ed37efff157f5e7682a4702dd0330661","access_level":"public","create_time":"$D2023-11-03T13:25:16.288Z","update_time":"$D2023-11-03T14:56:08.999Z","view_time":null,"first_public_time":"$D2023-11-03T13:25:16.288Z","has_unpublished_edits":null,"fork":{"id":"fc6f827376ed68da","slug":null,"title":"11/3 Moiré","owner":{"id":"b043b49ac382d414","login":"thometnanni","name":"thometnanni"}},"stars":0,"starred":false,"owner":{"type":"team","id":"8611c7650cb0e350","login":"fidel","name":"fidel","avatar_url":"https://avatars-next.observableusercontent.com/909b72f472080f40fc914af43bed4f59fb217b8f3820d0ef803c7eae943c6a94","tier":"starter_2024"},"version":173,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"78ac84bfdcd0eea1","login":"fidel","name":"fidel","avatar_url":"https://avatars-next.observableusercontent.com/909b72f472080f40fc914af43bed4f59fb217b8f3820d0ef803c7eae943c6a94","tier":null}],"members":[{"type":"individual","id":"78ac84bfdcd0eea1","login":"fidel","name":"fidel","avatar_url":"https://avatars-next.observableusercontent.com/909b72f472080f40fc914af43bed4f59fb217b8f3820d0ef803c7eae943c6a94","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"11/3 Moiré","cells":[{"id":0,"value":"# 11/3 Moiré\n\n[wikipedia](https://en.wikipedia.org/wiki/Moiré_pattern)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":6,"value":"![Iskra Velitchkova, Multidimensional ourselves](http://iskraovelitchkova.com/tosolaris/images/publicar/lowres-publicar/JPEG/tosolaris_dimensiones_0xc9026a15815248d3c891c46bb0c2a5627e9d14d996308c2a30a3254bc91b52f0.jpg)\n[Iskra Velitchkova](http://iskraovelitchkova.com), *[ToSolaris](http://iskraovelitchkova.com/tosolaris/tosolaris-project.html), Multidimensional ourselves*, 2022;","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":14,"value":"import {p5} from \"@thometnanni/p5\";","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"height = width","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"$2d","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":124,"value":"$2e","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":160,"value":"p5((s) => {\n let speed = 0.01;\n s.setup = function () {\n s.createCanvas(width, height);\n };\n s.draw = function () {\n s.translate(width / 2, height / 2);\n s.background(0);\n s.stroke(255);\n s.strokeCap(s.SQUARE);\n s.strokeWeight(1);\n s.noFill();\n\n s.stroke(0, 255, 255);\n for (let index = 0; index < 300; index++) {\n s.translate(index * s.mouseX * 0.1, 0);\n s.ellipse(0, 0, 400, 400);\n }\n\n //\n // s.strokeWeight(2);\n // s.stroke(255, 255, 0);\n // for (let x = -100; x <= 100; x += 4) {\n // s.shearX(s.frameCount * 0.001);\n // s.line(x, -100, x, 100);\n // }\n // s.stroke(0, 255, 255);\n // s.rotate(s.frameCount * 0.001);\n // for (let x = -100; x <= 100; x += 4) {\n // s.shearY(s.frameCount * 0.001);\n // s.line(x, -100, x, 100);\n // }\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2c:"$2b:body"