\n \n \n \n\n",[],[90,121],"8270418d-4c7f-4a26-9d07-eab675c9c2cc","favicon.svg","019ed9f6-03b6-77d1-98ec-71ded31d1a6f",["D",1781773239139],"\n",[],[90,128],"ea517fa5-c46d-46d3-96f5-e846a306f9da","components","019ed9f6-03b6-77d1-98ec-6f22224529a4",["D",1781773239139],[140,141,142],[90,135],{"_35":159,"_13":160,"_64":161,"_66":136,"_67":68,"_69":162,"_71":72,"_37":163,"_17":70,"_75":116,"_77":164,"_79":50,"_80":-5,"_99":165,"_18":166},{"_35":151,"_13":152,"_64":153,"_66":136,"_67":68,"_69":154,"_71":72,"_37":155,"_17":74,"_75":116,"_77":156,"_79":50,"_80":-5,"_99":157,"_18":158},{"_35":143,"_13":144,"_64":145,"_66":136,"_67":68,"_69":146,"_71":72,"_37":147,"_17":74,"_75":116,"_77":148,"_79":50,"_80":-5,"_99":149,"_18":150},"aa5a077b-4cbe-416d-9734-3318f9b953b2","efektler.ts","4cc92b3a-6af4-11f1-808d-1607ee4eb77e",4,["D",1781773291789],"// Sesli okuma ve görsel kutlama efektleri (okul öncesi çocuklar için)\n\n// Türkçe sesli okuma — tarayıcının konuşma sentezini kullanır\nexport function seslendir(metin: string) {\n try {\n const synth = window.speechSynthesis;\n if (!synth) return;\n synth.cancel(); // önceki konuşmayı durdur\n const u = new SpeechSynthesisUtterance(metin);\n u.lang = \"tr-TR\";\n u.rate = 0.95;\n u.pitch = 1.1;\n // Mümkünse Türkçe bir ses seç\n const tr = synth.getVoices().find((v) => v.lang?.toLowerCase().startsWith(\"tr\"));\n if (tr) u.voice = tr;\n synth.speak(u);\n } catch (_) {\n // ses desteklenmiyorsa sessizce geç\n }\n}\n\n// Basit, hoş bir \"doğru\" sesi (Web Audio ile, dosya gerektirmez)\nexport function dogruSesi() {\n calNotalar([523, 659, 784, 1047], 0.12); // do-mi-sol-do (yükselen, neşeli)\n}\n\nexport function yanlisSesi() {\n calNotalar([330, 262], 0.18); // hafif inen, nazik\n}\n\nfunction calNotalar(frekanslar: number[], sure: number) {\n try {\n const AC = (window.AudioContext || (window as any).webkitAudioContext);\n if (!AC) return;\n const ctx = new AC();\n frekanslar.forEach((f, i) => {\n const osc = ctx.createOscillator();\n const gain = ctx.createGain();\n osc.type = \"sine\";\n osc.frequency.value = f;\n const t = ctx.currentTime + i * sure;\n gain.gain.setValueAtTime(0.0001, t);\n gain.gain.exponentialRampToValueAtTime(0.25, t + 0.02);\n gain.gain.exponentialRampToValueAtTime(0.0001, t + sure);\n osc.connect(gain).connect(ctx.destination);\n osc.start(t);\n osc.stop(t + sure);\n });\n } catch (_) {}\n}\n\n// Ekrana düşen konfeti efekti\nexport function konfetiPatlat() {\n const emojiler = [\"🎉\", \"⭐\", \"🌟\", \"✨\", \"🎈\", \"💛\", \"💖\", \"🏆\"];\n for (let i = 0; i < 28; i++) {\n const el = document.createElement(\"div\");\n el.className = \"confetti\";\n el.textContent = emojiler[Math.floor(Math.random() * emojiler.length)];\n el.style.left = Math.random() * 100 + \"vw\";\n el.style.animationDuration = 1.8 + Math.random() * 1.6 + \"s\";\n el.style.fontSize = 1.5 + Math.random() * 1.8 + \"rem\";\n document.body.appendChild(el);\n setTimeout(() => el.remove(), 3600);\n }\n}\n",[],[90,135,144],"078419fb-2a48-4c18-a861-612ac0a9fd87","data.ts","42f2e952-6af4-11f1-a138-1607ee4eb77e",3,["D",1781773275287],"// Mevsim oyununun verileri: mevsimler ve onlara ait nesneler/aktiviteler\n\nexport type SeasonId = \"ilkbahar\" | \"yaz\" | \"sonbahar\" | \"kis\";\n\nexport interface Season {\n id: SeasonId;\n ad: string;\n emoji: string;\n renk: string; // buton arka plan rengi (tailwind)\n renkAcik: string; // sahne arka plan rengi\n}\n\nexport const SEASONS: Season[] = [\n { id: \"ilkbahar\", ad: \"İlkbahar\", emoji: \"🌷\", renk: \"bg-pink-400 hover:bg-pink-500\", renkAcik: \"from-pink-200 to-green-200\" },\n { id: \"yaz\", ad: \"Yaz\", emoji: \"☀️\", renk: \"bg-yellow-400 hover:bg-yellow-500\", renkAcik: \"from-yellow-200 to-sky-200\" },\n { id: \"sonbahar\", ad: \"Sonbahar\", emoji: \"🍂\", renk: \"bg-orange-400 hover:bg-orange-500\", renkAcik: \"from-orange-200 to-amber-300\" },\n { id: \"kis\", ad: \"Kış\", emoji: \"❄️\", renk: \"bg-sky-400 hover:bg-sky-500\", renkAcik: \"from-sky-200 to-blue-200\" },\n];\n\nexport interface Soru {\n emoji: string;\n ad: string; // nesnenin/aktivitenin adı (sesli okunması için)\n dogru: SeasonId;\n}\n\n// Her mevsim için tanıdık, okul öncesi seviyesine uygun nesne/aktiviteler\nexport const SORULAR: Soru[] = [\n // İlkbahar\n { emoji: \"🌷\", ad: \"Lale çiçeği\", dogru: \"ilkbahar\" },\n { emoji: \"🐣\", ad: \"Civciv\", dogru: \"ilkbahar\" },\n { emoji: \"🦋\", ad: \"Kelebek\", dogru: \"ilkbahar\" },\n { emoji: \"🌈\", ad: \"Gökkuşağı\", dogru: \"ilkbahar\" },\n { emoji: \"🐝\", ad: \"Arı\", dogru: \"ilkbahar\" },\n { emoji: \"🌧️\", ad: \"Yağmur\", dogru: \"ilkbahar\" },\n\n // Yaz\n { emoji: \"🏖️\", ad: \"Deniz ve plaj\", dogru: \"yaz\" },\n { emoji: \"🍉\", ad: \"Karpuz\", dogru: \"yaz\" },\n { emoji: \"🍦\", ad: \"Dondurma\", dogru: \"yaz\" },\n { emoji: \"😎\", ad: \"Güneş gözlüğü\", dogru: \"yaz\" },\n { emoji: \"⛱️\", ad: \"Şemsiye ve kumsal\", dogru: \"yaz\" },\n { emoji: \"🩴\", ad: \"Parmak arası terlik\", dogru: \"yaz\" },\n\n // Sonbahar\n { emoji: \"🍂\", ad: \"Kuru yapraklar\", dogru: \"sonbahar\" },\n { emoji: \"🍄\", ad: \"Mantar\", dogru: \"sonbahar\" },\n { emoji: \"🌰\", ad: \"Kestane\", dogru: \"sonbahar\" },\n { emoji: \"🎒\", ad: \"Okul çantası\", dogru: \"sonbahar\" },\n { emoji: \"🍇\", ad: \"Üzüm\", dogru: \"sonbahar\" },\n { emoji: \"☂️\", ad: \"Yağmur şemsiyesi\", dogru: \"sonbahar\" },\n\n // Kış\n { emoji: \"⛄\", ad: \"Kardan adam\", dogru: \"kis\" },\n { emoji: \"❄️\", ad: \"Kar tanesi\", dogru: \"kis\" },\n { emoji: \"🧤\", ad: \"Eldiven\", dogru: \"kis\" },\n { emoji: \"🧣\", ad: \"Atkı\", dogru: \"kis\" },\n { emoji: \"⛷️\", ad: \"Kayak\", dogru: \"kis\" },\n { emoji: \"☕\", ad: \"Sıcak içecek\", dogru: \"kis\" },\n];\n\n// Diziyi karıştırmak için yardımcı fonksiyon\nexport function karistir(dizi: T[]): T[] {\n const kopya = [...dizi];\n for (let i = kopya.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [kopya[i], kopya[j]] = [kopya[j], kopya[i]];\n }\n return kopya;\n}\n",[],[90,135,152],"77011a86-8911-4e45-872b-d944c7de66c7","App.tsx","019ed9f6-03b6-77d1-98ec-66600868a297",5,["D",1781773332710],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useMemo, useState } from \"https://esm.sh/react@18.2.0\";\nimport { karistir, SEASONS, SORULAR, type Soru } from \"./data.ts\";\nimport { dogruSesi, konfetiPatlat, seslendir, yanlisSesi } from \"./efektler.ts\";\n\ntype Durum = \"baslangic\" | \"oyun\" | \"bitti\";\ntype Geri = null | \"dogru\" | \"yanlis\";\n\nconst TOPLAM_SORU = 8; // okul öncesi için kısa ve tatmin edici tur\n\nexport function App() {\n const [durum, setDurum] = useState(\"baslangic\");\n const [sorular, setSorular] = useState([]);\n const [adim, setAdim] = useState(0);\n const [puan, setPuan] = useState(0);\n const [geri, setGeri] = useState(null);\n const [kilit, setKilit] = useState(false);\n\n const aktif = sorular[adim];\n\n function oyunaBasla() {\n const yeni = karistir(SORULAR).slice(0, TOPLAM_SORU);\n setSorular(yeni);\n setAdim(0);\n setPuan(0);\n setGeri(null);\n setKilit(false);\n setDurum(\"oyun\");\n }\n\n // Yeni soru gelince nesnenin adını sesli oku\n useEffect(() => {\n if (durum === \"oyun\" && aktif) {\n seslendir(`Bu hangi mevsim? ${aktif.ad}`);\n }\n }, [durum, adim, aktif]);\n\n function cevapVer(secilen: string) {\n if (kilit || !aktif) return;\n setKilit(true);\n\n if (secilen === aktif.dogru) {\n setGeri(\"dogru\");\n setPuan((p) => p + 1);\n dogruSesi();\n konfetiPatlat();\n seslendir(\"Aferin! Doğru bildin!\");\n setTimeout(ilerle, 1700);\n } else {\n setGeri(\"yanlis\");\n yanlisSesi();\n const dogruMevsim = SEASONS.find((s) => s.id === aktif.dogru)!;\n seslendir(`Tekrar dene. Bu ${dogruMevsim.ad} mevsimi.`);\n // Yanlışta soruyu geçmeyiz; çocuk doğruyu görsün, kısa süre sonra tekrar denesin\n setTimeout(() => {\n setGeri(null);\n setKilit(false);\n }, 2000);\n }\n }\n\n function ilerle() {\n if (adim + 1 >= sorular.length) {\n setDurum(\"bitti\");\n setTimeout(() => seslendir(\"Tebrikler! Oyunu bitirdin!\"), 400);\n } else {\n setAdim((a) => a + 1);\n setGeri(null);\n setKilit(false);\n }\n }\n\n return (\n

\n {durum === \"baslangic\" && }\n {durum === \"oyun\" && aktif && (\n seslendir(aktif.ad)}\n />\n )}\n {durum === \"bitti\" && }\n\n

\n kaynağı gör\n

\n );\n}\n\nfunction Baslangic({ onBasla }: { onBasla: () => void }) {\n return (\n

🌈

\n Mevsimi Bul!\n

\n Ekranda göreceğin resim hangi mevsime ait?\n

\n {SEASONS.map((s) => {s.emoji})}\n

\n \n ▶️ Başla\n \n

👩‍🏫 Okul öncesi çocuklar için

\n );\n}\n\nfunction Oyun({ soru, adim, toplam, puan, geri, kilit, onCevap, onTekrarOku }: {\n soru: Soru;\n adim: number;\n toplam: number;\n puan: number;\n geri: Geri;\n kilit: boolean;\n onCevap: (id: string) => void;\n onTekrarOku: () => void;\n}) {\n return (\n

\n {/* Üst bilgi: ilerleme ve yıldızlar */}\n

\n Soru {adim + 1} / {toplam}\n

\n {Array.from({ length: toplam }).map((_, i) => (\n {i < puan ? \"⭐\" : \"▪️\"}\n ))}\n

\n\n {/* Soru kartı */}\n \n

Bu hangi mevsim?

\n \n

{soru.ad}

\n \n

\n\n {/* Mevsim seçenekleri */}\n

\n {SEASONS.map((s) => {\n const dogruVurgu = geri === \"yanlis\" && s.id === soru.dogru;\n return (\n onCevap(s.id)}\n class={`${s.renk} ${dogruVurgu ? \"ring-8 ring-green-300 animate-wiggle\" : \"\"} disabled:opacity-70 text-white rounded-3xl py-6 sm:py-8 shadow-lg active:scale-95 transition-all flex flex-col items-center gap-1`}\n >\n {s.emoji}\n {s.ad}\n \n );\n })}\n

\n\n {/* Geri bildirim balonu */}\n

\n {geri === \"dogru\" && (\n

🎉 Aferin! Doğru! 🎉

\n )}\n {geri === \"yanlis\" && (\n

🤗 Tekrar deneyelim!

\n )}\n

\n \n );\n}\n\nfunction Bitis({ puan, toplam, onTekrar }: { puan: number; toplam: number; onTekrar: () => void }) {\n const yuzde = useMemo(() => Math.round((puan / toplam) * 100), [puan, toplam]);\n const mesaj = yuzde === 100 ? \"Mükemmel! Hepsini bildin! 🏆\" : yuzde >= 60 ? \"Çok güzel oynadın! 🌟\" : \"Harika bir başlangıç! 💪\";\n\n useEffect(() => { konfetiPatlat(); }, []);\n\n return (\n

🏆

Tebrikler!

{mesaj}

\n Doğru cevap: {puan} / {toplam}\n

\n {Array.from({ length: toplam }).map((_, i) => {i < puan ? \"⭐\" : \"▪️\"})}\n

\n \n 🔁 Tekrar Oyna\n \n

\n );\n}\n",[],[90,135,160],"ff7b0b1e-eb0c-4fd1-bcea-99992fcfb395",["D",1781773239139],"legacyEnvVars","httpPrivacy","description","Starter template with client-side React & Hono server","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789699102&sig=daace4530fae1172dcca195f60564afaf711875a4158ace838c6aabb60e66442","userId","10e040eb-e8fa-4323-ab20-295e9db19d76","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","797d81ac-556b-41cb-936a-3507b0bc3c61","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_212":208},"org",{"_11":12,"_206":-5,"_207":208,"_175":176,"_209":210,"_211":50},"branch",{"_17":85,"_13":16,"_35":68,"_41":167,"_44":36,"_45":202,"_203":52,"_204":42,"_205":56,"_57":14,"_53":12},89,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJxQTlDcHg2NVQwTElEcXo2Qlh4VE1CeVF1VyJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":167,"_13":14,"_37":282,"_48":-5,"_169":50,"_51":52,"_170":52,"_171":172,"_173":174,"_175":176,"_177":65,"_178":72,"_179":-5,"_180":-5,"_181":74,"_55":182,"_183":-5,"_184":-5,"_185":-5,"_186":-5,"_187":188,"_189":188,"_190":191,"_192":191,"_193":191,"_194":188,"_195":188,"_196":283,"_198":284,"_200":285,"_49":50},[252,260,261],"files",[252,253,254,255,256,257,258,259,260,261],"counts",{"_243":74,"_244":70,"_245":74,"_34":246,"_247":248},[237,238,239],"upstreamProject",{"_35":42,"_13":58,"_171":172,"_173":174,"_51":52,"_196":235},"upstreamBranch",{"_35":36,"_37":233,"_39":234,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],{"_11":54,"_212":236},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789699102&sig=1b3bfb21317f04334de8197659fe8d301040cc080cb90d1042a98baa24aeb515",{"_35":89,"_13":90,"_64":91,"_66":-5,"_67":68,"_69":70,"_71":72,"_37":92,"_17":74,"_75":93,"_77":-5,"_79":50,"_80":-5,"_18":242},{"_35":82,"_13":83,"_64":84,"_66":-5,"_67":68,"_69":85,"_71":72,"_37":86,"_17":70,"_75":24,"_77":87,"_79":50,"_80":-5,"_18":241},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":70,"_71":72,"_37":73,"_17":74,"_75":76,"_77":78,"_79":50,"_80":-5,"_18":240},[63],[83],[90],"pulls","branches","forks",{"_249":74,"_251":74},"connections",{"_249":74,"_250":74},"count","unfilledCount","emptyCount",{"_35":89,"_13":90,"_64":91,"_66":-5,"_67":68,"_69":70,"_71":72,"_37":105,"_17":74,"_75":93,"_77":-5,"_79":50,"_80":-5,"_99":280,"_18":281},{"_35":134,"_13":135,"_64":136,"_66":91,"_67":68,"_69":70,"_71":72,"_37":137,"_17":74,"_75":93,"_77":-5,"_79":50,"_80":-5,"_99":278,"_18":279},{"_35":159,"_13":160,"_64":161,"_66":136,"_67":68,"_69":162,"_71":72,"_37":163,"_17":70,"_75":116,"_77":164,"_79":50,"_80":-5,"_99":276,"_18":277},{"_35":151,"_13":152,"_64":153,"_66":136,"_67":68,"_69":154,"_71":72,"_37":155,"_17":74,"_75":116,"_77":156,"_79":50,"_80":-5,"_99":274,"_18":275},{"_35":143,"_13":144,"_64":145,"_66":136,"_67":68,"_69":146,"_71":72,"_37":147,"_17":74,"_75":116,"_77":148,"_79":50,"_80":-5,"_99":272,"_18":273},{"_35":127,"_13":128,"_64":129,"_66":91,"_67":68,"_69":70,"_71":72,"_37":130,"_17":74,"_75":24,"_77":131,"_79":50,"_80":-5,"_99":270,"_18":271},{"_35":120,"_13":121,"_64":122,"_66":91,"_67":68,"_69":33,"_71":72,"_37":123,"_17":70,"_75":24,"_77":124,"_79":50,"_80":-5,"_99":268,"_18":269},{"_35":112,"_13":113,"_64":114,"_66":91,"_67":68,"_69":70,"_71":72,"_37":115,"_17":74,"_75":116,"_77":117,"_79":50,"_80":-5,"_99":266,"_18":267},{"_35":82,"_13":83,"_64":84,"_66":-5,"_67":68,"_69":85,"_71":72,"_37":102,"_17":70,"_75":24,"_77":87,"_79":50,"_80":-5,"_99":264,"_18":265},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":70,"_71":72,"_37":98,"_17":74,"_75":76,"_77":78,"_79":50,"_80":-5,"_99":262,"_18":263},[],[63],[],[83],[],[90,113],[],[90,121],[],[90,128],[],[90,135,144],[],[90,135,152],[],[90,135,160],[254,255,256],[90,135],[253,257,258,259],[90],["D",1781773239139],{"_11":12,"_212":208},{"_11":12,"_206":-5,"_207":208,"_175":176,"_209":210,"_211":50},{"_17":85,"_13":16,"_35":68,"_41":167,"_44":36,"_45":202,"_203":52,"_204":42,"_205":56,"_57":14,"_53":12},"ctx",{"_196":-5,"_230":319,"_320":321,"_322":323,"_324":50,"_325":50,"_326":50,"_327":72,"_328":-5,"_329":-7,"_330":-7,"_331":74,"_332":50,"_333":50,"_334":-5,"_335":50,"_336":50,"_337":50,"_338":-5},"ENV",{"_290":291,"_292":293,"_294":16,"_295":296,"_297":298,"_299":300,"_301":302,"_303":304,"_305":306,"_307":308,"_309":310,"_311":312,"_313":314,"_315":316,"_317":318},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","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