ZenPlant - Theoretical Botany

Save plants for breeding.

';\n ($(\"btn-breed\") as HTMLButtonElement).style.display = \"none\";\n return;\n }\n box.innerHTML = greenhouse.map((g, i) => {\n const sel = selected.includes(i) ? \"selected\" : \"\";\n return `

#${i + 1} vigor ${g.vigor.toFixed(2)}

`;\n }).join(\"\");\n box.querySelectorAll(\".slot\").forEach((el) => {\n el.addEventListener(\"click\", () => {\n const i = Number((el as HTMLElement).dataset.i);\n const at = selected.indexOf(i);\n if (at > -1) selected.splice(at, 1);\n else { if (selected.length >= 2) selected.shift(); selected.push(i); }\n draw();\n });\n });\n const bb = $(\"btn-breed\") as HTMLButtonElement;\n if (selected.length === 2) {\n bb.style.display = \"block\";\n bb.textContent = `Breed #${selected[0] + 1} + #${selected[1] + 1}`;\n } else bb.style.display = \"none\";\n}\n\nfunction distToSeg(p: {x:number;y:number}, v: {x:number;y:number}, w: {x:number;y:number}) {\n const l2 = (w.x - v.x) ** 2 + (w.y - v.y) ** 2;\n if (l2 === 0) return Math.hypot(p.x - v.x, p.y - v.y);\n let t = ((p.x - v.x) * (w.x - v.x) + (p.y - v.y) * (w.y - v.y)) / l2;\n t = Math.max(0, Math.min(1, t));\n return Math.hypot(p.x - (v.x + t * (w.x - v.x)), p.y - (v.y + t * (w.y - v.y)));\n}\n\ncanvas.style.touchAction = \"none\";\nlet dragging = false;\nlet dragStartX = 0, dragStartY = 0;\nlet dragStartCamX = 0, dragStartCamY = 0;\nlet dragMoved = false;\nfunction pruneAt(clientX: number, clientY: number) {\n if (dragMoved) return;\n const r = canvas.getBoundingClientRect();\n const { scale, ox, oy } = computeTransform(\n r.width,\n r.height,\n state.showRoots,\n state.cameraX ?? 0,\n state.cameraY ?? 0,\n state.cameraZoom ?? 1.0\n );\n const wx = (clientX - r.left - ox) / scale;\n const wy = (clientY - r.top - oy) / scale;\n const disp = getWindDisp();\n let best: number | null = null, bestD = 20;\n for (const n of state.nodes) {\n if (n.type !== \"stem\" && n.type !== \"meristem\") continue;\n const parentD = n.parentId !== null ? disp.get(n.parentId) : undefined;\n const sx = parentD ? parentD.wx : n.x;\n const sy = parentD ? parentD.wy : n.y;\n const childD = disp.get(n.id);\n const ex = childD ? childD.wx : n.x + Math.cos(n.angle) * n.length;\n const ey = childD ? childD.wy : n.y + Math.sin(n.angle) * n.length;\n const d = distToSeg({ x: wx, y: wy }, { x: sx, y: sy }, { x: ex, y: ey });\n if (d < bestD) { bestD = d; best = n.id; }\n }\n if (best !== null) { state = pruneNode(state, best); state.cutAnimTime = 1.0; draw(); }\n}\ncanvas.addEventListener(\"click\", (e) => pruneAt(e.clientX, e.clientY));\ncanvas.addEventListener(\"pointerup\", (e) => pruneAt(e.clientX, e.clientY));\n\ncanvas.addEventListener(\"mousedown\", (e) => {\n dragging = true;\n dragMoved = false;\n dragStartX = e.clientX;\n dragStartY = e.clientY;\n dragStartCamX = state.cameraX;\n dragStartCamY = state.cameraY;\n});\n\nwindow.addEventListener(\"mousemove\", (e) => {\n if (!dragging) return;\n const dx = e.clientX - dragStartX;\n const dy = e.clientY - dragStartY;\n if (Math.abs(dx) > 3 || Math.abs(dy) > 3) dragMoved = true;\n state.cameraX = dragStartCamX + dx;\n state.cameraY = dragStartCamY + dy;\n draw();\n});\n\nwindow.addEventListener(\"mouseup\", () => { dragging = false; });\n\ncanvas.addEventListener(\"wheel\", (e) => {\n e.preventDefault();\n const delta = e.deltaY > 0 ? -0.1 : 0.1;\n state.cameraZoom = Math.max(0.3, Math.min(3.0, state.cameraZoom + delta));\n draw();\n}, { passive: false });\n\n$(\"btn-grow\").addEventListener(\"click\", () => { for (let i = 0; i < 10; i++) state = growOnce(state, prng); draw(); });\n$(\"btn-grow-season\").addEventListener(\"click\", () => { for (let i = 0; i < 50; i++) state = growOnce(state, prng); draw(); });\n$(\"btn-reset\").addEventListener(\"click\", () => newPlant());\n$(\"btn-play\").addEventListener(\"click\", (e) => {\n playing = !playing;\n (e.target as HTMLButtonElement).textContent = playing ? \"Pause\" : \"Play\";\n});\n$(\"species-select\").addEventListener(\"change\", (e) => {\n speciesIdx = Number((e.target as HTMLSelectElement).value);\n newPlant(seed);\n});\n$(\"btn-save\").addEventListener(\"click\", () => {\n greenhouse.push(JSON.parse(JSON.stringify(state.genome)));\n persist(); draw();\n});\n$(\"btn-breed\").addEventListener(\"click\", () => {\n if (selected.length !== 2) return;\n const child = breedGenomes(greenhouse[selected[0]], greenhouse[selected[1]], prng);\n state = freshState(child, SPECIES[speciesIdx], { seed: (Math.random() * 1e9) | 0 });\n for (let i = 0; i < 30; i++) state = growOnce(state, prng);\n selected = [];\n draw();\n});\n$(\"btn-pro\").addEventListener(\"click\", () => {\n const p = $(\"pro-panel\");\n p.style.display = p.style.display === \"none\" ? \"block\" : \"none\";\n});\n$(\"btn-export\").addEventListener(\"click\", () => {\n const blob = new Blob([exportPlantJSON(state)], { type: \"application/json\" });\n const a = document.createElement(\"a\");\n a.href = URL.createObjectURL(blob);\n a.download = `zenplant-step${state.step}-seed${seed}.json`;\n a.click();\n URL.revokeObjectURL(a.href);\n});\n$(\"btn-svg\").addEventListener(\"click\", () => {\n const blob = new Blob([plantToSVG(state, 400, 500)], { type: \"image/svg+xml\" });\n const a = document.createElement(\"a\");\n a.href = URL.createObjectURL(blob);\n a.download = `zenplant-step${state.step}.svg`;\n a.click();\n URL.revokeObjectURL(a.href);\n});\n$(\"btn-png\")?.addEventListener(\"click\", () => {\n const a = document.createElement(\"a\");\n a.href = canvas.toDataURL(\"image/png\");\n a.download = `zenplant-step${state.step}-seed${seed}.png`;\n a.click();\n});\n$(\"btn-timelapse\")?.addEventListener(\"click\", (e) => {\n state.isRecording = !state.isRecording;\n (e.target as HTMLButtonElement).textContent = state.isRecording\n ? `Stop (${state.timelapseFrames.length})`\n : \"Record Timelapse\";\n if (!state.isRecording && state.timelapseFrames.length > 0) {\n const a = document.createElement(\"a\");\n a.href = state.timelapseFrames[state.timelapseFrames.length - 1];\n a.download = `zenplant-frame${state.timelapseFrames.length}.webp`;\n a.click();\n state.timelapseFrames = [];\n }\n});\nconst speedSlider = $(\"grow-speed\") as HTMLInputElement;\nconst speedLabel = $(\"speed-label\");\nif (speedSlider) {\n speedSlider.addEventListener(\"input\", () => {\n state.growSpeed = parseFloat(speedSlider.value);\n if (speedLabel) speedLabel.textContent = state.growSpeed + \"×\";\n });\n}\n$(\"btn-import\").addEventListener(\"click\", () => $(\"import-file\").click());\n$(\"import-file\").addEventListener(\"change\", async (e) => {\n const f = (e.target as HTMLInputElement).files?.[0];\n if (!f) return;\n state = importPlantJSON(await f.text());\n prng = createPrng(state.step + seed);\n draw();\n});\n$(\"btn-dark\").addEventListener(\"click\", () => { state.darkMode = !state.darkMode; draw(); });\n$(\"btn-wood\").addEventListener(\"click\", (e) => { state.woodTexture = !state.woodTexture; (e.target as HTMLButtonElement).textContent = state.woodTexture ? \"Wood: ON\" : \"Wood: OFF\"; draw(); });\n$(\"btn-wind\").addEventListener(\"click\", (e) => { windEnabled = !windEnabled; (e.target as HTMLButtonElement).textContent = windEnabled ? \"Wind: ON\" : \"Wind: OFF\"; });\n\nlet resizeRaf: number | null = null;\nfunction scheduleDraw() {\n if (resizeRaf !== null) return;\n resizeRaf = requestAnimationFrame(() => { resizeRaf = null; draw(); });\n}\nwindow.addEventListener(\"resize\", scheduleDraw);\nwindow.addEventListener(\"orientationchange\", () => setTimeout(draw, 150));\nif ((window as unknown as { visualViewport?: { addEventListener: (t: string, f: () => void) => void } }).visualViewport) {\n (window as unknown as { visualViewport: { addEventListener: (t: string, f: () => void) => void } }).visualViewport.addEventListener(\"resize\", scheduleDraw);\n}\nlet lastWindTime = performance.now();\nlet lastGrowTime = performance.now();\nfunction animLoop(now: number) {\n const dt = (now - lastWindTime) / 1000;\n lastWindTime = now;\n if (windEnabled && state) {\n state.windTime += dt * 2.0;\n draw();\n }\n const growInterval = state.growSpeed > 0 ? 180 / state.growSpeed : 999999;\n if (playing && state && now - lastGrowTime > growInterval) {\n state = growOnce(state, prng);\n lastGrowTime = now;\n if (!windEnabled) draw();\n }\n if (state?.isRecording && state.timelapseFrames.length < 300) {\n state.timelapseFrames.push(canvas.toDataURL(\"image/webp\", 0.8));\n const recBtn = $(\"btn-timelapse\");\n if (recBtn) recBtn.textContent = `Stop (${state.timelapseFrames.length})`;\n }\n requestAnimationFrame(animLoop);\n}\nrequestAnimationFrame(animLoop);\nnewPlant();\n","label",[150,151,63],"src","ui","pulls","branches",1,"forks","envVars",{"_160":26,"_162":26},"connections",{"_160":26,"_161":26},"count","unfilledCount","emptyCount",{"_32":193,"_13":150,"_61":180,"_42":-5,"_34":35,"_143":154,"_144":83,"_36":194,"_38":26,"_64":190,"_146":-5,"_65":24,"_148":-5,"_174":195,"_17":196},{"_32":188,"_13":151,"_61":142,"_42":180,"_34":35,"_143":39,"_144":83,"_36":189,"_38":26,"_64":190,"_146":-5,"_65":24,"_148":-5,"_174":191,"_17":192},{"_32":141,"_13":63,"_61":62,"_42":142,"_34":35,"_143":39,"_144":83,"_36":185,"_38":26,"_64":21,"_146":147,"_65":24,"_148":-5,"_174":186,"_17":187},{"_32":177,"_13":178,"_61":179,"_42":180,"_34":35,"_143":154,"_144":83,"_36":181,"_38":26,"_64":21,"_146":182,"_65":24,"_148":-5,"_174":183,"_17":184},{"_32":168,"_13":169,"_61":81,"_42":-5,"_34":35,"_143":106,"_144":83,"_36":170,"_38":171,"_64":172,"_146":173,"_65":24,"_148":-5,"_174":175,"_17":176},"55bb6c87-179a-44d4-9323-088e97befce5","new-file-860.tsx",["D",1789403487478],5,"http","/**\n * ZenPlant - The Ultimate 2D Botany Engine\n * Consolidated Theoretical Botany Simulation\n * \n * LICENSE: CC-BY-4.0 (Creative Commons Attribution)\n * based on the Theoretical Botany framework.\n */\n/** @jsxImportSource npm:hono@3/jsx */\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve the simulation logic as a separate JS file\napp.get('/bundle.js', (c) => {\n return c.text(`function W0($){let b=String($),f=2166136261;for(let M=0;M>>0;return f>>>0}function x($){let b=W0($!==void 0?$:Date.now()^Math.random()*4294967295),f=!1,M=0;function L(){b=b+1831565813>>>0;let H=b;return H=Math.imul(H^H>>>15,H|1)>>>0,H^=H+Math.imul(H^H>>>7,H|61)>>>0,((H^H>>>14)>>>0)/4294967296}function j(H=0,J=1){if(f)return f=!1,H+M*J;let q=0,U=0,Q=0;do q=L()*2-1,U=L()*2-1,Q=q*q+U*U;while(Q>=1||Q===0);let V=Math.sqrt(-2*Math.log(Q)/Q);return M=U*V,f=!0,H+q*V*J}let P={random:()=>L(),float:(H=0,J=1)=>{if(H>=J)return H;return H+L()*(J-H)},int:(H,J)=>{if(H>J)[H,J]=[J,H];return Math.floor(H+L()*(J-H+1))},gaussian:j,clone:()=>{let H=x(0);return H._restore(b,f,M),H},reseed:(H)=>{b=W0(H),f=!1,M=0}};return P._restore=(H,J,q)=>{b=H>>>0,f=J,M=q},P}function o($,b){let f=$[b];if(!Array.isArray(f))return f;switch(b){case\"flowerRGB\":return f[0];case\"flowerStretch\":return[Math.max(f[0][0],f[1][0]),Math.max(f[0][1],f[1][1])];default:return Math.max(f[0],f[1])}}function y0($,b,f){let M=(L,j)=>[f.random()<0.5?L[0]:j[0],f.random()<0.5?L[1]:j[1]];return{vigor:M($.vigor,b.vigor),angle:M($.angle,b.angle),decay:M($.decay,b.decay),lenScale:M($.lenScale,b.lenScale),flowerRGB:M($.flowerRGB,b.flowerRGB),flowerRadius:M($.flowerRadius,b.flowerRadius),flowerShape:M($.flowerShape,b.flowerShape),flowerStretch:M($.flowerStretch,b.flowerStretch),flowerMaterial:M($.flowerMaterial,b.flowerMaterial),leafShape:M($.leafShape,b.leafShape),leafSize:M($.leafSize,b.leafSize),leafDensity:M($.leafDensity,b.leafDensity),inflorescence:M($.inflorescence,b.inflorescence),petalCount:M($.petalCount,b.petalCount),sepalCount:M($.sepalCount,b.sepalCount),stamenCount:M($.stamenCount,b.stamenCount),symmetry:M($.symmetry,b.symmetry),curl:M($.curl,b.curl),windSensitivity:M($.windSensitivity,b.windSensitivity),barkRoughness:M($.barkRoughness,b.barkRoughness),thornDensity:M($.thornDensity,b.thornDensity),vineMode:M($.vineMode,b.vineMode),stiffness:M($.stiffness,b.stiffness),budActivationThreshold:M($.budActivationThreshold,b.budActivationThreshold),shadeTolerance:M($.shadeTolerance,b.shadeTolerance),apicalDominance:M($.apicalDominance,b.apicalDominance),internodeElasticity:M($.internodeElasticity,b.internodeElasticity),dormancyStrength:M($.dormancyStrength,b.dormancyStrength)}}function b0($){let b=$;while(b>Math.PI)b-=2*Math.PI;while(b<-Math.PI)b+=2*Math.PI;return b}var q0=250,r=2000,s0=110,x0=0.006,a0=45,n0=0.0015,e0=[125,190],t0=[95,155],B0=150;function M0($,b){let f={...$,step:$.step+1,nodes:[...$.nodes]},M=new Map,L=(E)=>{if(M.has(E.id))return M.get(E.id);let F={...E};return M.set(E.id,F),F},j=f.step%q0,P;if(j<100)P=0.3+0.5*(j/100);else if(j<140)P=0.65;else if(j<180)P=0.8-0.5*((j-140)/40);else P=0.15;f.environment={...f.environment,lightDirection:[Math.cos(P),Math.sin(P)]};let H=1;if(j>=180)H=0.3;else if(j<100)H=0.3+0.7*(j/100);else if(j>=140)H=1-0.7*((j-140)/40);let J=0.05*H*(1+o(f.genome,\"vineMode\")*2),q=f.resources?.water??0,U=q<30?0.4+0.6*(q/30):1;if(b$(f),M$(f,j,b),j===0)$$(f,b);if(j{if(E.age!==void 0){let O=L(E);O.age++,f.nodes[F]=O}}),f.nodes.forEach((E,F)=>{if(E.type===\"flower\"&&E.age>60&&E.fruitAge===0){let O=L(E);O.fruitAge=1,f.nodes[F]=O}else if(E.fruitAge>0){let O=L(E);O.fruitAge++,f.nodes[F]=O}});let Q=f.nodes.filter((E)=>E.terminal&&E.type===\"meristem\"),V=[];if(Q.forEach((E)=>{let F=f.genome,O=E.angle;if(f.environment.lightDirection){let X=f.environment.lightDirection,C=Math.atan2(X[1],X[0]),u=Math.min(C,-Math.PI/6),S=E.angle,D=S;if(Su+J)D=Math.max(S-J,u);O=b0(D)}if(f.environment.gravity>0){let X=-Math.PI/2,C=f.environment.gravity,u=X-O;O=b0(O+u*C*0.05)}if(O>-Math.PI/8)O=-Math.PI/8;let y=o(F,\"vigor\"),k=E.v;if(E.lengthC.targetLength)C.length=C.targetLength;let u=f.nodes.indexOf(E);if(u!==-1)f.nodes[u]=C;return}let Y=L(E);Y.terminal=!1;let z=f.nodes.indexOf(E);if(z!==-1)f.nodes[z]=Y;let d=Math.max(0,k),v=E.x+Math.cos(E.angle)*E.targetLength,l=E.y+Math.sin(E.angle)*E.targetLength;if(d<=0){V.push({id:-f.idCounter++,parentId:E.id,x:v,y:l,angle:E.angle,depth:E.depth,type:\"flower\",terminal:!0,age:0,length:o(F,\"flowerRadius\"),targetLength:o(F,\"flowerRadius\"),v:0,budState:\"dormant\",isCut:!1,resourceProduction:0,shade:E.shade,curve:0,leafSizeJitter:0,leafShapeJitter:0,leafHueShift:0,hasThorns:!1,fruitAge:0,fallState:\"attached\",fallSeed:b.random()});return}let $0=Math.min(1.5,Math.max(0.5,(f.resources?.energy??0)/60)),Z=f.nodes.length/r,W=Math.max(0,(1-Z)*(1-Z)),N=1/(1+o(F,\"apicalDominance\")*E.depth*0.15),h=30/(30+Q.length*0.5),I=d*0.4*$0*W*N*h,T=b.random()0)S=0;if(S<-Math.PI)S=-Math.PI;let D=d-(o(F,\"decay\")+b.random()*o(F,\"decay\")*0.5),_=o(F,\"lenScale\")*Math.pow(Math.max(0,D),1.2)*(1+o(F,\"vineMode\")*0.5);V.push({id:-(f.idCounter++*100+X),parentId:E.id,x:v,y:l,angle:S,depth:E.depth+1,type:\"meristem\",terminal:!0,v:D,age:0,length:0,targetLength:_,budState:\"dormant\",isCut:!1,resourceProduction:0,shade:E.shade,curve:(b.random()-0.5)*o(F,\"curl\")*0.6,leafSizeJitter:0,leafShapeJitter:0,leafHueShift:0,hasThorns:o(F,\"thornDensity\")>0&&b.random()=1,fruitAge:0,fallState:\"attached\",fallSeed:b.random()})}if(d>0.2&&E.depth>=2&&b.random()<0.45){let X=b.random()<0.5?-1:1;V.push({id:-f.idCounter++,parentId:E.id,x:v,y:l,angle:b0(O+X*1.3),depth:E.depth+1,type:\"leaf\",terminal:!1,age:0,length:12+b.random()*8,targetLength:15,v:0,budState:\"dormant\",isCut:!1,resourceProduction:0.1+b.random()*0.2,shade:E.shade,curve:(b.random()-0.5)*0.3,leafSizeJitter:0.7+b.random()*0.6,leafShapeJitter:b.int(0,1),leafHueShift:(b.random()-0.5)*20,hasThorns:!1,fruitAge:0,fallState:\"attached\",fallSeed:b.random()}),V.push({id:-f.idCounter++,parentId:E.id,x:v,y:l,angle:b0(O-X*0.5),depth:E.depth+1,type:\"bud\",terminal:!1,age:0,length:0,targetLength:o(F,\"lenScale\")*0.8,v:d,budState:\"dormant\",isCut:!1,resourceProduction:0,shade:E.shade,curve:0,leafSizeJitter:0,leafShapeJitter:0,leafHueShift:0,hasThorns:!1,fruitAge:0,fallState:\"attached\",fallSeed:b.random()})}}),f.nodes.length+V.length<=r)f.nodes.push(...V);let G=new Map;for(let E of f.nodes)if(E.type===\"leaf\"&&E.parentId!==null)G.set(E.parentId,(G.get(E.parentId)??0)+1);f.nodes.forEach((E,F)=>{if(E.type===\"root\"||E.parentId===null)return;let O=G.get(E.parentId)??0,y=E.type===\"leaf\"?Math.max(0,O-1):O,k=L(E);k.shade=Math.min(0.85,k.shade+y*0.06),f.nodes[F]=k});let R=0;if(f.nodes.forEach((E)=>{if(E.type===\"leaf\"&&E.resourceProduction>0){let F=Math.max(0.1,1-E.shade);R+=E.resourceProduction*F}}),f.resources={energy:Math.min(100,(f.resources?.energy??0)+R*5),water:Math.min(100,(f.resources?.water??0)+R*2),structural:Math.min(100,(f.resources?.structural??0)+R*1)},j>140&&j<180){let E=q<30?15:30;f.nodes=f.nodes.filter((F)=>{if(F.type!==\"leaf\")return!0;if(F.fallState===\"falling\")return!0;return(F.age??0)=180)f.nodes=f.nodes.filter((E)=>!(E.fallState===\"falling\"&&(E.fallAge??0)>B0));return f}function $$($,b){let{genome:f,nodes:M}=$,L=new Map;for(let J of M)L.set(J.id,J);let j=Math.max(0,1-M.length/r);M.forEach((J)=>{if(J.type!==\"bud\"||J.budState!==\"dormant\")return;if(J.v{if(J.type!==\"meristem\"&&J.type!==\"stem\")return;if(J.isCut)return;if(J.depth<1)return;if(M.some((G)=>G.parentId===J.id&&(G.type===\"bud\"||G.type===\"leaf\")))return;if(b.random()>0.35*P)return;let U=J.x+Math.cos(J.angle)*J.targetLength,Q=J.y+Math.sin(J.angle)*J.targetLength,V=b.random()<0.5?-1:1;if(H.push({id:-$.idCounter++,parentId:J.id,x:U,y:Q,angle:J.angle+V*(0.8+b.random()*0.5),depth:J.depth+1,type:\"bud\",terminal:!1,age:0,length:0,targetLength:o(f,\"lenScale\")*0.6,v:0.6+b.random()*0.4,budState:\"dormant\",isCut:!1,resourceProduction:0,shade:J.shade,curve:0,leafSizeJitter:0,leafShapeJitter:0,leafHueShift:0,hasThorns:!1,fruitAge:0,fallState:\"attached\",fallSeed:b.random()}),b.random()<0.5)H.push({id:-$.idCounter++,parentId:J.id,x:U,y:Q,angle:J.angle-V*(0.8+b.random()*0.5),depth:J.depth+1,type:\"leaf\",terminal:!1,age:0,length:10+b.random()*8,targetLength:15,v:0,budState:\"dormant\",isCut:!1,resourceProduction:0.1+b.random()*0.2,shade:J.shade,curve:(b.random()-0.5)*0.3,leafSizeJitter:0.7+b.random()*0.6,leafShapeJitter:b.int(0,1),leafHueShift:(b.random()-0.5)*20,hasThorns:!1,fruitAge:0,fallState:\"attached\",fallSeed:b.random()})}),M.length+H.length<=r)M.push(...H)}function f$($,b){let{genome:f,nodes:M}=$,L=[];if(M.forEach((j)=>{if(j.type!==\"stem\"&&j.type!==\"meristem\")return;if(j.isCut)return;if(j.depth<3)return;if(j.age<10)return;if(M.some((U)=>U.parentId===j.id&&U.type===\"leaf\"))return;if(b.random()>o(f,\"leafDensity\")*0.3)return;let H=j.x+Math.cos(j.angle)*j.length,J=j.y+Math.sin(j.angle)*j.length,q=b.random()<0.5?-1:1;L.push({id:-$.idCounter++,parentId:j.id,x:H,y:J,angle:j.angle+q*1.3,depth:j.depth+1,type:\"leaf\",terminal:!1,age:0,length:10+b.random()*6,targetLength:12,v:0,budState:\"dormant\",isCut:!1,resourceProduction:0.1+b.random()*0.2,shade:j.shade,curve:(b.random()-0.5)*0.3,leafSizeJitter:0.7+b.random()*0.6,leafShapeJitter:b.int(0,1),leafHueShift:(b.random()-0.5)*20,hasThorns:!1,fruitAge:0,fallState:\"attached\",fallSeed:b.random()})}),M.length+L.length<=r)M.push(...L)}function b$($){for(let b of $.nodes){if(b.fallState!==\"falling\")continue;b.fallVY=Math.min(2.4,(b.fallVY??0.2)+0.018),b.fallSwayPhase=(b.fallSwayPhase??0)+0.09,b.x+=Math.sin(b.fallSwayPhase)*0.5,b.y+=b.fallVY,b.angle+=b.fallRotSpeed??0,b.fallAge=(b.fallAge??0)+1}$.nodes=$.nodes.filter((b)=>!(b.fallState===\"falling\"&&(b.fallAge??0)>B0))}function M$($,b,f){for(let M of $.nodes){if(M.type!==\"leaf\"&&M.type!==\"flower\"||(M.fallState??\"attached\")!==\"attached\")continue;let L=M.type===\"leaf\"?e0:t0,j=L[0]+(M.fallSeed??f.random())*(L[1]-L[0]);if(b>=j)M.fallState=\"falling\",M.fallVY=0.12+f.random()*0.22,M.fallRotSpeed=(f.random()-0.5)*0.16,M.fallSwayPhase=f.random()*Math.PI*2,M.fallAge=0}}function L$($,b){let f=Math.max(0,1-$.nodes.length/r);for(let M of $.nodes){if(M.type!==\"bud\"||M.budState!==\"dormant\")continue;if(b.random()>=x0*f)continue;M.type=\"meristem\",M.terminal=!0,M.budState=\"active\",M.v=0.75+b.random()*0.35,M.length=0,M.targetLength=o($.genome,\"lenScale\")*1.3,M.age=0}}function J$($,b){if($.nodes.length>=r)return;let f=Math.max(0,1-$.nodes.length/r),M=[];for(let L of $.nodes){if(L.type!==\"stem\"||L.terminal||(L.age??0)<=a0)continue;if(b.random()>=n0*f)continue;let j=0.25+b.random()*0.55,P=b.random()<0.5?-1:1;M.push({id:-$.idCounter++,parentId:L.id,x:L.x+Math.cos(L.angle)*L.length*j,y:L.y+Math.sin(L.angle)*L.length*j,angle:b0(L.angle+P*(0.9+b.random()*0.5)),depth:L.depth+1,type:\"bud\",terminal:!1,age:0,length:0,targetLength:o($.genome,\"lenScale\")*0.6,v:0.6+b.random()*0.4,budState:\"dormant\",isCut:!1,resourceProduction:0,shade:L.shade,curve:0,leafSizeJitter:0,leafShapeJitter:0,leafHueShift:0,hasThorns:!1,fruitAge:0,fallState:\"attached\",fallSeed:b.random(),attachT:j})}if(M.length>0&&$.nodes.length+M.length<=r)$.nodes.push(...M)}function j$($){$.nodes=$.nodes.filter((b)=>{if(b.type!==\"leaf\")return!0;if(b.fallState===\"falling\")return!0;return(b.age??0)<30})}function h0($,b){let f={...$,nodes:$.nodes.map((H)=>({...H}))},M=f.nodes.findIndex((H)=>H.id===b);if(M===-1)return $;let L=f.nodes[M],j=new Set;function P(H){f.nodes.forEach((J)=>{if(J.parentId===H)j.add(J.id),P(J.id)})}return P(b),L.isCut=!0,f.nodes=f.nodes.filter((H)=>!j.has(H.id)),f.nodes.forEach((H)=>{if(H.type===\"bud\"&&H.budState===\"dormant\"){if(H.parentId!==null&&j.has(H.parentId)&&H.parentId===L.parentId)H.type=\"meristem\",H.terminal=!0,H.budState=\"active\",H.v=1,H.targetLength=o($.genome,\"lenScale\")*1.5,H.length=0,H.age=0}}),f.step++,f}function Z0($,b,f={}){let M=x(f.seed??Date.now()),L={id:0,parentId:null,type:\"meristem\",x:0,y:0,angle:-Math.PI/2,length:0,targetLength:o($,\"lenScale\"),v:1,age:0,terminal:!0,budState:\"dormant\",depth:0,isCut:!1,resourceProduction:0,shade:0,curve:0,leafSizeJitter:0,leafShapeJitter:0,leafHueShift:0,hasThorns:!1,fruitAge:0};return{idCounter:1,step:0,cycleLength:f.cycleLength??q0,root:L,nodes:[L],genome:$,species:b,resources:{energy:50,water:80,structural:30},environment:{lightDirection:[1,0],gravity:0.3,seasonIndex:0,temperature:0.7},greenhouse:[],selectedSlots:[],windTime:0,darkMode:!0,showRoots:!1,woodTexture:!1,particles:[],cutAnimTime:0,cameraX:0,cameraY:0,cameraZoom:1,growSpeed:1,timelapseFrames:[],isRecording:!1}}var I0={id:\"japanese-bonsai\",name:\"Japanese Bonsai\",genus:\"Pinus\",version:\"1.0.0\",traitRanges:{vigor:[0.6,0.8],angle:[15,25],decay:[0.08,0.12],lenScale:[20,35]},hiddenTraits:{budActivationThreshold:0.3,shadeTolerance:0.7,apicalDominance:1.2,internodeElasticity:0.9,dormancyStrength:0.6},leafResourceYield:0.8,seasonalRange:[0,200],palette:{typicalRGB:[34,139,34],typicalShape:0,typicalMaterial:0}},C0={id:\"zen-bamboo\",name:\"Zen Bamboo\",genus:\"Phyllostachys\",version:\"1.0.0\",traitRanges:{vigor:[0.8,1.1],angle:[20,35],decay:[0.04,0.08],lenScale:[40,60]},hiddenTraits:{budActivationThreshold:0.6,shadeTolerance:0.4,apicalDominance:0.8,internodeElasticity:1.1,dormancyStrength:0.2},leafResourceYield:1.2,seasonalRange:[0,300],palette:{typicalRGB:[0,128,0],typicalShape:1,typicalMaterial:0}},k0={id:\"sakura-orchid\",name:\"Sakura Orchid\",genus:\"Prunus\",version:\"1.0.0\",traitRanges:{vigor:[0.5,0.9],angle:[25,40],decay:[0.08,0.15],lenScale:[25,45]},hiddenTraits:{budActivationThreshold:0.5,shadeTolerance:0.5,apicalDominance:1,internodeElasticity:1,dormancyStrength:0.4},leafResourceYield:1,seasonalRange:[0,250],palette:{typicalRGB:[219,112,147],typicalShape:2,typicalMaterial:1}};function N0($,b){let f=x(b??Date.now()),M=(k,Y)=>[f.float(k,Y),f.float(k,Y)],L=(k,Y)=>[f.int(k,Y),f.int(k,Y)],j=$.palette.typicalRGB,P=()=>f.int(-15,15),H=()=>[Math.max(0,Math.min(255,j[0]+P())),Math.max(0,Math.min(255,j[1]+P())),Math.max(0,Math.min(255,j[2]+P()))],J=f.int(0,6),q=$.palette.typicalShape,U=0.3,Q=0,V=0,G=5,R=5,E=8,F=0,O=0.2,y=1;if($.id===\"japanese-bonsai\")J=f.random()<0.6?4:2,q=0,U=f.float(0.4,0.7),Q=f.float(0,0.1),V=0,G=f.int(4,6),R=5,E=f.int(6,10),F=0,O=f.float(0.2,0.5),y=f.float(1.1,1.7);else if($.id===\"zen-bamboo\")J=f.random()<0.7?0:1,q=3,U=f.float(0.1,0.25),Q=0,V=f.float(0,0.05),G=3,R=3,E=6,F=0,O=f.float(0,0.15),y=f.float(0.9,1.4);else if($.id===\"sakura-orchid\")J=f.random()<0.5?5:6,q=f.random()<0.5?1:2,U=f.float(0.15,0.35),Q=0,V=f.float(0.05,0.2),G=f.int(5,8),R=f.int(4,6),E=f.int(8,14),F=f.random()<0.4?1:0,O=f.float(0.1,0.3),y=f.float(0.55,1);return{vigor:M($.traitRanges.vigor[0],$.traitRanges.vigor[1]),angle:L($.traitRanges.angle[0],$.traitRanges.angle[1]),decay:M($.traitRanges.decay[0],$.traitRanges.decay[1]),lenScale:L($.traitRanges.lenScale[0],$.traitRanges.lenScale[1]),flowerRGB:[H(),H()],flowerRadius:L(3,8),flowerShape:[$.palette.typicalShape,$.palette.typicalShape],flowerStretch:[[f.float(0.8,1.3),f.float(0.8,1.3)],[f.float(0.8,1.3),f.float(0.8,1.3)]],flowerMaterial:[$.palette.typicalMaterial,$.palette.typicalMaterial],budActivationThreshold:[$.hiddenTraits.budActivationThreshold,$.hiddenTraits.budActivationThreshold],shadeTolerance:[$.hiddenTraits.shadeTolerance,$.hiddenTraits.shadeTolerance],apicalDominance:[$.hiddenTraits.apicalDominance,$.hiddenTraits.apicalDominance],internodeElasticity:[$.hiddenTraits.internodeElasticity,$.hiddenTraits.internodeElasticity],dormancyStrength:[$.hiddenTraits.dormancyStrength,$.hiddenTraits.dormancyStrength],leafShape:[J,J],leafSize:M(0.8,1.4),leafDensity:M(0.6,0.85),inflorescence:[q,q],petalCount:[G,G],sepalCount:[R,R],stamenCount:[E,E],symmetry:[F,F],curl:[O,O],windSensitivity:M(0.3,0.7),barkRoughness:[U,U],thornDensity:[Q,Q],vineMode:[V,V],stiffness:[y,y]}}var S0=new Map;function l0(){return S0}function Q0($,b,f,M=0,L=0,j=1){let H=Math.min($/400,b/(f?650:500))*j,J=(f?b*0.6:b-50)+L,q=$/2+M;return{scale:H,ox:q,oy:J}}function H$($,b=250){let f=$%b;if(f<=100)return{name:\"Frühling\",color:\"#f39c12\",season:f};if(f<=140)return{name:\"Sommer\",color:\"#26ad61\",season:f};if(f<=180)return{name:\"Herbst\",color:\"#d35400\",season:f};return{name:\"Winter\",color:\"#94a3b8\",season:f}}function a($,b){let f=Math.sin($*127.1+b*311.7)*43758.5453;return f-Math.floor(f)}function E$($,b,f,M=1){$.save();for(let L=0;L140&&M<=180)j=M-140>20?\"#e67e22\":\"#f1c40f\";else if(M>180)j=\"#8b6914\";else if(P>5)j=\"#3ddc84\";else if(P<-5)j=\"#1fa855\";let H=L?Math.abs((b+L.leafShapeJitter)%7):Math.abs(b%7);if($.fillStyle=j,$.strokeStyle=\"rgba(0,0,0,0.15)\",$.lineWidth=0.4,H===0)$.beginPath(),$.ellipse(0,0,f*0.5,f*0.2,0,0,Math.PI*2),$.fill(),$.stroke(),$.beginPath(),$.moveTo(-f*0.45,0),$.lineTo(f*0.45,0),$.stroke();else if(H===1)$.beginPath(),$.ellipse(-f*0.15,0,f*0.35,f*0.11,-0.3,0,Math.PI*2),$.fill(),$.stroke(),$.beginPath(),$.ellipse(f*0.15,0,f*0.35,f*0.11,0.3,0,Math.PI*2),$.fill(),$.stroke();else if(H===2){$.beginPath(),$.moveTo(-f*0.4,0);for(let J=0;J<8;J++){let q=J/7,U=-f*0.4+q*f*0.8,Q=(J%2===0?-1:1)*f*0.06;$.lineTo(U,Q)}$.lineTo(f*0.4,0),$.closePath(),$.fill(),$.stroke()}else if(H===3)$.beginPath(),$.moveTo(0,-f*0.4),$.quadraticCurveTo(f*0.5,-f*0.1,f*0.35,f*0.2),$.quadraticCurveTo(f*0.15,f*0.35,0,f*0.4),$.quadraticCurveTo(-f*0.15,f*0.35,-f*0.35,f*0.2),$.quadraticCurveTo(-f*0.5,-f*0.1,0,-f*0.4),$.fill(),$.stroke();else if(H===4){$.strokeStyle=j,$.lineWidth=1,$.beginPath(),$.moveTo(0,-f*0.4),$.lineTo(0,f*0.4),$.stroke();for(let J=0;J<6;J++){let q=-f*0.3+J*f*0.12;$.beginPath(),$.moveTo(0,q),$.lineTo(f*0.15,q-f*0.05),$.stroke(),$.beginPath(),$.moveTo(0,q),$.lineTo(-f*0.15,q-f*0.05),$.stroke()}}else if(H===5)$.beginPath(),$.moveTo(0,-f*0.35),$.bezierCurveTo(f*0.5,-f*0.2,f*0.4,f*0.3,0,f*0.4),$.bezierCurveTo(-f*0.4,f*0.3,-f*0.5,-f*0.2,0,-f*0.35),$.fill(),$.stroke();else $.beginPath(),$.ellipse(0,0,f*0.45,f*0.25,0,0,Math.PI*2),$.fill(),$.stroke()}function F$($,b,f,M,L,j,P,H=1){let J=Math.abs(P%6);if(J===0){Y0($,b,f,M,L,j,H);return}$.save(),$.translate(b,f),$.rotate(M);let q=J===5?12:5,U=J===2?0.8:J===4?0.4:0.3;for(let Q=0;Q0.2){$.strokeStyle=`rgba(${q+20},${U+10},${Q},0.3)`,$.lineWidth=j*0.3;let V=M-b,G=L-f,R=Math.sqrt(V*V+G*G);if(R>0){let E=-G/R,F=V/R;$.beginPath(),$.moveTo(b+E*j*0.2,f+F*j*0.2),$.lineTo(M+E*j*0.2,L+F*j*0.2),$.stroke(),$.beginPath(),$.moveTo(b-E*j*0.2,f-F*j*0.2),$.lineTo(M-E*j*0.2,L-F*j*0.2),$.stroke()}}}function K$($,b,f,M,L,j,P,H,J,q,U=!0){let Q=Math.max(0.5,3.5*Math.pow(0.7,P.depth)),V=P.curve+q*0.5;if(Math.abs(V)<0.05){P$($,b,f,M,L,Q,H,J,U);return}let G=(b+M)/2,R=(f+L)/2,E=-(L-f),F=M-b,O=Math.sqrt(E*E+F*F)||1,y=G+E/O*V*P.length*0.4,k=R+F/O*V*P.length*0.4,Y=Math.round(140*H+38*(1-H)),z=Math.round(69*H+173*(1-H)),d=Math.round(18*H+97*(1-H));if($.strokeStyle=`rgb(${Y},${z},${d})`,$.lineWidth=Q,$.lineCap=\"round\",$.beginPath(),$.moveTo(b,f),$.quadraticCurveTo(y,k,M,L),$.stroke(),U&&J>0.2){$.strokeStyle=`rgba(${Y+20},${z+10},${d},0.3)`,$.lineWidth=Q*0.3;let v=-(L-f)/O,l=(M-b)/O;$.beginPath(),$.moveTo(b+v*Q*0.2,f+l*Q*0.2),$.quadraticCurveTo(y+v*Q*0.2,k+l*Q*0.2,M+v*Q*0.2,L+l*Q*0.2),$.stroke(),$.beginPath(),$.moveTo(b-v*Q*0.2,f-l*Q*0.2),$.quadraticCurveTo(y-v*Q*0.2,k-l*Q*0.2,M-v*Q*0.2,L-l*Q*0.2),$.stroke()}}function X0($,b,f,M){let{name:L,color:j}=H$(b.step,b.cycleLength),P=b.darkMode,H=b.step%b.cycleLength,J=P?\"#050510\":H<=100?\"#87CEEB\":H<=140?\"#4A90D9\":H<=180?\"#E8A87C\":\"#1a1a2e\",q=P?\"#0a0a18\":H<=100?\"#F0F8FF\":H<=140?\"#FFFFFF\":H<=180?\"#2C3E50\":\"#16213e\",U=$.createLinearGradient(0,0,0,M);if(U.addColorStop(0,J),U.addColorStop(1,q),$.fillStyle=U,$.fillRect(0,0,f,M),P)for(let Z=0;Z<20;Z++){let W=(Z*7919+13)%997/997*f,N=(Z*6271+7)%991/991*M*0.6,h=0.3+Z*3571%100/100*0.5;$.fillStyle=`rgba(255,255,255,${h})`,$.fillRect(W,N,1.2,1.2)}let{scale:Q,ox:V,oy:G}=Q0(f,M,b.showRoots,b.cameraX??0,b.cameraY??0,b.cameraZoom??1),R=0,E=$.createLinearGradient(0,R-8,0,R+20);E.addColorStop(0,P?\"rgba(60,40,20,0)\":\"rgba(120,90,50,0)\"),E.addColorStop(0.3,P?\"rgba(60,40,20,0.3)\":\"rgba(120,90,50,0.25)\"),E.addColorStop(1,P?\"rgba(60,40,20,0.6)\":\"rgba(120,90,50,0.5)\"),$.fillStyle=E,$.fillRect(-f,R,f*2,25),$.strokeStyle=P?\"rgba(120,80,40,0.25)\":\"rgba(120,90,50,0.3)\",$.lineWidth=1,$.beginPath(),$.moveTo(-f,R),$.lineTo(f,R),$.stroke(),$.save(),$.translate(V,G),$.scale(Q,Q);let F=b.windTime;for(let Z=0;Z<20;Z++){let W=(Z*7919+31)%997/997*400-200,N=90+Z*3571%40,h=P?20:35;$.strokeStyle=`hsl(${N}, 60%, ${h}%)`,$.lineWidth=1;let I=Math.sin(F*0.5+Z*0.3)*2,T=5+Z*1237%10;$.beginPath(),$.moveTo(W,0),$.quadraticCurveTo(W+I,-T*0.6,W+I*1.5,-T),$.stroke()}if(b.particles=[],b.cutAnimTime>0)$.save(),$.globalAlpha=b.cutAnimTime*0.6,$.strokeStyle=P?\"#ffbb00\":\"#cc8800\",$.lineWidth=2,$.beginPath(),$.arc(0,-30,(1-b.cutAnimTime)*30,0,Math.PI*2),$.stroke(),$.restore(),b.cutAnimTime=Math.max(0,b.cutAnimTime-0.02);let O=b.genome,y=new Map,k=new Map;for(let Z of b.nodes){k.set(Z.id,Z);let W=y.get(Z.parentId);if(W)W.push(Z);else y.set(Z.parentId,[Z])}let Y=new Map,z=new Map;for(let Z=b.nodes.length-1;Z>=0;Z--){let W=b.nodes[Z],N=0;if(W.type===\"leaf\"&&W.fallState!==\"falling\")N=0.8*(W.sizeMul??1);else if(W.type===\"flower\"&&W.fallState!==\"falling\")N=1.4;else if(W.type===\"stem\"||W.type===\"meristem\")N=W.length*0.04;let h=y.get(W.id)??[];for(let I of h)N+=Y.get(I.id)??0;if(Y.set(W.id,N),W.type===\"stem\"||W.type===\"meristem\"){let I=Math.pow(0.7,2.5);for(let T of h){if(T.type!==\"stem\"&&T.type!==\"meristem\")continue;let X=z.get(T.id)??0;I+=Math.pow(X,2.5)}z.set(W.id,Math.pow(I,0.4))}else z.set(W.id,0)}let d=(Z)=>z.get(Z)??0,v=(Z)=>Y.get(Z)??0,l=new Map;l.set(0,{wx:b.root.x,wy:b.root.y,wAngle:b.root.angle});let $0=6;for(let Z of b.nodes){let W=Z.depth>$0?Math.max(0.15,1-(Z.depth-$0)*0.1):1,N=Z.parentId!==null?l.get(Z.parentId):void 0,h=N?N.wx:Z.x,I=N?N.wy:Z.y,T=N?N.accumulatedSag||0:0,X=0,C=Z.angle+0+T,u=0;if(Z.type===\"stem\"||Z.type===\"meristem\"){let _=v(Z.id),g=d(Z.id),i=Math.min(1,Z.age/50),p=O.stiffness??1,c=Math.pow(g+0.5,2.5)*(1.5+i*3)*p,s=0.005*_/Math.max(0.05,c),f0=Math.PI/2;u=Math.min(s,0.05),C+=(f0-C)*u}let S=h+Math.cos(C)*Z.length,D=I+Math.sin(C)*Z.length;if(l.set(Z.id,{wx:S,wy:D,wAngle:C,accumulatedSag:T+u}),Z.type===\"stem\"||Z.type===\"meristem\"){let _=Math.min(1,Z.age/50);if($.globalAlpha=1-Z.shade*0.35*W,K$($,h,I,S,D,C,Z,_*W,O.barkRoughness*W,0*W,b.woodTexture),$.globalAlpha=1,Z.hasThorns){let g=Math.max(0.5,3.5*Math.pow(0.7,Z.depth));for(let i=0;i<3;i++){let p=(i+1)/4,c=h+(S-h)*p,s=I+(D-I)*p,f0=i%2===0?1:-1,E0=-(D-I),U0=S-h,G0=Math.sqrt(E0*E0+U0*U0)||1,R0=E0/G0*f0*g*0.6*W,o0=U0/G0*f0*g*0.6*W;$.fillStyle=P?\"#5D4037\":\"#795548\",$.beginPath(),$.moveTo(c,s),$.lineTo(c+R0-(S-h)*0.08,s+o0-(D-I)*0.08),$.lineTo(c+R0+(S-h)*0.08,s+o0+(D-I)*0.08),$.closePath(),$.fill()}}if(Z.isCut)$.strokeStyle=P?\"#ffbb00\":\"#cc8800\",$.lineWidth=Math.max(0.5,3.5*Math.pow(0.7,Z.depth))*W+1,$.beginPath(),$.moveTo(S-3,D),$.lineTo(S+3,D),$.stroke()}else if(Z.type===\"leaf\"){$.save(),$.globalAlpha=1-Z.shade*0.3;let _=h+Math.cos(C)*Z.length*0.4,g=I+Math.sin(C)*Z.length*0.4;if($.translate(_,g),$.rotate(Z.angle*0.3+0),Q$($,O.leafShape,Z.length*O.leafSize*Z.leafSizeJitter*1.8,H,Z),$.globalAlpha=1,$.restore(),H<50&&C<0){let i=h+Math.cos(C)*Z.length*0.8,p=I+Math.sin(C)*Z.length*0.8;$.fillStyle=\"rgba(200,220,255,0.4)\",$.beginPath(),$.arc(i,p,2,0,Math.PI*2),$.fill()}}else if(Z.type===\"bud\")$.fillStyle=P?\"#f39c12\":\"#d4a017\",$.beginPath(),$.arc(h,I,2,0,Math.PI*2),$.fill();else if(Z.type===\"flower\")if(Z.fruitAge>0){let _=Math.min(1,Z.fruitAge/100),g=Math.round(80+_*120),i=Math.round(120-_*80),p=Math.round(40-_*20),c=Math.min(5,3+Z.fruitAge*0.02);if($.fillStyle=`rgb(${g},${i},${p})`,$.beginPath(),$.arc(h,I,c,0,Math.PI*2),$.fill(),Z.fruitAge>50){$.fillStyle=P?\"#2a1a0a\":\"#3d2b1f\";for(let s=0;s<3;s++){let f0=s/3*Math.PI*2;$.beginPath(),$.arc(h+Math.cos(f0)*c*0.5,I+Math.sin(f0)*c*0.5,0.7,0,Math.PI*2),$.fill()}}}else F$($,h,I,C,Z.depth,O,O.inflorescence,Z.id*97+13);else if(Z.type===\"root\"){let _=Math.min(0.8,Z.age/40),g=Math.round(120*_+90*(1-_)),i=Math.round(80*_+65*(1-_)),p=Math.round(40*_+35*(1-_));$.strokeStyle=`rgb(${g},${i},${p})`,$.lineWidth=Math.max(0.3,2*Math.pow(0.7,Z.depth)),$.lineCap=\"round\",$.beginPath(),$.moveTo(h,I),$.lineTo(S,D),$.stroke()}}return $.restore(),S0=l,L+\"|\"+j}var V$=\"1.0.0\";function _0($){return JSON.stringify({version:V$,step:$.step,cycleLength:$.cycleLength,idCounter:$.idCounter,genome:$.genome,speciesId:$.species?.id??\"unknown\",resources:$.resources,environment:$.environment,nodes:$.nodes})}function v0($){let b=JSON.parse($);if(!b||typeof b!==\"object\")throw Error(\"Invalid JSON: Root must be an object\");if(!Array.isArray(b.nodes)||b.nodes.length===0)throw Error(\"Invalid Plant Data: No nodes found\");if(!b.genome||typeof b.genome!==\"object\")throw Error(\"Invalid Plant Data: Missing genome\");return{idCounter:typeof b.idCounter===\"number\"?b.idCounter:0,step:typeof b.step===\"number\"?b.step:0,cycleLength:typeof b.cycleLength===\"number\"?b.cycleLength:200,root:b.nodes[0],nodes:b.nodes,genome:b.genome,species:{id:b.speciesId||\"unknown\"},resources:b.resources||{energy:0,water:0,structural:0},environment:b.environment||{lightDirection:[1,0],gravity:0.1,seasonIndex:0,temperature:20},greenhouse:[],selectedSlots:[],windTime:0,darkMode:!0,showRoots:!1,woodTexture:!1,particles:[],cutAnimTime:0,cameraX:0,cameraY:0,cameraZoom:1,growSpeed:1,timelapseFrames:[],isRecording:!1}}function D0($,b=400,f=500){let M=b/2,L=f-40,j=$.genome,P=$.darkMode?\"#050508\":\"#f8f4e8\",H=$.step%$.cycleLength,J=[],q=(U)=>Number.isFinite(U)?U.toFixed(1):\"0.0\";for(let U of $.nodes){if(U.type===\"root\"&&!$.showRoots)continue;let Q=U.length||U.targetLength||0,V=U.x+Math.cos(U.angle)*Q,G=U.y+Math.sin(U.angle)*Q,E=U.fallState===\"falling\"?' opacity=\"0.45\"':\"\";if(U.type===\"stem\"||U.type===\"meristem\"){let F=Math.min(1,U.age/50),O=Math.round(140*F+38*(1-F)),y=Math.round(69*F+173*(1-F)),k=Math.round(18*F+97*(1-F)),Y=Math.max(0.6,3.2*Math.pow(0.72,U.depth)).toFixed(2),z=(U.x+V)/2,d=(U.y+G)/2,v=-(G-U.y),l=V-U.x,$0=Math.sqrt(v*v+l*l)||1,Z=z+v/$0*U.curve*Q*0.4,W=d+l/$0*U.curve*Q*0.4;if(J.push(``),U.isCut)J.push(``);if(U.hasThorns)for(let N=0;N<3;N++){let h=(N+1)/4,I=M+U.x+(V-U.x)*h,T=L+U.y+(G-U.y)*h,X=N%2===0?1:-1;J.push(``)}}else if(U.type===\"leaf\"){let F=\"#2ecc71\";if(H>140&&H<=180)F=H-140>20?\"#e67e22\":\"#f1c40f\";else if(H>180)F=\"#8b6914\";else if(U.leafHueShift>5)F=\"#3ddc84\";else if(U.leafHueShift<-5)F=\"#1fa855\";let O=Math.max(0.5,U.length*o(j,\"leafSize\")*(U.leafSizeJitter||1)/2),y=Math.max(0.3,O/2.4);J.push(``)}else if(U.type===\"flower\")if(U.fruitAge>0){let F=Math.min(1,U.fruitAge/100),O=Math.round(80+F*120),y=Math.round(120-F*80),k=Math.round(40-F*20),Y=Math.min(5,3+U.fruitAge*0.02).toFixed(1);J.push(``)}else{let F=o(j,\"flowerRadius\"),O=o(j,\"flowerRGB\");J.push(``);for(let y=0;y`)}}else if(U.type===\"bud\")J.push(``);else if(U.type===\"root\")J.push(``)}return``}var B=($)=>document.getElementById($),m=B(\"plant\"),w0=m.getContext(\"2d\"),H0=[I0,C0,k0],J0=0,e=x(42),n=42,K,t=[],A=[],j0=!0,L0=!1;try{let $=localStorage.getItem(\"zenplant.greenhouse\");if($)t=JSON.parse($)}catch{}function m0(){try{localStorage.setItem(\"zenplant.greenhouse\",JSON.stringify(t))}catch{}}function K0($=Math.random()*1e9|0){if(K&&K.nodes.length>0)t.push(JSON.parse(JSON.stringify(K))),m0();n=$,e=x(n);let b=N0(H0[J0],n);K=Z0(b,H0[J0],{seed:n});for(let f=0;f<80;f++)K=M0(K,e);w()}function w(){let $=m.getBoundingClientRect(),b=window.devicePixelRatio||1;if(m.width!==Math.floor($.width*b)||m.height!==Math.floor($.height*b))m.width=Math.floor($.width*b),m.height=Math.floor($.height*b);w0.setTransform(b,0,0,b,0,0);let M=X0(w0,K,$.width,$.height),[L,j]=M.split(\"|\"),P=B(\"season-badge\");P.textContent=`${L} · step ${K.step} · seed ${n}`,P.style.color=j;let H=K.genome;B(\"genome-info\").innerHTML=`Vigor ${o(H,\"vigor\").toFixed(2)} · Angle ${o(H,\"angle\").toFixed(0)}° · Len ${o(H,\"lenScale\").toFixed(0)}
Species ${H0[J0].name} · Nodes ${K.nodes.length}`,O$()}function O$(){let $=B(\"slots-container\");if(t.length===0){$.innerHTML='

Save plants for breeding.

',B(\"btn-breed\").style.display=\"none\";return}$.innerHTML=t.map((f,M)=>{let L=A.includes(M)?\"selected\":\"\",j=o(f.genome,\"flowerRGB\");return`

#${M+1} · step ${f.step} · ${f.nodes.length} nodes

`}).join(\"\"),$.querySelectorAll(\".slot\").forEach((f)=>{f.addEventListener(\"click\",()=>{let M=Number(f.dataset.i),L=A.indexOf(M);if(L>-1)A.splice(L,1);else{if(A.length>=2)A.shift();A.push(M)}w()})});let b=B(\"btn-breed\");if(A.length===2)b.style.display=\"block\",b.textContent=`Breed #${A[0]+1} + #${A[1]+1}`;else b.style.display=\"none\"}function G$($,b,f){let M=(f.x-b.x)**2+(f.y-b.y)**2;if(M===0)return Math.hypot($.x-b.x,$.y-b.y);let L=(($.x-b.x)*(f.x-b.x)+($.y-b.y)*(f.y-b.y))/M;return L=Math.max(0,Math.min(1,L)),Math.hypot($.x-(b.x+L*(f.x-b.x)),$.y-(b.y+L*(f.y-b.y)))}m.style.touchAction=\"none\";var V0=!1,A0=0,d0=0,i0=0,g0=0,O0=!1;function p0($,b){if(O0)return;let f=m.getBoundingClientRect(),{scale:M,ox:L,oy:j}=Q0(f.width,f.height,K.showRoots,K.cameraX??0,K.cameraY??0,K.cameraZoom??1),P=($-f.left-L)/M,H=(b-f.top-j)/M,J=l0(),q=null,U=20;for(let Q of K.nodes){if(Q.type!==\"stem\"&&Q.type!==\"meristem\")continue;let V=Q.parentId!==null?J.get(Q.parentId):void 0,G=V?V.wx:Q.x,R=V?V.wy:Q.y,E=J.get(Q.id),F=E?E.wx:Q.x+Math.cos(Q.angle)*Q.length,O=E?E.wy:Q.y+Math.sin(Q.angle)*Q.length,y=G$({x:P,y:H},{x:G,y:R},{x:F,y:O});if(yp0($.clientX,$.clientY));m.addEventListener(\"pointerup\",($)=>p0($.clientX,$.clientY));m.addEventListener(\"mousedown\",($)=>{V0=!0,O0=!1,A0=$.clientX,d0=$.clientY,i0=K.cameraX,g0=K.cameraY});window.addEventListener(\"mousemove\",($)=>{if(!V0)return;let b=$.clientX-A0,f=$.clientY-d0;if(Math.abs(b)>3||Math.abs(f)>3)O0=!0;K.cameraX=i0+b,K.cameraY=g0+f,w()});window.addEventListener(\"mouseup\",()=>{V0=!1});m.addEventListener(\"wheel\",($)=>{$.preventDefault();let b=$.deltaY>0?-0.1:0.1;K.cameraZoom=Math.max(0.3,Math.min(3,K.cameraZoom+b)),w()},{passive:!1});B(\"btn-grow\").addEventListener(\"click\",()=>{for(let $=0;$<10;$++)K=M0(K,e);w()});B(\"btn-grow-season\").addEventListener(\"click\",()=>{for(let $=0;$<50;$++)K=M0(K,e);w()});B(\"btn-reset\").addEventListener(\"click\",()=>K0());B(\"btn-play\").addEventListener(\"click\",($)=>{j0=!j0,$.target.textContent=j0?\"Pause\":\"Play\"});B(\"species-select\").addEventListener(\"change\",($)=>{J0=Number($.target.value),K0(n)});B(\"btn-save\").addEventListener(\"click\",()=>{t.push(JSON.parse(JSON.stringify(K))),m0(),w()});B(\"btn-breed\").addEventListener(\"click\",()=>{if(A.length!==2)return;let $=t[A[0]].genome,b=t[A[1]].genome,f=y0($,b,e);K=Z0(f,H0[J0],{seed:Math.random()*1e9|0});for(let M=0;M<30;M++)K=M0(K,e);A=[],w()});B(\"btn-pro\").addEventListener(\"click\",()=>{let $=B(\"pro-panel\");$.style.display=$.style.display===\"none\"?\"block\":\"none\"});B(\"btn-export\").addEventListener(\"click\",()=>{let $=new Blob([_0(K)],{type:\"application/json\"}),b=document.createElement(\"a\");b.href=URL.createObjectURL($),b.download=`zenplant-step${K.step}-seed${n}.json`,b.click(),URL.revokeObjectURL(b.href)});B(\"btn-svg\").addEventListener(\"click\",()=>{let $=new Blob([D0(K,400,500)],{type:\"image/svg+xml\"}),b=document.createElement(\"a\");b.href=URL.createObjectURL($),b.download=`zenplant-step${K.step}.svg`,b.click(),URL.revokeObjectURL(b.href)});B(\"btn-png\")?.addEventListener(\"click\",()=>{let $=document.createElement(\"a\");$.href=m.toDataURL(\"image/png\"),$.download=`zenplant-step${K.step}-seed${n}.png`,$.click()});B(\"btn-timelapse\")?.addEventListener(\"click\",($)=>{if(K.isRecording=!K.isRecording,$.target.textContent=K.isRecording?`Stop (${K.timelapseFrames.length})`:\"Record Timelapse\",!K.isRecording&&K.timelapseFrames.length>0){let b=document.createElement(\"a\");b.href=K.timelapseFrames[K.timelapseFrames.length-1],b.download=`zenplant-frame${K.timelapseFrames.length}.webp`,b.click(),K.timelapseFrames=[]}});var F0=B(\"grow-speed\"),u0=B(\"speed-label\");if(F0)F0.addEventListener(\"input\",()=>{if(K.growSpeed=parseFloat(F0.value),u0)u0.textContent=K.growSpeed+\"×\"});B(\"btn-import\").addEventListener(\"click\",()=>B(\"import-file\").click());B(\"import-file\").addEventListener(\"change\",async($)=>{let b=$.target.files?.[0];if(!b)return;K=v0(await b.text()),e=x(K.step+n),w()});B(\"btn-dark\").addEventListener(\"click\",()=>{K.darkMode=!K.darkMode,document.body.classList.toggle(\"dark-mode\",K.darkMode),w()});B(\"btn-wood\").addEventListener(\"click\",($)=>{K.woodTexture=!K.woodTexture,$.target.textContent=K.woodTexture?\"Wood: ON\":\"Wood: OFF\",w()});B(\"btn-wind\").addEventListener(\"click\",($)=>{L0=!L0,$.target.textContent=L0?\"Wind: ON\":\"Wind: OFF\"});var P0=null;function r0(){if(P0!==null)return;P0=requestAnimationFrame(()=>{P0=null,w()})}window.addEventListener(\"resize\",r0);window.addEventListener(\"orientationchange\",()=>setTimeout(w,150));if(window.visualViewport)window.visualViewport.addEventListener(\"resize\",r0);var z0=performance.now(),T0=performance.now();function c0($){let b=($-z0)/1000;if(z0=$,L0&&K)K.windTime+=b*2,w();let f=K.growSpeed>0?180/K.growSpeed:999999;if(j0&&K&&$-T0>f){if(K=M0(K,e),T0=$,!L0)w()}if(K?.isRecording&&K.timelapseFrames.length<300){K.timelapseFrames.push(m.toDataURL(\"image/webp\",0.8));let M=B(\"btn-timelapse\");if(M)M.textContent=`Stop (${K.timelapseFrames.length})`}requestAnimationFrame(c0)}requestAnimationFrame(c0);K0();\n`, {\n headers: { \"Content-Type\": \"application/javascript\" },\n });\n});\n\napp.get('/', (c) => {\n return c.html(`\n \n \n \n \n \n ZenPlant - Theoretical Botany\n \n \n \n \n

\n \n \n

\n \n \n \n `);\n});\n\nexport default app.fetch;","children",[],[169],"5dec5345-4c21-4951-831d-9fb3cd1c9f45","server.ts","6ffcaa50-afc8-11f1-b92b-1607ee4eb77e","1fe622de-7195-42ae-854b-71e28a168af2",["D",1789341083206],"import { Hono } from \"hono\";\nimport { japaneseBonsai, zenBamboo, sakuraOrchid, generateGenomeForSpecies, getSpeciesById } from \"./data/species\";\n\nconst app = new Hono();\n\napp.get(\"/health\", (c) => c.json({ status: \"ok\", service: \"zenplant\" }));\n\napp.get(\"/api/species\", (c) =>\n c.json({\n species: [japaneseBonsai, zenBamboo, sakuraOrchid].map((s) => ({ id: s.id, name: s.name, genus: s.genus, version: s.version })),\n })\n);\n\napp.get(\"/api/genome/:id\", (c) => {\n const id = c.req.param(\"id\");\n const sp = getSpeciesById(id);\n if (!sp) return c.json({ error: \"unknown species\" }, 404);\n const seedParam = c.req.query(\"seed\");\n const seed = seedParam !== undefined ? Number(seedParam) : Date.now();\n return c.json({ genome: generateGenomeForSpecies(sp, seed), speciesId: sp.id, seed });\n});\n\nconst MIME: Record = {\n html: \"text/html\", js: \"application/javascript\", css: \"text/css\",\n json: \"application/json\", svg: \"image/svg+xml\", png: \"image/png\", ico: \"image/x-icon\",\n};\n\nfor (const route of [\"/\", \"/index.html\"]) {\n app.get(route, async (c) => {\n const f = Bun.file(\"./public/index.html\");\n if (!(await f.exists())) return c.text(\"public/index.html missing — run bun run build:client\", 500);\n return new Response(f, { headers: { \"Content-Type\": \"text/html\" } });\n });\n}\n\napp.get(\"/app.js\", async (c) => {\n const f = Bun.file(\"./public/app.js\");\n if (!(await f.exists())) return c.text(\"public/app.js missing — run bun run build:client\", 500);\n return new Response(f, { headers: { \"Content-Type\": \"application/javascript\" } });\n});\n\napp.get(\"/export/svg\", async (c) => {\n const { plantToSVG } = await import(\"./export/plugin\");\n const { freshState, growOnce } = await import(\"./sim/growth\");\n const { createPrng } = await import(\"./sim/prng\");\n const sp = getSpeciesById((c.req.query(\"species\") as string) || \"japanese-bonsai\") ?? japaneseBonsai;\n const seed = Number(c.req.query(\"seed\") ?? 42);\n const steps = Math.min(200, Number(c.req.query(\"steps\") ?? 40));\n const prng = createPrng(seed);\n let s = freshState(generateGenomeForSpecies(sp, seed), sp, { seed });\n for (let i = 0; i < steps; i++) s = growOnce(s, prng);\n return new Response(plantToSVG(s, 400, 500), { headers: { \"Content-Type\": \"image/svg+xml\" } });\n});\n\nexport default app;\n\nif (import.meta.main) {\n console.log(\"ZenPlant app module loaded (served by Bun runtime)\");\n}\n",[],[150,178],["D",1789341083565],[],[150,151,63],"e940f993-3c93-4923-b230-dee1148c4b4e",["D",1789341083565],"directory",[165],[150,151],"8927dff5-46b3-4bd4-8e6b-0250c6ff0a0e",["D",1789341083206],[164,166],[150],["D",1789340809179],{"_11":12,"_119":68},{"_11":12,"_115":-5,"_67":68,"_30":66,"_116":117,"_118":24},{"_38":106,"_13":16,"_32":35,"_107":70,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":14,"_114":12},"ctx",{"_51":-5,"_138":234,"_235":236,"_237":238,"_239":24,"_240":24,"_241":24,"_242":83,"_243":-5,"_244":-7,"_245":-7,"_246":26,"_247":24,"_248":24,"_249":-5,"_250":24,"_251":24,"_252":24,"_253":-5},"ENV",{"_205":206,"_207":208,"_209":16,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · app.ts