Theoretical Botany - 2.5D Isometrisch

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_151":152,"_153":154},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_114":-5,"_20":115,"_22":116,"_117":118,"_119":120,"_25":121,"_24":-5,"_122":-5,"_123":-5,"_124":53,"_125":126,"_127":44,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","qrtrcgn","name","theoreticalBotanyGeneticsV2","branchName","main","version","path","","project",{"_33":61,"_13":14,"_45":62,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":-5,"_69":-5,"_70":71,"_72":37,"_73":44,"_74":-5,"_75":-5,"_76":47,"_77":78,"_79":-5,"_80":-5,"_81":-5,"_82":-5,"_83":84,"_85":84,"_86":87,"_88":87,"_89":87,"_90":84,"_91":84,"_92":93,"_94":95,"_96":97,"_98":53},"tree",[56],"file","contents",[32],"upstream","pull","ahead","behind","envVars",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":55},"id","503099a9-2e9a-47ea-af84-4c7086fa376c","main.tsx","fileId","66f4294e-a2ce-11f1-8207-1607ee4eb77e","parentId","branchId","fab16182-37f2-4c31-86fd-2b1a8aa4bb7e","branchVersion",27,"latest",true,"createdAt",["D",1787914279931],0,"fileType","http","content","/** @jsxImportSource npm:hono@3/jsx */\nimport { Hono } from \"npm:hono\";\nimport * as THREE from \"npm:three\";\n\nconst app = new Hono();\n\nfunction mulberry32(a: number) {\n return function() {\n let t = a += 0x6D2B79F5;\n t = Math.imul(t ^ t >>> 15, t | 1);\n t ^= t + Math.imul(t ^ t >>> 7, t | 61);\n return ((t ^ t >>> 14) >>> 0) / 4294967296;\n }\n}\n\nfunction runSimulation(steps: number, seed: number, genome: any, cuts: any[]) {\n const random = mulberry32(seed);\n \n let nodes = [{\n id: 0,\n parentId: null,\n type: 'stem',\n terminal: true,\n pos: new THREE.Vector3(0, 0, 0),\n dir: new THREE.Vector3(0, 1, 0), \n right: new THREE.Vector3(1, 0, 0),\n currentLength: 0, \n targetLength: genome.lenScale, \n growthRate: genome.vigor * 2.5, \n v: 1.0,\n age: 0,\n dead: false,\n depth: 0,\n isCut: false\n }];\n \n let idCounter = 1;\n\n for (let step = 0; step < steps; step++) {\n const cycleLength = 250; \n const season = step % cycleLength;\n \n if (season === 180) {\n nodes.forEach(n => { if (n.type === 'flower' || n.type === 'leaf') n.dead = true; });\n }\n nodes = nodes.filter(n => !n.dead);\n \n if (season >= 180 && season < 249) {\n nodes.forEach(n => { if(n.age !== undefined) n.age++; });\n continue;\n }\n \n if (season === 0) {\n nodes.forEach(n => {\n if (n.type === 'bud' && random() < 0.15) {\n n.type = 'stem';\n n.terminal = true;\n n.v = 0.8 + random() * 0.3;\n n.currentLength = 0;\n n.targetLength = genome.lenScale * Math.pow(n.v, 1.2);\n n.growthRate = genome.vigor * (0.3 + random() * 0.7) * Math.pow(0.85, n.depth);\n }\n });\n }\n\n const tips = nodes.filter(n => n.terminal && n.type === 'stem');\n const nextNodes = [];\n\n tips.forEach(tip => {\n if (tip.currentLength < tip.targetLength) {\n tip.currentLength += tip.growthRate;\n if (tip.currentLength > tip.targetLength) {\n tip.currentLength = tip.targetLength; \n } else {\n return; \n }\n }\n \n tip.terminal = false;\n const endPos = tip.pos.clone().add(tip.dir.clone().multiplyScalar(tip.targetLength));\n const safeV = Math.max(0, tip.v);\n if (endPos.y < 0) {\n endPos.y = 0.05; tip.dir.y = Math.abs(tip.dir.y) + 0.1; tip.dir.normalize();\n }\n \n const cutData = cuts.find((c: any) => c.id === tip.id);\n if (cutData) {\n \n tip.isCut = true;\n nodes.forEach(n => {\n if (n.type === 'bud' && (n.parentId === tip.parentId || n.parentId === tip.id)) {\n n.type = 'stem';\n n.terminal = true;\n n.v = 1.0;\n n.currentLength = 0;\n n.targetLength = genome.lenScale * 1.5;\n n.growthRate = genome.vigor * 0.8;\n if (cutData.axis) {\n n.dir = new THREE.Vector3(cutData.axis.x, cutData.axis.y, cutData.axis.z).normalize();\n // Mix original right vector with new dir\n n.right = new THREE.Vector3().crossVectors(n.dir, new THREE.Vector3(0,1,0)).normalize();\n if (n.right.lengthSq() < 0.01) n.right = new THREE.Vector3(1,0,0);\n }\n }\n });\n return; \n }\n \n \n \n if (tip.v <= 0) {\n const inflo = genome.chimeraTraits[5][ tip.id % genome.chimeraTraits[5].length ];\n const wirt = genome.chimeraTraits[7][ tip.id % genome.chimeraTraits[7].length ];\n const pet = genome.chimeraTraits[8][ tip.id % genome.chimeraTraits[8].length ];\n const colAllele = genome.chimeraTraits[9][ tip.id % genome.chimeraTraits[9].length ];\n const sym = genome.chimeraTraits[6][ tip.id % genome.chimeraTraits[6].length ];\n \n let fGeo = wirt === 0 ? 1 : (wirt === 1 ? 6 : 0);\n let fStretch = [1,1,1];\n if (pet === 1) fStretch = [0.2, 1.5, 1.0];\n if (sym === 0) fStretch[0] = 0.5;\n \n const cols = [[220,20,50], [240,200,20], [40,80,220], [240,240,240]];\n const fc = cols[colAllele];\n\n const spawnFlower = (fPos, fDir, pId = tip.id) => {\n nextNodes.push({\n id: idCounter++, parentId: pId, type: 'flower', terminal: true,\n pos: fPos, dir: fDir, right: tip.right.clone(),\n currentLength: genome.flowerRadius, targetLength: genome.flowerRadius, growthRate: 0,\n v: 0, age: 0, dead: false, depth: tip.depth,\n sizeVar: 0.8 + random() * 0.4,\n defX: fStretch[0] * (0.8 + random()*0.4), defY: fStretch[1] * (0.8 + random()*0.4), defZ: fStretch[2] * (0.8 + random()*0.4),\n colR: fc[0]-255, colG: fc[1]-255, colB: fc[2]-255,\n customGeo: fGeo\n });\n };\n\n if (inflo === 0) { // Körbchen\n for(let k=0; k<8; k++) {\n let fDir = tip.dir.clone().applyAxisAngle(tip.right, (random()-0.5)*1.5);\n fDir.applyAxisAngle(tip.dir, random()*Math.PI*2);\n spawnFlower(endPos, fDir);\n }\n } else if (inflo === 1) { // Dolde\n for(let k=0; k<5; k++) {\n let dDir = tip.dir.clone().applyAxisAngle(tip.right, 0.8 + random()*0.4);\n dDir.applyAxisAngle(tip.dir, (Math.PI*2/5)*k);\n let pedicelId = idCounter++;\n nextNodes.push({\n id: pedicelId, parentId: tip.id, type: 'stem', terminal: false,\n pos: endPos, dir: dDir, right: tip.right.clone(),\n currentLength: 4, targetLength: 4, growthRate: 0, v: 0, age: 0, dead: false, depth: tip.depth\n });\n let pedicelEnd = endPos.clone().add(dDir.clone().multiplyScalar(4));\n spawnFlower(pedicelEnd, dDir, pedicelId);\n }\n } else {\n // Traube, Ähre, Solitär terminal flower\n spawnFlower(endPos, tip.dir.clone());\n }\n return;\n }\n\n\n \n \n const branchChance = safeV * 0.4;\n const branches = random() < branchChance ? 2 : 1;\n \n // SYMPODIAL LOGIC: \n // If sympodial, the main axis terminates in a flower eventually (or quickly), \n // and lateral buds take over. \n let isTerminalFlower = false;\n if (genome.isSympodial && safeV < 0.6 && random() < 0.4) {\n isTerminalFlower = true;\n nextNodes.push({\n id: idCounter++, parentId: tip.id, type: 'flower', terminal: true,\n pos: endPos, dir: tip.dir.clone(), right: tip.right.clone(),\n currentLength: genome.flowerRadius, targetLength: genome.flowerRadius, growthRate: 0,\n v: 0, age: 0, dead: false, depth: tip.depth,\n sizeVar: 0.8 + random() * 0.4,\n defX: 0.8 + random()*0.4, defY: 0.8 + random()*0.4, defZ: 0.8 + random()*0.4,\n colR: (random()-0.5)*50, colG: (random()-0.5)*50, colB: (random()-0.5)*50\n });\n }\n\n \n \n const spreadAngle = THREE.MathUtils.degToRad(genome.angle);\n const hab = genome.chimeraTraits[0][ tip.id % genome.chimeraTraits[0].length ];\n \n // Kriechend Habitus pushes direction towards horizon (y=0)\n if (hab === 1 && endPos.y > 5) {\n tip.dir.y -= 0.15; \n tip.dir.normalize();\n }\n \n // Inflorescence lateral spawns (Traube & Ähre)\n const inflo = genome.chimeraTraits[5][ tip.id % genome.chimeraTraits[5].length ];\n if ((inflo === 2 || inflo === 3) && safeV < 0.7 && random() < 0.6) {\n const wirt = genome.chimeraTraits[7][ tip.id % genome.chimeraTraits[7].length ];\n const pet = genome.chimeraTraits[8][ tip.id % genome.chimeraTraits[8].length ];\n const colAllele = genome.chimeraTraits[9][ tip.id % genome.chimeraTraits[9].length ];\n const sym = genome.chimeraTraits[6][ tip.id % genome.chimeraTraits[6].length ];\n let fGeo = wirt === 0 ? 1 : (wirt === 1 ? 6 : 0);\n let fStretch = [1,1,1];\n if (pet === 1) fStretch = [0.2, 1.5, 1.0];\n if (sym === 0) fStretch[0] = 0.5;\n const cols = [[220,20,50], [240,200,20], [40,80,220], [240,240,240]];\n const fc = cols[colAllele];\n \n let fDir = tip.dir.clone().applyAxisAngle(tip.right, THREE.MathUtils.degToRad(60));\n fDir.applyAxisAngle(tip.dir, 2.39996 * idCounter);\n let spawnPos = endPos;\n let pId = tip.id;\n \n if (inflo === 2) { // Traube (gestielt)\n let pedicelId = idCounter++;\n nextNodes.push({\n id: pedicelId, parentId: tip.id, type: 'stem', terminal: false,\n pos: endPos, dir: fDir, right: tip.right.clone(),\n currentLength: 3, targetLength: 3, growthRate: 0, v: 0, age: 0, dead: false, depth: tip.depth\n });\n spawnPos = endPos.clone().add(fDir.clone().multiplyScalar(3));\n pId = pedicelId;\n }\n \n nextNodes.push({\n id: idCounter++, parentId: pId, type: 'flower', terminal: true,\n pos: spawnPos, dir: fDir, right: tip.right.clone(),\n currentLength: genome.flowerRadius, targetLength: genome.flowerRadius, growthRate: 0,\n v: 0, age: 0, dead: false, depth: tip.depth,\n sizeVar: 0.8 + random() * 0.4,\n defX: fStretch[0] * (0.8 + random()*0.4), defY: fStretch[1] * (0.8 + random()*0.4), defZ: fStretch[2] * (0.8 + random()*0.4),\n colR: fc[0]-255, colG: fc[1]-255, colB: fc[2]-255,\n customGeo: fGeo\n });\n }\n\n\n const goldenAngle = 2.399963229;\n \n for (let i = 0; i < branches; i++) {\n const branchDir = tip.dir.clone();\n const axis = tip.right.clone();\n \n const angle = branches === 1 ? (random() - 0.5)*0.2 : (i === 0 ? spreadAngle : -spreadAngle);\n branchDir.applyAxisAngle(axis, angle);\n \n const spin = goldenAngle * idCounter; \n branchDir.applyAxisAngle(tip.dir, spin);\n \n const newRight = new THREE.Vector3().crossVectors(tip.dir, branchDir).normalize();\n if (newRight.lengthSq() < 0.01) newRight.copy(tip.right);\n \n const nextV = tip.v - (genome.decay + random() * (genome.decay * 0.5));\n const bRate = genome.vigor * (0.3 + random() * 0.7) * Math.pow(0.85, tip.depth + 1);\n \n let bTarget = Math.max(2, genome.lenScale * Math.pow(Math.max(0, nextV), 1.2));\n if (hab === 3 && tip.depth === 0 && tip.v > 0.4) {\n bTarget = 0.5; // True Rosette: clustered leaves at base!\n }\n \n nextNodes.push({\n\n id: idCounter++, parentId: tip.id, type: 'stem', terminal: true,\n pos: endPos, dir: branchDir.normalize(), right: newRight,\n currentLength: 0, targetLength: bTarget, growthRate: bRate,\n v: nextV, age: 0, dead: false, depth: tip.depth + 1\n });\n }\n \n \n if (safeV > 0.2 && random() < 0.8) {\n const phyllo = genome.chimeraTraits[3][ tip.id % genome.chimeraTraits[3].length ];\n const numLeaves = phyllo === 0 ? 1 : (phyllo === 1 ? 2 : 3);\n const leafAngleStep = (Math.PI * 2) / numLeaves;\n \n const blattF = genome.chimeraTraits[2][ tip.id % genome.chimeraTraits[2].length ];\n let lStretch = [1,1,1];\n if (blattF === 0) lStretch = [0.4, 2.0, 1.0];\n if (blattF === 1) lStretch = [1.2, 1.2, 1.0];\n if (blattF === 2) lStretch = [1.5, 1.0, 1.0];\n if (blattF === 3) lStretch = [0.8, 1.5, 0.2];\n \n for (let l = 0; l < numLeaves; l++) {\n const leafDir = tip.dir.clone().applyAxisAngle(tip.right, THREE.MathUtils.degToRad(55));\n leafDir.applyAxisAngle(tip.dir, goldenAngle * idCounter + (l * leafAngleStep) + (random()-0.5)*0.2);\n \n nextNodes.push({\n id: idCounter++, parentId: tip.id, type: 'leaf', terminal: false,\n pos: endPos, dir: leafDir, right: tip.right.clone(),\n currentLength: 6, targetLength: 6, growthRate: 0, \n v: 0, age: 0, dead: false, depth: tip.depth,\n sizeVar: 0.8 + random() * 0.4,\n defX: lStretch[0] * (0.8 + random()*0.4), defY: lStretch[1] * (0.8 + random()*0.4), defZ: lStretch[2] * (0.8 + random()*0.4),\n colR: (random()-0.5)*30, colG: (random()-0.5)*30, colB: (random()-0.5)*30\n });\n }\n\n \n const budDir = tip.dir.clone().applyAxisAngle(tip.right, THREE.MathUtils.degToRad(25));\n budDir.applyAxisAngle(tip.dir, goldenAngle * idCounter);\n nextNodes.push({\n id: idCounter++, parentId: tip.id, type: 'bud', terminal: false,\n pos: endPos, dir: budDir, right: tip.right.clone(),\n currentLength: 1, targetLength: 1, growthRate: 0,\n v: tip.v, age: 0, dead: false, depth: tip.depth + 1\n });\n }\n });\n\n nodes.push(...nextNodes);\n nodes.forEach(n => { if (n.age !== undefined) n.age++; });\n }\n \n return nodes;\n}\n\napp.post(\"/api/simulate\", async (c) => {\n const body = await c.req.json();\n const steps = body.steps || 30;\n const seed = body.seed || 12345;\n const genome = body.genome;\n const cuts = body.cuts || [];\n const nodes = runSimulation(steps, seed, genome, cuts);\n return c.json({ steps, seed, nodes });\n});\n\nconst htmlViewer = `\n\n\n\nTheoretical Botany - 2.5D Isometrisch\n\n\n\n

Botanik-Labor (2.5D Iso)

\n \n \n

Samenbank

\n \n

Warte auf Berechnungen...

\n\n\n\n`;\napp.get(\"/\", (c) => c.html(htmlViewer));\nexport default app.fetch;\n","deleted",false,"label",[35],{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":59,"_18":60},["D",1787914279931],"children",[],[35],"5e9388f7-a359-4e11-a50d-0fa3bc54ee59",["D",1787912277592],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","019b6180-9c19-703a-876b-b037124971e3","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019b6180-9c19-703a-876b-b699cd6ffa6a","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_113":109},"org",{"_11":12,"_107":-5,"_108":109,"_70":71,"_110":111,"_112":53},"branch",{"_17":42,"_13":16,"_33":40,"_99":61,"_100":-5,"_101":-5,"_102":-5,"_103":-5,"_104":-5,"_105":14,"_106":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zN1JZVVRtUk5WYzdtWnhST2dOYkR6WllJck0ifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":61,"_13":14,"_45":147,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":-5,"_69":-5,"_70":71,"_72":37,"_73":44,"_74":-5,"_75":-5,"_76":47,"_77":78,"_79":-5,"_80":-5,"_81":-5,"_82":-5,"_83":84,"_85":84,"_86":87,"_88":87,"_89":87,"_90":84,"_91":84,"_92":148,"_94":149,"_96":150,"_98":53},[144],"files",[144],"counts",{"_134":47,"_135":136,"_137":47,"_31":138,"_139":140},[132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":133},[35],"pulls","branches",1,"forks",{"_141":47,"_143":47},"connections",{"_141":136,"_142":47},"count","unfilledCount","emptyCount",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":145,"_18":146},[],[35],["D",1787912277592],{"_11":12,"_113":109},{"_11":12,"_107":-5,"_108":109,"_70":71,"_110":111,"_112":53},{"_17":42,"_13":16,"_33":40,"_99":61,"_100":-5,"_101":-5,"_102":-5,"_103":-5,"_104":-5,"_105":14,"_106":12},"ctx",{"_92":-5,"_129":184,"_185":186,"_187":188,"_189":53,"_190":53,"_191":53,"_192":44,"_193":-5,"_194":-7,"_195":-7,"_196":47,"_197":53,"_198":53,"_199":-5,"_200":53,"_201":53,"_202":53,"_203":-5},"ENV",{"_155":156,"_157":158,"_159":16,"_160":161,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183},"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"]

Code