\n \n \n \n\n",[],[91,122],"433d4832-dfe2-4c7a-9d50-6a045110144b","favicon.svg","019ecc2c-6f22-707f-9c34-fd9d95b46555",["D",1781541924496],"\n",[],[91,130],"6558005b-f5ad-4eb4-b66a-5ad9bbb370f3","components","019ecc2c-6f22-707f-9c34-f8945763fae8",["D",1781541924496],[142,143,144,145,146,147],[91,137],{"_35":186,"_13":187,"_66":188,"_68":138,"_69":70,"_71":189,"_73":74,"_37":190,"_17":72,"_76":117,"_78":191,"_80":52,"_81":-5,"_100":192,"_18":193},{"_35":178,"_13":179,"_66":180,"_68":138,"_69":70,"_71":181,"_73":74,"_37":182,"_17":72,"_76":117,"_78":183,"_80":52,"_81":-5,"_100":184,"_18":185},{"_35":171,"_13":172,"_66":173,"_68":138,"_69":70,"_71":72,"_73":74,"_37":174,"_17":33,"_76":117,"_78":175,"_80":52,"_81":-5,"_100":176,"_18":177},{"_35":163,"_13":164,"_66":165,"_68":138,"_69":70,"_71":166,"_73":74,"_37":167,"_17":33,"_76":117,"_78":168,"_80":52,"_81":-5,"_100":169,"_18":170},{"_35":155,"_13":156,"_66":157,"_68":138,"_69":70,"_71":158,"_73":74,"_37":159,"_17":72,"_76":117,"_78":160,"_80":52,"_81":-5,"_100":161,"_18":162},{"_35":148,"_13":149,"_66":150,"_68":138,"_69":70,"_71":72,"_73":74,"_37":151,"_17":33,"_76":117,"_78":152,"_80":52,"_81":-5,"_100":153,"_18":154},"61673817-8583-495b-b993-043868f25cff","sound.ts","019ecc2c-6f22-707f-9c34-f4b67e4dece1",["D",1781541924496],"// Ses yardımcıları: harici dosya yok, hepsi tarayıcı API'leriyle üretilir.\n// - speak(): Web Speech API ile İngilizce seslendirme\n// - playApplause / playBuzzer / playSparkle / playCheer: Web Audio API ile efektler\n\nlet audioCtx: AudioContext | null = null;\nfunction ctx(): AudioContext {\n if (!audioCtx) {\n const AC = (globalThis as any).AudioContext || (globalThis as any).webkitAudioContext;\n audioCtx = new AC();\n }\n // iOS/Safari: kullanıcı etkileşiminden sonra context'i devam ettir\n if (audioCtx.state === \"suspended\") audioCtx.resume();\n return audioCtx;\n}\n\n// --- Seslendirme (Text-to-Speech) ---\nfunction pickEnglishVoice(): SpeechSynthesisVoice | undefined {\n const voices = speechSynthesis.getVoices();\n return (\n voices.find((v) => /en[-_]US/i.test(v.lang)) ||\n voices.find((v) => /^en/i.test(v.lang)) ||\n voices[0]\n );\n}\n\nexport function speak(text: string, opts: { rate?: number; pitch?: number } = {}) {\n if (!(\"speechSynthesis\" in globalThis)) return;\n try {\n speechSynthesis.cancel();\n const u = new SpeechSynthesisUtterance(text);\n u.lang = \"en-US\";\n u.rate = opts.rate ?? 0.85; // çocuklar için biraz yavaş\n u.pitch = opts.pitch ?? 1.1;\n const v = pickEnglishVoice();\n if (v) u.voice = v;\n speechSynthesis.speak(u);\n } catch {\n // sessizce geç\n }\n}\n\n// Sesler tarayıcıya asenkron yüklenir; hazır olunca seçimi tazele\nif (\"speechSynthesis\" in globalThis) {\n speechSynthesis.onvoiceschanged = () => pickEnglishVoice();\n}\n\n// --- Düşük seviye ton üretici ---\nfunction tone(\n freq: number,\n start: number,\n duration: number,\n type: OscillatorType = \"sine\",\n gain = 0.2,\n) {\n const c = ctx();\n const osc = c.createOscillator();\n const g = c.createGain();\n osc.type = type;\n osc.frequency.value = freq;\n g.gain.setValueAtTime(0.0001, c.currentTime + start);\n g.gain.exponentialRampToValueAtTime(gain, c.currentTime + start + 0.02);\n g.gain.exponentialRampToValueAtTime(0.0001, c.currentTime + start + duration);\n osc.connect(g).connect(c.destination);\n osc.start(c.currentTime + start);\n osc.stop(c.currentTime + start + duration + 0.05);\n}\n\n// Beyaz gürültü patlaması (alkış benzeri)\nfunction noiseBurst(start: number, duration: number, gain = 0.35) {\n const c = ctx();\n const bufferSize = Math.floor(c.sampleRate * duration);\n const buffer = c.createBuffer(1, bufferSize, c.sampleRate);\n const data = buffer.getChannelData(0);\n for (let i = 0; i < bufferSize; i++) {\n // sönümlü gürültü -> alkış hissi\n const decay = 1 - i / bufferSize;\n data[i] = (Math.random() * 2 - 1) * decay * decay;\n }\n const src = c.createBufferSource();\n src.buffer = buffer;\n const g = c.createGain();\n g.gain.value = gain;\n const filter = c.createBiquadFilter();\n filter.type = \"bandpass\";\n filter.frequency.value = 2200;\n src.connect(filter).connect(g).connect(c.destination);\n src.start(c.currentTime + start);\n}\n\n// --- Yüksek seviye efektler ---\n\n// Güçlü alkış: art arda gürültü patlamaları\nexport function playApplause() {\n for (let i = 0; i < 14; i++) {\n noiseBurst(i * 0.06, 0.12, 0.25 + Math.random() * 0.2);\n }\n}\n\n// Parlayan yıldız / başarı: yukarı çıkan neşeli arpej\nexport function playSparkle() {\n const notes = [523, 659, 784, 1047, 1319]; // C5 E5 G5 C6 E6\n notes.forEach((f, i) => tone(f, i * 0.08, 0.25, \"triangle\", 0.18));\n}\n\n// Yanlış cevap: komik \"daaat\" düşen vızıltı\nexport function playBuzzer() {\n const c = ctx();\n const osc = c.createOscillator();\n const g = c.createGain();\n osc.type = \"sawtooth\";\n osc.frequency.setValueAtTime(320, c.currentTime);\n osc.frequency.exponentialRampToValueAtTime(120, c.currentTime + 0.45);\n g.gain.setValueAtTime(0.0001, c.currentTime);\n g.gain.exponentialRampToValueAtTime(0.25, c.currentTime + 0.03);\n g.gain.exponentialRampToValueAtTime(0.0001, c.currentTime + 0.5);\n osc.connect(g).connect(c.destination);\n osc.start();\n osc.stop(c.currentTime + 0.55);\n}\n\n// Büyük kutlama: alkış + neşeli melodi\nexport function playCheer() {\n playApplause();\n const melody = [523, 659, 784, 659, 784, 1047]; // küçük zafer ezgisi\n melody.forEach((f, i) => tone(f, 0.1 + i * 0.18, 0.3, \"square\", 0.16));\n}\n\n// Tarayıcının ses iznini ilk dokunuşta açmak için\nexport function unlockAudio() {\n try {\n ctx();\n } catch {\n // yoksay\n }\n}\n",[],[91,137,149],"720ad025-d3fb-4dd1-9edd-78019327cde7","animals.ts","019ecc2c-6f22-707f-9c34-f0632ac4845f",4,["D",1781541938510],"// Hayvan verileri: İngilizce isim + büyük renkli emoji görseli\nexport interface Animal {\n id: string;\n word: string; // İngilizce seslendirilecek kelime\n emoji: string; // büyük renkli görsel\n color: string; // kartın arka plan rengi (tailwind class)\n gradient: string; // dokununca gösterilecek büyük renkli kelime için gradyan\n}\n\n// İstenen 10 hayvan — her birine canlı, çocuk dostu bir renk verildi.\nexport const ANIMALS: Animal[] = [\n { id: \"dog\", word: \"Dog\", emoji: \"🐶\", color: \"bg-amber-200\", gradient: \"from-amber-400 to-orange-500\" },\n { id: \"cat\", word: \"Cat\", emoji: \"🐱\", color: \"bg-orange-200\", gradient: \"from-orange-400 to-red-500\" },\n { id: \"bird\", word: \"Bird\", emoji: \"🐦\", color: \"bg-sky-200\", gradient: \"from-sky-400 to-blue-500\" },\n { id: \"rabbit\", word: \"Rabbit\", emoji: \"🐰\", color: \"bg-pink-200\", gradient: \"from-pink-400 to-rose-500\" },\n { id: \"fish\", word: \"Fish\", emoji: \"🐠\", color: \"bg-cyan-200\", gradient: \"from-cyan-400 to-teal-500\" },\n { id: \"horse\", word: \"Horse\", emoji: \"🐴\", color: \"bg-yellow-200\", gradient: \"from-yellow-400 to-amber-600\" },\n { id: \"cow\", word: \"Cow\", emoji: \"🐮\", color: \"bg-lime-200\", gradient: \"from-lime-400 to-green-600\" },\n { id: \"sheep\", word: \"Sheep\", emoji: \"🐑\", color: \"bg-stone-200\", gradient: \"from-stone-400 to-gray-500\" },\n { id: \"duck\", word: \"Duck\", emoji: \"🦆\", color: \"bg-emerald-200\", gradient: \"from-emerald-400 to-green-500\" },\n { id: \"elephant\", word: \"Elephant\", emoji: \"🐘\", color: \"bg-indigo-200\", gradient: \"from-indigo-400 to-purple-600\" },\n];\n",[],[91,137,156],"a51a9648-e01a-4019-81f0-664e2ddee7f0","WordDisplay.tsx","b1ab190e-68d9-11f1-83e6-1607ee4eb77e",6,["D",1781541962307],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { Animal } from \"./animals.ts\";\n\n// Ekranın üstündeki büyük renkli kelime gösterimi.\n// Çocuk bir hayvana dokununca o hayvanın İngilizce adı burada büyük harflerle belirir.\nexport function WordDisplay({ animal }: { animal: Animal | null }) {\n return (\n

\n {animal\n ? (\n

\n {animal.emoji}\n \n {animal.word}\n \n

\n )\n : (\n

\n 👇 Tap an animal to hear its name! 👇\n

\n )}\n

\n );\n}\n",[],[91,137,164],"b1d33dda-dc0f-47e9-b244-09b71fcf48d3","Confetti.tsx","019ecc2c-6f22-707f-9c34-e43941a22382",["D",1781541924496],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useMemo } from \"https://esm.sh/react@18.2.0\";\n\nconst COLORS = [\n \"#ef4444\", \"#f59e0b\", \"#eab308\", \"#22c55e\",\n \"#06b6d4\", \"#3b82f6\", \"#8b5cf6\", \"#ec4899\",\n];\n\n// Harici kütüphane yok: bir grup renkli kareyi yukarıdan aşağı düşürüyoruz.\nexport function Confetti({ count = 120 }: { count?: number }) {\n const pieces = useMemo(() => {\n return Array.from({ length: count }).map((_, i) => ({\n id: i,\n left: Math.random() * 100, // %\n delay: Math.random() * 0.6, // s\n duration: 2.5 + Math.random() * 2, // s\n size: 8 + Math.random() * 10, // px\n color: COLORS[i % COLORS.length],\n rotate: Math.random() * 360,\n round: Math.random() > 0.5,\n }));\n }, [count]);\n\n return (\n

\n \n {pieces.map((p) => (\n \n ))}\n

\n );\n}\n",[],[91,137,172],"44a6a453-70d8-45c1-9325-669aa567e57f","App.tsx","019ecc2c-6f22-707f-9c34-e0417336b08d",7,["D",1781541978216],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { ANIMALS, type Animal } from \"./animals.ts\";\nimport { AnimalCard } from \"./AnimalCard.tsx\";\nimport { WordDisplay } from \"./WordDisplay.tsx\";\nimport { Confetti } from \"./Confetti.tsx\";\nimport { playSparkle, speak, unlockAudio } from \"./sound.ts\";\n\nexport function App() {\n // En son dokunulan hayvan (büyük kelime + vurgu için)\n const [active, setActive] = useState(null);\n // Her dokunuşta kısa konfeti patlaması için artan sayaç\n const [burst, setBurst] = useState(0);\n\n function handleTap(animal: Animal) {\n unlockAudio();\n\n // 1) İngilizce adı net telaffuzla seslendir\n speak(animal.word);\n // 2) Eğlenceli \"parıltı\" ses efekti\n playSparkle();\n // 3) Büyük renkli kelimeyi göster + kartı vurgula\n setActive(animal);\n // 4) Kısa konfeti patlaması (her dokunuşta yeniden tetikle)\n setBurst((b) => b + 1);\n }\n\n return (\n

\n {/* Her dokunuşta kısa parıltı/konfeti. key değişince animasyon yeniden başlar. */}\n {burst > 0 && }\n\n {/* Başlık */}\n

\n 🐾 Animal Sounds 🔊\n

\n Tap an animal to learn its name in English!\n

\n\n {/* Büyük renkli kelime gösterimi */}\n

\n \n

\n\n {/* Hayvan kartları ızgarası — büyük ve dokunmatik dostu */}\n

\n {ANIMALS.map((animal) => (\n handleTap(animal)}\n />\n ))}\n

\n\n \n

\n );\n}\n",[],[91,137,179],"67428c86-7cdb-4373-997d-4fbb229be630","AnimalCard.tsx","019ecc2c-6f21-779b-959c-cadcc5ab797c",5,["D",1781541950986],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { Animal } from \"./animals.ts\";\n\ninterface Props {\n animal: Animal;\n isActive: boolean; // en son dokunulan kart (vurgulanır)\n onTap: () => void;\n}\n\n// Büyük, renkli, dokunmatik dostu hayvan kartı.\n// Dokununca: parıltı (sparkle) animasyonu + aktif vurgu.\nexport function AnimalCard({ animal, isActive, onTap }: Props) {\n return (\n \n {/* Büyük hayvan görseli */}\n \n {animal.emoji}\n \n\n {/* Dokunuşta kısa parıltı animasyonu (yıldızlar) */}\n {isActive && (\n <>\n ✨\n ⭐\n \n )}\n \n );\n}\n",[],[91,137,187],"cbb344ab-00e9-46e0-89d3-3f60938e2e80",["D",1781541924496],"legacyEnvVars","httpPrivacy","description","Okul öncesi (4-6 yaş) için İngilizce hayvan eşleştirme oyunu","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789574399&sig=a8d51a028376b0f18dea863670f2a5f39dc2eca62054b0c7661bee5c0457fba4","userId","06437ba7-2a3c-428d-a299-c333861cf5ed","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","e9d26b96-de35-4383-9f50-1bf9117e0df7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_238":234},"org",{"_11":12,"_232":-5,"_233":234,"_202":203,"_235":236,"_237":52},"branch",{"_17":86,"_13":16,"_35":70,"_41":194,"_44":36,"_46":43,"_229":54,"_230":42,"_231":58,"_59":14,"_55":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJweWwwaXdicEdOT0s3cTRHVHdRaGN4OWQ2MSJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":194,"_13":14,"_37":317,"_50":-5,"_196":52,"_53":54,"_197":54,"_198":199,"_200":201,"_202":203,"_204":67,"_205":74,"_206":-5,"_207":-5,"_208":33,"_57":209,"_210":-5,"_211":-5,"_212":-5,"_213":-5,"_214":215,"_216":215,"_217":218,"_219":218,"_220":218,"_221":215,"_222":215,"_223":318,"_225":319,"_227":320,"_51":52},[278,289,290],"files",[278,279,280,281,282,283,284,285,286,287,288,289,290],"counts",{"_269":33,"_270":72,"_271":33,"_34":272,"_273":274},[263,264,265],"upstreamProject",{"_35":42,"_13":60,"_198":199,"_200":201,"_53":54,"_223":261},"upstreamBranch",{"_35":36,"_37":259,"_39":260,"_13":16,"_41":42,"_17":43,"_44":45,"_46":47,"_48":49,"_50":-5,"_51":52,"_53":54,"_55":56,"_57":58,"_59":60},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1781541316309],["D",1781541490488],{"_11":56,"_238":262},"https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJxR0VRRnZqRm8zZ0JaYVJDMGd6a1NybHpGWiJ9",{"_35":90,"_13":91,"_66":92,"_68":-5,"_69":70,"_71":72,"_73":74,"_37":93,"_17":33,"_76":94,"_78":-5,"_80":52,"_81":-5,"_18":268},{"_35":83,"_13":84,"_66":85,"_68":-5,"_69":70,"_71":86,"_73":74,"_37":87,"_17":72,"_76":24,"_78":88,"_80":52,"_81":-5,"_18":267},{"_35":64,"_13":65,"_66":67,"_68":-5,"_69":70,"_71":72,"_73":74,"_37":75,"_17":33,"_76":77,"_78":79,"_80":52,"_81":-5,"_18":266},[65],[84],[91],"pulls","branches","forks",{"_275":33,"_277":33},"connections",{"_275":33,"_276":33},"count","unfilledCount","emptyCount",{"_35":90,"_13":91,"_66":92,"_68":-5,"_69":70,"_71":72,"_73":74,"_37":106,"_17":33,"_76":94,"_78":-5,"_80":52,"_81":-5,"_100":315,"_18":316},{"_35":136,"_13":137,"_66":138,"_68":92,"_69":70,"_71":72,"_73":74,"_37":139,"_17":33,"_76":94,"_78":-5,"_80":52,"_81":-5,"_100":313,"_18":314},{"_35":186,"_13":187,"_66":188,"_68":138,"_69":70,"_71":189,"_73":74,"_37":190,"_17":72,"_76":117,"_78":191,"_80":52,"_81":-5,"_100":311,"_18":312},{"_35":178,"_13":179,"_66":180,"_68":138,"_69":70,"_71":181,"_73":74,"_37":182,"_17":72,"_76":117,"_78":183,"_80":52,"_81":-5,"_100":309,"_18":310},{"_35":171,"_13":172,"_66":173,"_68":138,"_69":70,"_71":72,"_73":74,"_37":174,"_17":33,"_76":117,"_78":175,"_80":52,"_81":-5,"_100":307,"_18":308},{"_35":163,"_13":164,"_66":165,"_68":138,"_69":70,"_71":166,"_73":74,"_37":167,"_17":33,"_76":117,"_78":168,"_80":52,"_81":-5,"_100":305,"_18":306},{"_35":155,"_13":156,"_66":157,"_68":138,"_69":70,"_71":158,"_73":74,"_37":159,"_17":72,"_76":117,"_78":160,"_80":52,"_81":-5,"_100":303,"_18":304},{"_35":148,"_13":149,"_66":150,"_68":138,"_69":70,"_71":72,"_73":74,"_37":151,"_17":33,"_76":117,"_78":152,"_80":52,"_81":-5,"_100":301,"_18":302},{"_35":129,"_13":130,"_66":131,"_68":92,"_69":70,"_71":72,"_73":74,"_37":132,"_17":33,"_76":24,"_78":133,"_80":52,"_81":-5,"_100":299,"_18":300},{"_35":121,"_13":122,"_66":123,"_68":92,"_69":70,"_71":31,"_73":74,"_37":124,"_17":125,"_76":24,"_78":126,"_80":52,"_81":-5,"_100":297,"_18":298},{"_35":113,"_13":114,"_66":115,"_68":92,"_69":70,"_71":72,"_73":74,"_37":116,"_17":33,"_76":117,"_78":118,"_80":52,"_81":-5,"_100":295,"_18":296},{"_35":83,"_13":84,"_66":85,"_68":-5,"_69":70,"_71":86,"_73":74,"_37":103,"_17":72,"_76":24,"_78":88,"_80":52,"_81":-5,"_100":293,"_18":294},{"_35":64,"_13":65,"_66":67,"_68":-5,"_69":70,"_71":72,"_73":74,"_37":99,"_17":33,"_76":77,"_78":79,"_80":52,"_81":-5,"_100":291,"_18":292},[],[65],[],[84],[],[91,114],[],[91,122],[],[91,130],[],[91,137,149],[],[91,137,156],[],[91,137,164],[],[91,137,172],[],[91,137,179],[],[91,137,187],[280,281,282,283,284,285],[91,137],[279,286,287,288],[91],["D",1781541924496],{"_11":12,"_238":234},{"_11":12,"_232":-5,"_233":234,"_202":203,"_235":236,"_237":52},{"_17":86,"_13":16,"_35":70,"_41":194,"_44":36,"_46":43,"_229":54,"_230":42,"_231":58,"_59":14,"_55":12},"ctx",{"_223":-5,"_256":354,"_355":356,"_357":358,"_359":52,"_360":52,"_361":52,"_362":74,"_363":-5,"_364":-7,"_365":-7,"_366":33,"_367":52,"_368":52,"_369":-5,"_370":52,"_371":52,"_372":52,"_373":-5},"ENV",{"_325":326,"_327":328,"_329":16,"_330":331,"_332":333,"_334":335,"_336":337,"_338":339,"_340":341,"_342":343,"_344":345,"_346":347,"_348":349,"_350":351,"_352":353},"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