Gen Bahçesi

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

Rebuild a responsive educational genetics simulation web game titled “Gen Bahçesi” (Turkish for “Gene Garden”), with a polished, calm biology-laboratory aesthetic. Use a full-page pale mint/cream diagonal gradient background, centered inside a maximum-width rounded two-panel layout with translucent white panels, thin white borders, soft shadows, and dark forest-green text. On narrow screens stack the panels vertically; on desktop use a left control/instruction panel and a wider right live experiment panel.

Left panel: at the top show a small green rounded square containing a sprout emoji/icon, the uppercase eyebrow “BİYOLOJİ LABORATUVARI”, and the large title “Gen Bahçesi”. Beneath it, show the instructional text: “İki bitkinin özelliklerini seç, çaprazlamayı başlat ve yavru bitkilerde baskın–çekinik genlerin nasıl dağıldığını keşfet.” Add a rounded bordered card titled “1. Ebeveyn bitkileri seç”. It contains two labeled dropdown selectors: “Bitki A — çiçek rengi” and “Bitki B — çiçek rengi”. The A options are “Mor (PP)”, “Mor taşıyıcı (Pp)”, and “Beyaz (pp)”; the B options are “Beyaz (pp)” (initially selected), “Mor (PP)”, and “Mor taşıyıcı (Pp)”. Beneath the selectors show a legend with colored dots and the labels “P: mor, baskın” and “p: beyaz, çekinik”.

Add a second rounded card titled “2. Simülasyonu çalıştır” with a green primary button labeled “🌼 Çaprazla” and a pale-green secondary button labeled “Sıfırla”. Initially show a pale green status box reading “Hazır. Ebeveynleri seçip ‘Çaprazla’ düğmesine bas.” Add an explanatory card titled “Nasıl okunur?” with Turkish text explaining that one dominant gene copy is visible, the recessive trait appears only when two recessive copies meet, and each cross displays a probability distribution for 100 offspring.

Right panel: header with eyebrow “CANLI DENEY ALANI”, title “Polen aktarımı ve yavru nesil”, and a rounded cream badge “Nesil 1”. Below it create a large rounded animated garden scene. The upper 57% is a clear light blue sky, the lower area is pale green grass, separated by a thin green horizon line. Include a softly glowing pale yellow sun at upper right and a simple translucent white cloud at upper left. At the bottom, show a large rounded brown soil plot with a darker inset top edge and three small floating/animated brown seeds.

Place two stylized plants in the soil, labeled with white pill tags “Bitki A” and “Bitki B”. Each has a tall rounded green stem, two simple elliptical green leaves, and a circular bud/flower with a darker border and a soft halo. Plant A is around 27% of the scene width and Plant B around 73%. Flower genetics are visualized by bud color: purple/dominant-looking green bud for normal/mor phenotype, and a tan/brown bud with brown border and halo for the white/recessive pp phenotype. When either parent dropdown is set to pp, that plant’s bud switches to the tan/brown “flower” style; otherwise it uses the green style. The initial visual state has A green and B tan because B starts at pp. Keep the plants gently animated only during crossing: when “Çaprazla” is pressed, briefly rotate A and B slightly outward/inward, then return them to neutral after about half a second. Show a temporary centered white rounded notification over the scene reading “🧬 Gen aktarımı gerçekleşti!” with a pop/fade animation.

Below the scene show three equal statistic cards labeled “Mor çiçekli”, “Beyaz çiçekli”, and “Taşıyıcı yavru”, each initially displaying “—”. Under them, show a rounded result card titled “Yavru nesil genotipleri”, initially containing “Henüz deney yapılmadı.” and a horizontal progress bar with zero fill. The bar should use a green-to-tan gradient.

Implement the actual Mendelian cross logic exactly: each genotype string is split into its two alleles, producing four equally likely combinations from every allele of parent A paired with every allele of parent B. Normalize each resulting two-letter genotype by sorting the two letters. Count genotype outcomes. Any outcome containing uppercase P is purple/mor (dominant), while only pp is white/beyaz (recessive). Count Pp outcomes as carrier offspring. On crossing, calculate percentages from four equally likely outcomes, rounded to whole percentages: purple percentage, white percentage (100 minus purple), and carrier percentage. Update the three statistic cards, set the result progress bar width to the purple percentage, and list genotype percentages such as “Pp: 50% (mor) · pp: 50% (beyaz)”. Update the status to a sentence in Turkish in this format: “PP × pp çaprazlamasında 4 olası birleşim incelendi. Mor özellik 100%, beyaz özellik 0% olasılıkla ortaya çıkıyor.” using the selected genotypes. Increment the generation number on every cross and display it as “Nesil 2”, “Nesil 3”, etc. Reset returns generation to 1, clears all statistics to “—”, restores “Henüz deney yapılmadı.”, empties the progress bar, restores the ready status, and updates the bud colors to match the current dropdown selections. Keep the interface touch-friendly, rounded, and visually consistent with the supplied screenshot; there is no player avatar, camera movement, combat, or external game world beyond this interactive garden experiment.