2f:T4b5,//p5((s) => { let w = 600; // width let h = 400; // height let cw = 5; // cell width let ch = 5; // cell height let guyX = 20 let guyY = 20 s.setup = function () { s.createCanvas(w, h); }; s.draw = function () { s.background(0) for (let x = 0; x < w; x += cw) { for (let y = 0; y < h; y += ch) { s.translate(x, y) s.translate(cw / 2, ch / 2) s.stroke(255,0,0) s.strokeWeight(cw/4) s.line(cw, ch/2, cw, ch) if (x == guyX && y == guyY) { s.stroke(0,255,0) s.line(cw*25/20, ch/2, cw*25/20, ch) s.stroke(0,0,255) s.line(cw*15/20, ch/2, cw*15/20, ch) } s.resetMatrix() // reset translate/transform/scale for next interation } } }; s.keyPressed = function () { switch (s.keyCode) { case s.ENTER: guyX = 80; break; case s.UP_ARROW: guyY -= ch; break; case s.DOWN_ARROW: guyY += ch; break; case s.LEFT_ARROW: guyX -= cw; console.log(guyX); break; case s.RIGHT_ARROW: guyX += cw; console.log(guyX); } }; })30:T4a6,//p5((s) => { let w = 600; // width let h = 400; // height let cw = 20; // cell width let ch = 20; // cell height let timeR = 0; let timeG = 250; let timeB = 0; s.setup = function () { s.createCanvas(w, h); s.frameRate(60); }; s.draw = function () { s.background(0) for (let x = 0-cw; x < w; x += cw) { for (let y = 0-ch; y < h; y += ch) { s.translate(x, y) s.translate(cw / 2, ch / 2) s.stroke(timeR,0,0) s.strokeWeight(cw/4) s.line(cw, ch/2, cw, ch) s.stroke(0, timeG,0) s.line(cw*25/20, ch/2, cw*25/20, ch) s.stroke(0,0,timeB) s.line(cw*15/20, ch/2, cw*15/20, ch) s.resetMatrix() // reset translate/transform/scale for next interation } } if (timeR < 250 && timeG >= 250 && timeB <= 10) timeR += 10 if (timeR >= 250 && timeB < 250 && timeG < 10) timeB += 10 if (timeB >= 250 && timeR >= 10) timeR -= 10 if (timeR < 10 && timeB >= 10 && timeG <= 250) timeG += 10 if (timeB >= 10 && timeG >= 250) timeB -= 10 if (timeR >= 250 && timeG >= 10) timeG -= 10 }; })31:[{"id":"b099c634c3a54de5066b74060d082a0a618cb6bcd6e1a7a3362d1ae9f77c7fbd231033b01c214a1b61a3983633ead940797b87a89e36b0c58b5eadc0abd57346","href":"https://static.observableusercontent.com/files/b099c634c3a54de5066b74060d082a0a618cb6bcd6e1a7a3362d1ae9f77c7fbd231033b01c214a1b61a3983633ead940797b87a89e36b0c58b5eadc0abd57346","name":"image.png","type":"image/png","lastModified":1702650839078.603,"size":9951901}] 2d:{"title":"","cells":[{"id":173,"value":"### Order","pinned":false,"hidden":false,"mode":"md"},{"id":361,"value":"//p5((s) => {\n let w = 600; // width\n let h = 400; // height\n let cw = 5; // cell width\n let ch = 5; // cell height \n s.setup = function () {\n s.createCanvas(w, h);\n };\n s.draw = function () {\n s.background(0)\n for (let x = 0; x < w; x += cw) {\n for (let y = 0; y < h; y += ch) {\n s.translate(x, y)\n s.translate(cw / 2, ch / 2)\n s.stroke(255,0,0)\n s.strokeWeight(cw/4)\n s.line(cw, ch/2, cw, ch)\n s.stroke(0,255,0)\n s.line(cw*25/20, ch/2, cw*25/20, ch)\n s.stroke(0,0,255)\n s.line(cw*15/20, ch/2, cw*15/20, ch)\n s.resetMatrix() // reset translate/transform/scale for next interation\n \n } \n } \n };\n\n\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":527,"value":"p5((s) => {\n let w = 400; // width\n let h = 400; // height\n let cw = 50; // cell width\n let ch = 50; // cell height \n s.setup = function () {\n s.createCanvas(w, h);\n };\n s.draw = function () {\n s.background(0)\n for (let x = 0-cw; x < w; x += cw) {\n for (let y = 0-ch; y < h; y += ch) {\n s.translate(x, y)\n s.translate(cw / 2, ch / 2)\n s.stroke(255,0,0)\n s.strokeWeight(cw/4)\n s.line(cw, ch/2, cw, ch)\n s.stroke(0,255,0)\n s.line(cw*25/20, ch/2, cw*25/20, ch)\n s.stroke(0,0,255)\n s.line(cw*15/20, ch/2, cw*15/20, ch)\n s.resetMatrix() // reset translate/transform/scale for next interation\n \n } \n } \n };\n\n\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":538,"value":"","pinned":false,"hidden":false,"mode":"ojs"},{"id":469,"value":"### Input","pinned":false,"hidden":false,"mode":"md"},{"id":30,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":472,"value":"### Chaos","pinned":false,"hidden":false,"mode":"md"},{"id":366,"value":"//p5((s) => {\n let w = 23.4*30; // width\n let h = 33.1*30; // height\n let cw = 5; // cell width\n let ch = 5; // cell height \n s.setup = function () {\n s.createCanvas(w, h);\n s.frameRate(24);\n };\n s.draw = function () {\n s.background(0)\n for (let x = 0-cw; x < w; x += cw) {\n for (let y = 0-ch; y < h; y += ch) {\n s.translate(x, y)\n s.translate(cw / 2, ch / 2)\n s.stroke(s.random(0,255),0,0)\n s.strokeWeight(cw/4)\n s.line(cw, ch/2, cw, ch)\n s.stroke(0,s.random(0,255),0)\n s.line(cw*25/20, ch/2, cw*25/20, ch)\n s.stroke(0,0,s.random(0,255))\n s.line(cw*15/20, ch/2, cw*15/20, ch)\n s.resetMatrix() // reset translate/transform/scale for next interation\n \n } \n } \n };\n\n\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":475,"value":"### Order","pinned":false,"hidden":false,"mode":"md"},{"id":394,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":29,"value":"import {p5} from \"@thometnanni/p5\";","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}