\n {[...Array(10)].map((_, i) => (\n

\n ))}\n \n

\n );\n}\n\nfunction FruitLearningGame() {\n const [score, setScore] = useState(0);\n const [currentRound, setCurrentRound] = useState(0);\n const [selectedFruit, setSelectedFruit] = useState(null);\n const [showFireworks, setShowFireworks] = useState(false);\n const [speechSupported, setSpeechSupported] = useState(false);\n const [isProcessing, setIsProcessing] = useState(false);\n const [timeLeft, setTimeLeft] = useState(10);\n const [gameOver, setGameOver] = useState(false);\n\n useEffect(() => {\n // Check if speech synthesis is supported\n setSpeechSupported('speechSynthesis' in window);\n }, []);\n\n useEffect(() => {\n // Countdown timer logic\n if (timeLeft > 0 && !isProcessing && !gameOver) {\n const timer = setTimeout(() => {\n setTimeLeft(timeLeft - 1);\n }, 1000);\n return () => clearTimeout(timer);\n } else if (timeLeft === 0) {\n setGameOver(true);\n alert(`Süre bitti! Toplam puanın: ${score} 🕒`);\n }\n }, [timeLeft, isProcessing, gameOver]);\n\n const speakFruitName = (fruit, isCorrect, correctFruit = null) => {\n if (!speechSupported) return;\n\n const utterance = new SpeechSynthesisUtterance();\n utterance.lang = 'tr-TR';\n utterance.pitch = 1;\n utterance.rate = 0.8;\n \n if (isCorrect) {\n const fruitColor = translateColor(fruit.color);\n utterance.text = `Bravo! Doğru cevap. ${fruit.name}. Rengi ${fruitColor}.`;\n } else {\n utterance.text = `Hayır, bu ${fruit.name} değil. Doğru cevap ${correctFruit.name}!`;\n }\n\n utterance.onend = () => {\n // Move to next round after speaking\n if (!isCorrect) {\n goToNextRound();\n }\n setIsProcessing(false);\n };\n\n window.speechSynthesis.speak(utterance);\n };\n\n const goToNextRound = () => {\n if (currentRound < fruits.length - 1 && !gameOver) {\n setCurrentRound(currentRound + 1);\n // Reset timer for each round\n setTimeLeft(10);\n } else {\n setGameOver(true);\n alert(`Oyun bitti! Toplam puanın: ${score} 🏆`);\n setCurrentRound(0);\n setScore(0);\n }\n setSelectedFruit(null);\n };\n\n const currentFruit = fruits[currentRound];\n\n const handleFruitSelection = (fruit) => {\n // Prevent multiple selections during processing or if game is over\n if (isProcessing || gameOver) return;\n\n setIsProcessing(true);\n const isCorrect = fruit.name === currentFruit.name;\n\n if (isCorrect) {\n setScore(score + 10);\n setShowFireworks(true);\n \n // Speak correct answer and move to next round\n speakFruitName(fruit, true);\n \n // Hide fireworks after a short delay\n setTimeout(() => setShowFireworks(false), 1500);\n \n // Automatically go to next round after a delay\n setTimeout(goToNextRound, 2000);\n } else {\n setShowFireworks(false);\n // Speak incorrect answer and the correct fruit name\n speakFruitName(fruit, false, currentFruit);\n }\n };\n\n return (\n

\n ⏰ {timeLeft}\n

\n \n

🍎 Meyve Öğrenme Oyunu 🍌

\n {currentFruit.emoji}\n

Bu meyvenin adını bulun!

\n {!speechSupported && (\n

\n Ses çıkarma özelliği bu cihazda desteklenmiyor.\n

\n )}\n

\n {fruits.map((fruit) => (\n \n ))}\n

Puan: {score}

Mevcut Tur: {currentRound + 1} / {fruits.length}

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request) {\n return new Response(`\n \n \n Meyve Öğrenme Oyunu\n \n \n \n \n \n

\n \n \n \n `, {\n headers: { \"content-type\": \"text/html\" }\n });\n}","deleted","label",[100],"permalink","https://www.val.town/x/portentouus/fruitLearningGame/code/main.tsx","extension","actionData","errors"]