2d:null 2e:["$","title",null,{"children":"L-System and others | John C | Observable"}] 33:T808,p5(s => { class Turtle { constructor(rule={}, pos=new p5c.Vector(0,0)) { this.rule = rule; //{ key: "goAhead/turnLeft/turnRight"} this.pos = pos; } draw(str, len, deg) { let arr = str.split(''); s.translate(this.pos.x, this.pos.y); arr.forEach(char => { let idx = Object.keys(this.rule).indexOf(char); if (idx > -1) { let tm = Object.values(this.rule)[idx]; switch (tm) { case 'goAhead': s.line(0, 0,len, 0); s.translate(len,0); break; case 'turnLeft': s.rotate(-deg); break; case 'turnRight': s.rotate(deg); break; case 'push': s.push(); break; case 'pop': s.pop(); break; default: break; } } }); } } let ruleSet1 = { lsystemRule: { "F": "FF", "X": "F+[-F-XF-X][+FF][--XF[+X]][++F-X]" }, turtleRule : { "F": "goAhead", "+": "turnRight", "-": "turnLeft", "[": "push", "]": "pop" }, axiom: "X", leng: 7, angle: 10, pos: new p5c.Vector(0,0) } let lsys1 let turtle1 s.setup = function () { s.createCanvas(600,800); s.background(244); s.angleMode(s.DEGREES); lsys1 = new LSystem(ruleSet1.lsystemRule); turtle1 = new Turtle(ruleSet1.turtleRule, ruleSet1.pos); s.stroke(0); s.translate(s.width/2, s.height); s.rotate(-90); turtle1.draw(lsys1.expand(ruleSet1.axiom, 5), ruleSet1.leng, ruleSet1.angle); } s.draw = function () { if (s.mouseX<0 || s.mouseX>s.width || s.mouseY<0 || s.mouseY>s.height) return; s.background(244,200); s.stroke(0); s.translate(s.width/2, s.height); s.rotate(-90); ruleSet1.angle = s.map(s.mouseX, 0, s.width, 10, 25, true); turtle1.draw(lsys1.expand(ruleSet1.axiom, 5), ruleSet1.leng, ruleSet1.angle); } })34:T6fa,p5(s => { class Turtle { constructor(rule={}, pos=new p5c.Vector(0,0)) { this.rule = rule; //{ key: "goAhead/turnLeft/turnRight"} this.pos = pos; } draw(str, len, deg) { let arr = str.split(''); s.translate(this.pos.x, this.pos.y); arr.forEach(char => { let idx = Object.keys(this.rule).indexOf(char); if (idx > -1) { let tm = Object.values(this.rule)[idx]; switch (tm) { case 'goAhead': s.line(0, 0,len, 0); s.translate(len,0); break; case 'turnLeft': s.rotate(-deg); break; case 'turnRight': s.rotate(deg); break; case 'push': s.push(); break; case 'pop': s.pop(); break; default: break; } } }); } } let ruleSet1 = { lsystemRule: { "F": "F+G", "G": "F-G" }, turtleRule: { "F": "goAhead", "G": "goAhead", "+": "turnRight", "-": "turnLeft" }, axiom: "F" , leng: 5, angle: 90, pos: new p5c.Vector(0,0) } let lsys1 let turtle1 s.setup = function () { s.createCanvas(600,600); s.background(244); s.angleMode(s.DEGREES); lsys1 = new LSystem(ruleSet1.lsystemRule); turtle1 = new Turtle(ruleSet1.turtleRule, ruleSet1.pos); s.drawSet1(); } s.draw = function () { } s.drawSet1 = function () { s.stroke(0); s.push(); s.translate(2*s.width/3, s.height/2); //s.rotate(-90); console.log(); turtle1.draw(lsys1.expand(ruleSet1.axiom, 13), ruleSet1.leng, ruleSet1.angle); s.pop(); } })35:[] 31:{"id":"cfed39e4c186dc9a","slug":"3809-lsystem","title":"L-System and others","thumbnail":"1fdab7e64109a2f28b9c7b89523cc9b226e5620288d42bc6614ce4064525fab8","access_level":"public","create_time":"$D2021-02-18T08:24:06.289Z","update_time":"$D2021-02-18T11:56:04.462Z","view_time":null,"first_public_time":"$D2021-02-18T08:24:43.630Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"b2e9840be7b1b607","login":"real-john-cheung","name":"John C","avatar_url":"https://avatars-next.observableusercontent.com/1d9ef6121a0bbd1a75fab479f9891fe1d78cc65f76c394585ae1a7dad0d3abf6","tier":"starter_2024"},"version":135,"publish_version":135,"role":null,"authored":false,"authors":[{"type":"individual","id":"e8e99acdbe3aebfb","login":"real-john-cheung","name":"John C","avatar_url":"https://avatars-next.observableusercontent.com/1d9ef6121a0bbd1a75fab479f9891fe1d78cc65f76c394585ae1a7dad0d3abf6","tier":null}],"members":[{"type":"individual","id":"e8e99acdbe3aebfb","login":"real-john-cheung","name":"John C","avatar_url":"https://avatars-next.observableusercontent.com/1d9ef6121a0bbd1a75fab479f9891fe1d78cc65f76c394585ae1a7dad0d3abf6","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"L-System and others","cells":[{"id":0,"value":"html`

L-System and others

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"html`\nL-system class\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"class LSystem {\n constructor(rule={}){\n this.rule = rule;\n }\n \n expand(axiom,it) {\n let str = axiom;\n for (let x = 0; x < it; x++) {\n let res = [];\n let stringArr = str.split('');\n stringArr.forEach(char => {\n let idx = Object.keys(this.rule).indexOf(char);\n if (idx > -1) {\n let ts = Object.values(this.rule)[idx];\n res.push(ts);\n } else {\n res.push(char);\n }\n });\n str = res.join('');\n }\n return str;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":100,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"html`\n