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",[],[133,174,166],"ui","e940f993-3c93-4923-b230-dee1148c4b4e",["D",1789341083565],[151],[133,174],["D",1789341083206],[150,152],[133],["D",1789340809179],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":54,"_99":100,"_101":24},{"_13":84,"_32":85,"_42":41,"_86":43,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":44,"_93":94},"ctx",{"_77":-5,"_121":219,"_220":221,"_222":223,"_224":24,"_225":24,"_226":24,"_227":57,"_228":-5,"_229":-7,"_230":-7,"_231":61,"_232":24,"_233":24,"_234":-5,"_235":24,"_236":24,"_237":24,"_238":-5},"ENV",{"_190":191,"_192":193,"_194":85,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]

Diff · v3