Matematik Kafası

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.

Create a Turkish-language interactive educational math web app titled “Matematik Kafası” for 9th-grade students. It is a dark, polished dashboard rather than a 3D game: use a deep navy background with a subtle radial glow, rounded dark blue cards, bright pink-to-purple gradients for active navigation and the square ∑ logo, cyan accents, yellow score accents, green success accents, and red error accents. Make it responsive: desktop uses a wide centered app, while mobile stacks grids into one column and uses horizontally scrollable tabs. Keep the interface vertically contained with an internally scrollable content area.

At the top, show a header with a rounded gradient logo containing “∑”, the title “Matematik Kafası”, the subtitle “9. sınıf • çalış, oyna, gül”, and two rounded stat pills on the right: “⭐ Puan 0” and “🔥 Seri 0”. Persist score, streak, voice preference, and color preference in local storage so progress survives navigation/reload. Navigation tabs should be “Ana Sayfa”, “Konular”, “Testler”, “Oyunlar”, “Memes”, and “Ayarlar”; the active tab is pink/purple gradient, and switching tabs changes the visible view without leaving the app.

Home view: show a two-column hero area on desktop. The main card says “Bugünün görevi”, “Matematiği çöz. Havayı da bozma.”, and explains that users reinforce 9th-grade topics with short tests, speed up with mini games, and keep morale with math memes. Include buttons “Teste Başla →” and “Oyunlara Bak” that navigate to the relevant tabs. The second card shows “Toplam puan”, the current large yellow score, “🔥 [streak] doğru seri”, and “Hedef: bugün 100 puan”. Below, show “Konulara hızlı giriş” and three topic cards.

Topics view: title it “9. sınıf konu haritası” with “7 başlık”, and display cards for exactly these topics, each with an emoji/icon, title, description, and category tag: “🔢 Kümeler” — “Küme gösterimi, birleşim ve kesişim” — TEMEL; “🧮 Denklemler” — “Birinci dereceden denklem çözümü” — CEBİR; “⚖️ Eşitsizlikler” — “Sayı doğrusu ve aralıklar” — CEBİR; “√ Üslü ve Köklü” — “Üslü ifadeler, kök alma kuralları” — SAYILAR; “📈 Fonksiyonlar” — “Tanım kümesi ve değer kümesi” — FONKSİYON; “△ Üçgenler” — “Açı, kenar ve üçgen ilişkileri” — GEOMETRİ; “📊 Veri ve Olasılık” — “Ortalama, açıklık ve basit olasılık” — VERİ.

Tests view: provide a centered “Hızlı test” card with a “Hazır mısın?” heading, a 0/5 counter, gradient progress bar, and text explaining it is a mixed five-question 9th-grade mini round where every correct answer gives 20 points. “Teste Başla” begins the quiz. Show one question at a time with four large answer buttons, disable answers after selection, color the chosen answer green or red, show Turkish feedback, update score and streak, and advance after a short delay. Correct answers add 20 points and increment the streak; wrong answers reset the streak and reveal the correct answer. Use these question/answer sets and correct choices: “A = {1, 2, 3} ve B = {3, 4}. A ∩ B nedir?” choices {1, 2}, {3}, {1, 2, 3, 4}, ∅; correct {3}. “2x + 6 = 16 ise x kaçtır?” choices 3,4,5,6; correct 5. “√81 kaçtır?” choices 7,8,9,10; correct 9. “f(x) = x + 2 ise f(4) kaçtır?” choices 2,4,6,8; correct 6. “Bir üçgenin iç açıları toplamı kaç derecedir?” choices 90°,180°,270°,360°; correct 180°. “Bir zar atıldığında çift sayı gelme olasılığı nedir?” choices 1/6,1/3,1/2,2/3; correct 1/2. “3² · 3³ işleminin sonucu hangi üslü ifadedir?” choices 3⁵,3⁶,6⁵,9⁵; correct 3⁵. The round uses the first five questions, then displays “Tur tamamlandı!” and the points earned, with a “Tekrar Oyna” button.

Games view: title “Mini oyunlar” with subtitle “refleks + işlem”, and two cards. The first is “⚡ 15 Saniyelik İşlem”: a timed addition game where the player has 15 seconds to solve as many random additions as possible. Generate a from 2–13 and b from 1–10, show “a + b = ?” and four shuffled options containing the answer plus answer+1, answer-2, answer+3. Each correct answer gives 10 points, increments streak, shows a toast such as “+10 hız puanı”, and immediately creates another problem; wrong answers reset streak and show “Yanlış! Hız kadar dikkat de lazım.” When time reaches zero, show the number correct and a “Tekrar oyna” button, awarding the accumulated correct-answer points. The second is “🎯 Denklem Avı”: generate a simple linear equation using x from 2–9, a coefficient from 2–5, and k from 2–9, with b = a*x+k; show “ax + k = b”, “x kaçtır?”, and four shuffled options consisting of x and nearby values. Correct answers add 25 points, increment streak, and show “Denklem yakalandı! +25 puan 🎯”; wrong answers mark the choice red, reset streak, and say “Tekrar dene — cevap [x].”

Memes view: title it “Matematik memesleri” with “seslendirmeli”, and show four two-column cards with oversized emoji faces, bold titles, quote text, “Seslendirme hazır”, and a cyan “🔊 Seslendir” button. Include exactly: 🤯 “Limit değil ama sabır” — “Hocam x neden yalnız kaldı?” — “Çünkü diğer terimler taşındı.”; 😎 “Denklem çözüldü” — “x = 5 bulundu. Aile gururla komşulara haber veriyor.”; 🥲 “Kök içi dramı” — “Kök 16: Ben aslında 4’üm. Öğrenci: Emin misin?”; 🧠 “Sınavdan önce” — “Beyin: Her şeyi biliyorum. Sınav kağıdı: Beni tanıyor musun?”. Clicking a button should use the browser Turkish speech synthesis (tr-TR), cancel any current speech, and show a toast “Meme seslendiriliyor 🔊”; if disabled, show “Seslendirme ayarlardan kapalı”.

Settings view: show a card titled “Ayarlar” with “tercihlerini kaydet”. Include toggle rows for “Memes seslendirmesi” with text about reading meme lines through browser speech, and “Renkli dikkat modu” with text about stronger correct/wrong colors; toggles have gray off and green on states. Include “İlerlemeyi sıfırla” with “Puan ve seriyi başlangıca döndürür.” and a red “Sıfırla” button that resets score and streak and shows “İlerleme sıfırlandı”. Add small toast notifications near the bottom center for game feedback. Use accessible focus outlines, rounded pills/buttons, subtle shadows, and simple fade/slide-up transitions when views appear. All visible copy and feedback should remain in Turkish, and do not add unrelated gameplay, characters, levels, enemies, or 3D scenes.