10. Sınıf Peygamberimizin Hayatı 2. Ünite Oyun Oyna -Tırmanış Ligi

Oyun Yükleniyor...

<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Sadakat Yolu</title>
<style>
    @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap');
    
    :root { --bg-color: #1a1a2e; --panel-bg: rgba(35, 40, 50, 0.95); --btn-grad: linear-gradient(135deg, #2b5876 0%, #4e4376 100%); --gold: #ffd700; }
    * { box-sizing: border-box; }
    
    body { margin: 0; padding: 0; background-color: var(--bg-color); font-family: 'Roboto', sans-serif; overflow: hidden; width: 100vw; height: 100vh; user-select: none; -webkit-tap-highlight-color: transparent; }

#abs-game-container { position: relative; width: 100%; height: 100%; background: linear-gradient(to bottom, #141e30, #243b55); display: flex; justify-content: center; align-items: flex-end; overflow: hidden; }

/* ÜST BUTONLAR */
    .abs-top-btn { 
        position: absolute; top: 20px; 
        background: rgba(255,255,255,0.15); border: 3px solid rgba(255,255,255,0.3); 
        color: white; padding: 12px 25px; border-radius: 30px; 
        cursor: pointer; z-index: 200; 
        font-size: 18px; font-weight: 900; 
        display: flex; align-items: center; gap: 8px; 
        transition: all 0.2s; text-transform: uppercase; 
        box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    }
    .abs-top-btn:hover { background: rgba(255,255,255,0.3); transform: scale(1.05); }
    
    #abs-fullscreen-btn { right: 20px; }
    #abs-home-btn { left: 20px; background: rgba(255, 87, 87, 0.2); border-color: rgba(255, 87, 87, 0.5); }
    #abs-home-btn:hover { background: rgba(255, 87, 87, 0.4); }

/* SIRA TABELASI */
    #abs-scoreboard { 
        position: absolute; top: 20px; left: 50%; transform: translateX(-50%);
        background: rgba(0, 0, 0, 0.8); padding: 15px 40px; border-radius: 20px; 
        z-index: 50; font-size: 2rem; font-weight: 900;
        border: 3px solid rgba(255,255,255,0.2); box-shadow: 0 10px 30px rgba(0,0,0,0.6);
        display: flex; gap: 15px; align-items: center; transition: all 0.3s ease;
    }
    #abs-turn-indicator { text-transform: uppercase; text-shadow: 0 0 15px currentColor; }

/* PANELLER */
    .abs-panel { 
        position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); 
        background: var(--panel-bg); border: 3px solid rgba(255,255,255,0.1); 
        padding: 40px; border-radius: 30px; box-shadow: 0 20px 60px rgba(0,0,0,0.8); 
        text-align: center; color: white; z-index: 100; width: 95%; max-width: 1100px; display: none; 
    }
    .abs-panel.active { display: block; animation: abs-fadeIn 0.4s ease-out; }
    @keyframes abs-fadeIn { from { opacity: 0; transform: translate(-50%, -45%); } to { opacity: 1; transform: translate(-50%, -50%); } }

/* MENÜ TASARIMI */
    .abs-menu-layout { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 40px; text-align: left; }
    .abs-menu-left { flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; }
    .abs-menu-right { flex: 1.2; }

.abs-menu-cover { width: 100%; max-width: 450px; height: 200px; margin-bottom: 20px; border-radius: 15px; overflow: hidden; border: 3px solid var(--gold); box-shadow: 0 10px 25px rgba(0,0,0,0.6); }
    .abs-menu-cover img { width: 100%; height: 100%; object-fit: cover; opacity: 0.95; }

h1 { margin: 0 0 15px 0; font-size: 3.5rem; line-height: 1; text-shadow: 0 4px 8px rgba(0,0,0,0.8); color: #fff; }
    .abs-author-highlight { font-size: 1.2rem; font-weight: 700; letter-spacing: 2px; color: var(--gold); opacity: 0.9; margin-top: 10px;}

.abs-btn { 
        background: var(--btn-grad); border: none; padding: 22px; margin: 10px 0; 
        color: white; font-size: 1.6rem; font-weight: 900; border-radius: 15px; 
        cursor: pointer; width: 100%; box-shadow: 0 5px 0 rgba(0,0,0,0.3); transition: transform 0.1s; 
    }
    .abs-btn:active { transform: translateY(3px); box-shadow: none; }
    
    .abs-btn-green { background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%); opacity: 0.5; cursor: not-allowed; } 
    .abs-btn-green.ready { opacity: 1; cursor: pointer; animation: pulseBtn 2s infinite; }
    @keyframes pulseBtn { 0% { box-shadow: 0 0 0 0 rgba(56, 239, 125, 0.7); } 70% { box-shadow: 0 0 0 15px rgba(56, 239, 125, 0); } 100% { box-shadow: 0 0 0 0 rgba(56, 239, 125, 0); } }

.abs-rules-box { background: rgba(255,255,255,0.08); border-left: 6px solid gold; text-align: left; padding: 20px; margin-bottom: 25px; border-radius: 10px; }
    .abs-rules-box h3 { margin: 0 0 10px 0; color: var(--gold); font-size: 1.6rem; }
    .abs-rules-box li { font-size: 1.3rem; margin-bottom: 5px; color: #eee; list-style-position: inside; }

/* KONU SEÇİM EKRANI */
    .abs-topic-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 30px; }
    .abs-topic-item { 
        background: rgba(255,255,255,0.05); border: 2px solid rgba(255,255,255,0.1); 
        padding: 20px; border-radius: 15px; cursor: pointer; text-align: left; 
        transition: all 0.2s; display: flex; align-items: center; gap: 15px;
    }
    .abs-topic-item:hover { background: rgba(255,255,255,0.15); }
    .abs-topic-item.selected { border-color: var(--gold); background: rgba(255, 215, 0, 0.15); box-shadow: inset 0 0 15px rgba(255,215,0,0.1); }
    .abs-checkbox { width: 30px; height: 30px; border: 3px solid #aaa; border-radius: 6px; display: flex; align-items: center; justify-content: center; }
    .abs-topic-item.selected .abs-checkbox { border-color: var(--gold); }
    .abs-topic-item.selected .abs-checkbox::after { content: '✔'; font-size: 22px; color: var(--gold); font-weight: bold; }
    .abs-topic-title { font-weight: bold; font-size: 1.3rem; color: #ccc; } 
    .abs-topic-item.selected .abs-topic-title { color: #fff; }

/* OYUN ALANI */
    #abs-stage { width: 95%; height: 85%; display: flex; justify-content: space-around; align-items: flex-end; position: relative; z-index: 10; padding-bottom: 20px; }
    .abs-rope-container { position: relative; width: 12px; height: 100%; background: repeating-linear-gradient(45deg, #6d4c41, #6d4c41 10px, #8d6e63 10px, #8d6e63 20px); display: flex; justify-content: center; }
    .abs-goal { position: absolute; top: -20px; left: 50%; transform: translateX(-50%); width: 70px; height: 70px; background: var(--gold); border: 4px solid #b8860b; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 35px; z-index: 20; box-shadow: 0 0 25px var(--gold); }
    .abs-character { position: absolute; bottom: 0; width: 80px; height: 100px; transition: bottom 0.8s ease-in-out; z-index: 30; }
    .abs-char-body { width: 100%; height: 60%; border-radius: 12px; position: absolute; bottom: 0; left: 0; }
    .abs-char-head { width: 70%; height: 40%; background: #ffccaa; border-radius: 50%; position: absolute; top: 0; left: 15%; }
    .abs-char-p1 .abs-char-body { background: linear-gradient(135deg, #ff416c, #ff4b2b); }
    .abs-char-p2 .abs-char-body { background: linear-gradient(135deg, #36d1dc, #5b86e5); }
    .abs-char-p3 .abs-char-body { background: linear-gradient(135deg, #56ab2f, #a8e063); }
    .abs-name-tag { position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.8); color: #fff; padding: 5px 12px; border-radius: 8px; font-size: 1.2rem; font-weight: bold; white-space: nowrap; }

#abs-question-text { font-size: 2.8rem; line-height: 1.3; margin-bottom: 30px; font-weight: 700; text-shadow: 2px 2px 4px black; }
    .abs-option-btn { display: block; width: 100%; background: rgba(255,255,255,0.1); border: 3px solid rgba(255,255,255,0.3); margin: 15px 0; padding: 20px; color: white; text-align: left; cursor: pointer; border-radius: 15px; font-size: 1.8rem; transition: background 0.1s; }
    .abs-option-btn:hover { background: rgba(255,255,255,0.25); }
    #abs-credits { position: absolute; bottom: 10px; right: 15px; color: rgba(255,255,255,0.5); font-size: 1rem; z-index: 50; }

@media (max-width: 800px) {
        .abs-menu-layout { flex-direction: column; text-align: center; gap: 15px; }
        .abs-topic-grid { grid-template-columns: 1fr; }
        .abs-menu-cover { height: 120px; max-width: 100%; }
        h1 { font-size: 2rem; }
        .abs-panel { width: 95%; padding: 20px; }
        .abs-rules-box { display: none; }
        #abs-scoreboard { font-size: 1.2rem; padding: 8px 15px; top: 60px; width: 90%; }
        .abs-top-btn { padding: 6px 10px; font-size: 12px; }
        #abs-question-text { font-size: 1.5rem; }
        .abs-option-btn { font-size: 1.2rem; padding: 12px; }
    }
</style>
</head>
<body>
<div id="abs-game-container">
    <div id="abs-home-btn" class="abs-top-btn" onclick="absGame.goHome()">🏠 Ana Sayfa</div>
    <div id="abs-fullscreen-btn" class="abs-top-btn" onclick="absGame.toggleFullScreen()">⛶ Tam Ekran</div>
    
    <div id="abs-scoreboard" style="display:none;">
        <span style="color:#aaa; font-size:0.7em; letter-spacing: 2px;">SIRA</span> 
        <span id="abs-turn-indicator">--</span>
    </div>

<div id="abs-menu" class="abs-panel active">
        <div class="abs-menu-layout">
            <div class="abs-menu-left">
                <h1>🏆 10. Sınıf Peygamberimizin Hayatı  2. Ünite -Tırmanış Ligi</h1>
                <div class="abs-menu-cover">
                    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCPiwRa-GIvICsdq1YFXlF4XNPiI7UL__gYbO_dg00yDCSwLZmfWvH8BpEsQGUEgYaz8ahY2MC0UXzsV1AKkkUHgtf2lABYbyVUU0Ew5Qvyb4yQ-0cylKo-zTNl8w0WGc8v0qlUdRjgWOzIscib0NuDgZ5NCpkng5ZRJFFxgI0PChrnWlvKiEdx9oVKpw/s1600/Google_AI_Studio_2025-12-03T17_12_19.645Z.png" alt="Kapak">
                </div>
                <div class="abs-author-highlight">Hazırlayan: Abdurahman Seyhan</div>
            </div>
            <div class="abs-menu-right">
                <div class="abs-rules-box">
                    <h3>📜 Kurallar</h3>
                    <ul><li>Doğru Cevap: Yukarı 🔼</li><li>Yanlış Cevap: Aşağı 🔻</li><li>Tepeye ulaşan kazanır! 🥇</li></ul>
                </div>
                <button class="abs-btn" onclick="absGame.goToTopics('pvc')">💻 Bilgisayara Karşı</button>
                <button class="abs-btn" onclick="absGame.goToTopics('pvp')">👤 İki Kişi / Takım</button>
                <button class="abs-btn" onclick="absGame.goToTopics('team3')">👥 3 Takım (Renkli)</button>
            </div>
        </div>
    </div>

<div id="abs-topic-menu" class="abs-panel">
        <h2 style="color:var(--gold); font-size: 2.5rem;">📚 Konu Seçimi</h2>
        <p style="font-size: 1.5rem; margin-bottom: 20px;">Lütfen soru gelmesini istediğiniz konuları seçiniz:</p>
        
        <div class="abs-topic-grid">
            <div class="abs-topic-item" onclick="absGame.toggleTopic(this, 't1')">
                <div class="abs-checkbox"></div>
                <div class="abs-topic-title">2.1. Hz. Ebu Bekir'in Hayatı ve Şahsiyeti</div>
            </div>
            <div class="abs-topic-item" onclick="absGame.toggleTopic(this, 't2')">
                <div class="abs-checkbox"></div>
                <div class="abs-topic-title">2.2. Hz. Ebu Bekir'in Tebliğ Sürecindeki Rolü</div>
            </div>
            <div class="abs-topic-item" onclick="absGame.toggleTopic(this, 't3')">
                <div class="abs-checkbox"></div>
                <div class="abs-topic-title">2.3. Hz. Ebu Bekir'in Hicrette Yol Arkadaşlığı</div>
            </div>
            <div class="abs-topic-item" onclick="absGame.toggleTopic(this, 't4')">
                <div class="abs-checkbox"></div>
                <div class="abs-topic-title">3.0. Genel Tekrar</div>
            </div>
        </div>

<button id="abs-start-btn" class="abs-btn abs-btn-green" onclick="absGame.startWithTopics()">OYUNU BAŞLAT ▶</button>
        <button class="abs-btn" style="background:#555; margin-top:5px;" onclick="absGame.backToMenu()">Geri Dön</button>
    </div>

<div id="abs-question-modal" class="abs-panel">
        <h2 id="abs-q-title" style="font-size: 2rem; color:var(--gold);">Soru</h2>
        <div id="abs-question-text">Soru...</div>
        <div id="abs-options-container"></div>
    </div>
    <div id="abs-result-modal" class="abs-panel">
        <div id="abs-medal-icon" style="font-size: 8rem;">🥇</div>
        <h1 id="abs-winner-title">Kazanan!</h1>
        <p id="abs-winner-desc" style="font-size:2rem;">Tebrikler.</p>
        <button class="abs-btn" onclick="absGame.goHome()">Ana Menüye Dön</button>
    </div>
    <div id="abs-credits">Hazırlayan: Abdurahman Seyhan</div>
</div>
<script>
    const absGame = {
        mode: null, playerCount: 2, turn: 0, scores: [], names: [], maxHeight: 90, step: 10,
        gameQuestions: [], currentQuestion: null, isBotTurn: false,
        selectedTopics: [],

topicData: {
            't1': [ // 2.1. Hz. Ebu Bekir'in Hayatı ve Şahsiyeti
                { q: "Hz. Ebu Bekir, Hz. Peygamber'in sözlerini tereddütsüz tasdik ettiği için hangi lakabı almıştır?", o: ["Faruk", "Sıddık", "Zinnureyn", "Haydar"], a: 1 },
                { q: "Hz. Ebu Bekir'in İslam öncesi adı neydi?", o: ["Abdullah", "Abdülkabe", "Abdurrahman", "Ömer"], a: 1 },
                { q: "Hz. Ebu Bekir'e 'çok merhametli olduğu için' verilen isim hangisidir?", o: ["Atik", "Zülhilal", "Evvah", "Sıddık"], a: 2 },
                { q: "Hz. Ebu Bekir, Kureyş kabilesinin hangi koluna mensuptur?", o: ["Haşimoğulları", "Ümeyyeoğulları", "Teymoğulları", "Adiyoğulları"], a: 2 },
                { q: "Cahiliye döneminde Mekke'nin önemli meselelerinin görüşüldüğü meclis hangisidir?", o: ["Darülerkam", "Darünnedve", "Mescid-i Nebevi", "Kabe"], a: 1 },
                { q: "Hz. Ebu Bekir'in cahiliye döneminde üstlendiği 'Eşnak' görevi ne ile ilgilidir?", o: ["Ticaret kervanlarını yönetmek", "Hacılara su dağıtmak", "Diyetlerin ödenmesi ve zararların tespiti", "Kabe'nin anahtarını saklamak"], a: 2 },
                { q: "Hz. Ebu Bekir'in güzel yüzlü ve güzel ahlaklı olması sebebiyle aldığı lakap nedir?", o: ["Atik", "Sıddık", "Faruk", "Emin"], a: 0 },
                { q: "Hz. Ebu Bekir'in geçim kaynağı neydi?", o: ["Çobanlık", "Ticaret", "Demircilik", "Ziraat"], a: 1 },
                { q: "Hz. Ebu Bekir'in babasının adı nedir?", o: ["Ebu Talib", "Ebu Leheb", "Ebu Kuhafe", "Ebu Süfyan"], a: 2 },
                { q: "Hz. Ebu Bekir'in 'Ümmülmüminin' (Müminlerin Annesi) lakaplı kızı kimdir?", o: ["Hz. Fatıma", "Hz. Esma", "Hz. Aişe", "Hz. Hatice"], a: 2 },
                { q: "Hz. Ebu Bekir'in soy ilmiyle (ensab) ilgilenmesi ne anlama gelir?", o: ["Arap kabilelerinin soyunu iyi bilmesi", "Tıp bilgisi", "Matematik bilgisi", "Şiir bilgisi"], a: 0 },
                { q: "Hz. Ebu Bekir'in İslam'a girmeden önceki dini inancı nasıldı?", o: ["Putperestti", "Hristiyandı", "Mecusiydi", "Hanifti (Putlara tapmazdı)"], a: 3 }
            ],
            't2': [ // 2.2. Hz. Ebu Bekir'in Tebliğ Sürecindeki Rolü
                { q: "İlk Müslümanlardan olan ve Hz. Ebu Bekir vesilesiyle İslam'ı seçen sahabi kimdir?", o: ["Hz. Ömer", "Hz. Hamza", "Hz. Osman", "Mus'ab bin Umeyr"], a: 2 },
                { q: "Hz. Ebu Bekir, İslam'ın ilk yıllarında kime ait evde tebliğ faaliyetlerine katılmıştır?", o: ["Ebu Cehil", "Erkam bin Ebi'l Erkam", "Ebu Süfyan", "Utbe"], a: 1 },
                { q: "Hz. Ebu Bekir, Mekke döneminde eziyet gören kimi satın alıp azat etmiştir?", o: ["Zeyd bin Harise", "Bilal-i Habeşi", "Selman-ı Farisi", "Ammar bin Yasir"], a: 1 },
                { q: "Hz. Peygamber'in İsra ve Miraç olayını doğruladığı için Hz. Ebu Bekir ne demiştir?", o: ["O söylediyse doğrudur", "İnanmıyorum", "Kanıt istiyorum", "Bekleyelim"], a: 0 },
                { q: "Hz. Ebu Bekir, tebliğ sürecinde Hz. Peygamber'e hangi konuda özellikle yardımcı olmuştur?", o: ["Savaş taktikleri", "Ensab (soy) bilgisiyle kabilelerle iletişim", "Yemek yapma", "Ev inşa etme"], a: 1 },
                { q: "Müslümanların Habeşistan'a hicret ettiği dönemde Hz. Ebu Bekir ne yapmıştır?", o: ["O da gitmiştir", "Gitmek istemiş ama Hz. Peygamber'in güvenliği için kalmıştır", "Müşriklerle anlaşmıştır", "Medine'ye gitmiştir"], a: 1 },
                { q: "Hz. Ebu Bekir'in mal varlığını İslam yolunda harcaması ona hangi lakabı kazandırmıştır?", o: ["Zülhilal", "Seyfullah", "Esadullah", "Ebu Turab"], a: 0 },
                { q: "Akabe Biatları sırasında Hz. Ebu Bekir'in görevi neydi?", o: ["Sözcülük", "Gözcülük", "Katiplik", "Yemek dağıtımı"], a: 1 },
                { q: "Hz. Ebu Bekir, Hz. Peygamber'in hastalığında hangi görevi üstlenmiştir?", o: ["Ordu komutanlığı", "Namaz kıldırma (İmamlık)", "Zekat toplama", "Elçilik"], a: 1 },
                { q: "Mekke döneminde Kabe'de Hz. Peygamber'e yapılan saldırıda onu kim korumuştur?", o: ["Hz. Hamza", "Hz. Ömer", "Hz. Ebu Bekir", "Ebu Talib"], a: 2 },
                { q: "Hz. Peygamber vefat ettiğinde Müslümanları teskin eden konuşmayı kim yapmıştır?", o: ["Hz. Ali", "Hz. Ömer", "Hz. Ebu Bekir", "Hz. Osman"], a: 2 },
                { q: "Hz. Ebu Bekir'in halifeliği döneminde Kur'an-ı Kerim'le ilgili en önemli hizmeti nedir?", o: ["Tefsirini yazdırması", "Mushaflaştırılması (Kitap haline getirilmesi)", "Çoğaltılması", "Ezberletilmesi"], a: 1 }
            ],
            't3': [ // 2.3. Hz. Ebu Bekir'in Hicrette Yol Arkadaşlığı
                { q: "Hz. Peygamber ve Hz. Ebu Bekir hicret yolculuğunda hangi mağaraya sığınmışlardır?", o: ["Hira", "Sevr", "Uhud", "Nur"], a: 1 },
                { q: "Hicret yolculuğunda kılavuzluk yapması için kiminle anlaşılmıştır?", o: ["Abdullah bin Ureykıt", "Süraka", "Amr bin As", "Ebu Cehil"], a: 0 },
                { q: "Hz. Ebu Bekir'in mağaraya yemek taşıyan kızı kimdir?", o: ["Hz. Aişe", "Hz. Fatıma", "Hz. Esma", "Hz. Zeynep"], a: 2 },
                { q: "Mağarada Hz. Peygamber, endişelenen Hz. Ebu Bekir'e ne demiştir?", o: ["Korkma, kaçacağız", "Üzülme (Tasalanma), Allah bizimledir", "Sessiz ol", "Dışarı bak"], a: 1 },
                { q: "Hicret sırasında Hz. Peygamber'in yatağına kim yatmıştır?", o: ["Hz. Ebu Bekir", "Hz. Ömer", "Hz. Ali", "Hz. Osman"], a: 2 },
                { q: "Sevr mağarasında kaç gün kalmışlardır?", o: ["1 gün", "3 gün", "1 hafta", "10 gün"], a: 1 },
                { q: "Hz. Ebu Bekir hicret için ne hazırlamıştı?", o: ["İki deve", "İki at", "Bir kervan", "Sadece yiyecek"], a: 0 },
                { q: "Hicret yolculuğunda Hz. Ebu Bekir'in oğlu Abdullah'ın görevi neydi?", o: ["Savaşmak", "Mekke'den haber getirmek", "Yolu temizlemek", "Develere bakmak"], a: 1 },
                { q: "Peygamberimiz ve Hz. Ebu Bekir Medine'ye varmadan önce nerede konaklayıp ilk mescidi inşa ettiler?", o: ["Kuba", "Taif", "Hayber", "Bedir"], a: 0 },
                { q: "Kur'an-ı Kerim'de Hz. Ebu Bekir için hangi ifade kullanılmıştır?", o: ["Arkadaşın", "Mağara arkadaşı (İkinin ikincisi)", "Komutan", "Vezir"], a: 1 },
                { q: "Hz. Ebu Bekir, hicret yolculuğunda neden bazen önden bazen arkadan yürümüştür?", o: ["Yolu şaşırdığı için", "Hz. Peygamber'i korumak için", "Yorulduğu için", "Konuşmak için"], a: 1 },
                { q: "Müşrikler mağaranın ağzına kadar geldiklerinde onları ne geri döndürmüştür?", o: ["Büyük bir ordu", "Örümcek ağı ve güvercin yuvası", "Fırtına", "Deprem"], a: 1 }
            ],
            't4': [ // 3.0. Genel Tekrar
                { q: "İslam'ın ilk halifesi kimdir?", o: ["Hz. Ali", "Hz. Ömer", "Hz. Osman", "Hz. Ebu Bekir"], a: 3 },
                { q: "Hz. Ebu Bekir'in halifeliği sırasında ortaya çıkan sahte peygamberlerle mücadele ettiği olaylara ne denir?", o: ["Ridde Savaşları", "Cemel Vakası", "Sıffin Savaşı", "Hendek Savaşı"], a: 0 },
                { q: "Hz. Ebu Bekir hangi savaşta tüm mal varlığını bağışlamıştır?", o: ["Bedir", "Uhud", "Tebük", "Huneyn"], a: 2 },
                { q: "Hz. Ebu Bekir'in kızı Hz. Esma'nın lakabı nedir?", o: ["Zatü'n-Nitakayn (İki kuşak sahibi)", "Betül", "Tahire", "Zehra"], a: 0 },
                { q: "Hudeybiye Antlaşması'nda Müslümanları teskin eden konuşmayı kim yapmıştır?", o: ["Hz. Ömer", "Hz. Ali", "Hz. Ebu Bekir", "Hz. Osman"], a: 2 },
                { q: "Hz. Ebu Bekir'in hicret sırasında Hz. Peygamber'e olan sadakati neye örnektir?", o: ["Cimriliğe", "Dostluğa ve vefaya", "Korkaklığa", "Tembelliğe"], a: 1 },
                { q: "Mescid-i Nebevi'nin arsasının bedelini kim ödemiştir?", o: ["Hz. Ömer", "Hz. Osman", "Hz. Ebu Bekir", "Hz. Ali"], a: 2 },
                { q: "Hz. Ebu Bekir'in vefat ettiği şehir hangisidir?", o: ["Mekke", "Kudüs", "Şam", "Medine"], a: 3 },
                { q: "Hz. Ebu Bekir'in kabri nerededir?", o: ["Kabe'de", "Ravza-i Mutahhara'da (Hz. Peygamber'in yanında)", "Cennetü'l Baki'de", "Uhud'da"], a: 1 },
                { q: "Hz. Ebu Bekir kaç yıl halifelik yapmıştır?", o: ["10 yıl", "2 yıl 3 ay", "12 yıl", "6 ay"], a: 1 },
                { q: "Hz. Ebu Bekir'in lakabı olan 'Evvah' ne anlama gelir?", o: ["Çok ağlayan", "Çok merhametli ve yufka yürekli", "Çok gezen", "Çok uyuyan"], a: 1 },
                { q: "İlk Hac Emiri kimdir?", o: ["Hz. Ali", "Hz. Ebu Bekir", "Hz. Ömer", "Mus'ab bin Umeyr"], a: 1 }
            ]
        },

goHome: function() { location.reload(); },

goToTopics: function(mode) {
            this.mode = mode;
            if(mode==='pvc'){this.playerCount=2; this.names=["Sen","PC"];}
            else if(mode==='pvp'){this.playerCount=2; this.names=["Takım 1","Takım 2"];}
            else if(mode==='team3'){this.playerCount=3; this.names=["Tk 1","Tk 2","Tk 3"];}
            
            document.getElementById('abs-menu').style.display = 'none';
            document.getElementById('abs-topic-menu').style.display = 'block';
            this.selectedTopics = []; 
            this.updateStartBtn();
            document.querySelectorAll('.abs-topic-item').forEach(el => el.classList.remove('selected'));
        },

toggleTopic: function(el, topicId) {
            if(this.selectedTopics.includes(topicId)) {
                this.selectedTopics = this.selectedTopics.filter(t => t !== topicId);
                el.classList.remove('selected');
            } else {
                this.selectedTopics.push(topicId);
                el.classList.add('selected');
            }
            this.updateStartBtn();
        },

updateStartBtn: function() {
            const btn = document.getElementById('abs-start-btn');
            if(this.selectedTopics.length > 0) {
                btn.classList.add('ready');
                btn.disabled = false;
            } else {
                btn.classList.remove('ready');
                btn.disabled = true;
            }
        },

backToMenu: function() {
            document.getElementById('abs-topic-menu').style.display = 'none';
            document.getElementById('abs-menu').style.display = 'block';
        },

startWithTopics: function() {
            if(this.selectedTopics.length === 0) return;

this.gameQuestions = [];
            this.selectedTopics.forEach(t => {
                this.gameQuestions = this.gameQuestions.concat(this.topicData[t]);
            });

for (let i = this.gameQuestions.length - 1; i > 0; i--) {
                const j = Math.floor(Math.random() * (i + 1));
                [this.gameQuestions[i], this.gameQuestions[j]] = [this.gameQuestions[j], this.gameQuestions[i]];
            }

const totalQuestions = this.gameQuestions.length;
            const roundsPerPlayer = Math.floor(totalQuestions / this.playerCount);
            const safeRounds = roundsPerPlayer < 1 ? 1 : roundsPerPlayer;
            this.step = Math.ceil(95 / safeRounds);

this.scores = new Array(this.playerCount).fill(0); 
            this.turn = 0;
            this.renderStage(); 
            this.updateScore();
            
            document.getElementById('abs-topic-menu').style.display = 'none';
            document.getElementById('abs-scoreboard').style.display = 'flex'; 
            setTimeout(()=>this.nextTurn(), 500);
        },

renderStage: function() {
            const s = document.getElementById('abs-stage'); s.innerHTML='';
            for(let i=0;i<this.playerCount;i++){ s.insertAdjacentHTML('beforeend', `<div class="abs-rope-container"><div class="abs-goal">⭐</div><div id="abs-p${i}" class="abs-character abs-char-p${i+1}"><div class="abs-char-head"></div><div class="abs-char-body"></div><div class="abs-name-tag">${this.names[i]}</div></div></div>`); }
        },
        
        nextTurn: function() {
            this.updateScore();
            if(this.mode==='pvc' && this.turn===1){ this.isBotTurn=true; setTimeout(()=>this.botPlay(),1500); }
            else { this.isBotTurn=false; this.askQuestion(); }
        },
        
        askQuestion: function() {
            if(this.gameQuestions.length===0){ this.endGame(); return; }
            this.currentQuestion = this.gameQuestions.pop(); 
            
            document.getElementById('abs-q-title').innerText=`Sıra: ${this.names[this.turn]}`;
            document.getElementById('abs-question-text').innerText=this.currentQuestion.q;
            const c = document.getElementById('abs-options-container'); c.innerHTML='';
            this.currentQuestion.o.forEach((o,i)=>{ const b=document.createElement('div'); b.className='abs-option-btn'; b.innerText=o; b.onclick=()=>this.handleAnswer(i); c.appendChild(b); });
            document.getElementById('abs-question-modal').classList.add('active');
        },
        botPlay: function() {
            const cor = Math.random()<0.7;
            this.showToast(cor?"Bilgisayar Bildi!":"Bilgisayar Bilemedi!");
            setTimeout(()=>{ this.move(this.turn,cor); this.advTurn(); },2000);
        },
        handleAnswer: function(i) {
            document.getElementById('abs-question-modal').classList.remove('active');
            const cor = (i===this.currentQuestion.a);
            this.move(this.turn, cor); setTimeout(()=>this.advTurn(),1000);
        },
        move: function(p, up) {
            const el=document.getElementById(`abs-p${p}`);
            if(up) this.scores[p]+=this.step; else this.scores[p]-=this.step;
            if(this.scores[p]<0)this.scores[p]=0; if(this.scores[p]>this.maxHeight)this.scores[p]=this.maxHeight;
            el.style.bottom=this.scores[p]+'%';
        },
        advTurn: function() { this.turn=(this.turn+1)%this.playerCount; this.nextTurn(); },
        
        endGame: function() { 
            let goldWinners = [];
            for(let i=0; i<this.playerCount; i++){ if(this.scores[i] >= this.maxHeight) goldWinners.push(i); }
            if(goldWinners.length > 0) {
                if(goldWinners.length === this.playerCount) this.res(-1, 'gold_all');
                else if (goldWinners.length === 1) this.res(goldWinners[0], 'gold');
                else this.res(-1, 'gold_multi'); 
            } else {
                let m=-1, w=[]; for(let i=0;i<this.playerCount;i++){ if(this.scores[i]>m){m=this.scores[i]; w=[i];} else if(this.scores[i]===m)w.push(i); } 
                if(w.length===1) this.res(w[0],'silver'); else this.res(-1,'draw'); 
            }
        },
        
        res: function(w,t) { 
            const m=document.getElementById('abs-result-modal'); 
            const ti=document.getElementById('abs-winner-title'); 
            const de=document.getElementById('abs-winner-desc'); 
            const ic=document.getElementById('abs-medal-icon'); 
            if(t==='gold'){ic.innerText='🥇'; ti.innerText=this.names[w]; de.innerText="Zirveye Ulaştı!";} 
            else if(t==='gold_all') {ic.innerText='🏆'; ti.innerText="TEBRİKLER!"; de.innerText="Hepiniz Zirveye Ulaştınız! (Altın)";} 
            else if(t==='gold_multi') {ic.innerText='🥇'; ti.innerText="Kazananlar Var!"; de.innerText="Zirveye Ulaşanlar Altın Kazandı!";} 
            else if(t==='silver'){ic.innerText='🥈'; ti.innerText=this.names[w]; de.innerText="En Yüksek Puan (Gümüş)!";} 
            else {ic.innerText='🤝'; ti.innerText="Berabere"; de.innerText="Dostluk Kazandı";} 
            m.classList.add('active'); 
        },
        updateScore: function() { 
            const sb = document.getElementById('abs-scoreboard');
            const ind=document.getElementById('abs-turn-indicator'); 
            ind.innerText=this.names[this.turn]; 
            
            let color = '';
            if(this.turn===0) color = '#ff416c';
            else if(this.turn===1) color = '#36d1dc';
            else color = '#56ab2f';
            
            ind.style.color = color;
            sb.style.borderColor = color; 
            sb.style.boxShadow = `0 0 25px ${color}`; 
        },
        showToast: function(msg) { const t=document.createElement('div'); t.innerText=msg; Object.assign(t.style, {position:'absolute',top:'15%',left:'50%',transform:'translate(-50%,0)',background:'white',padding:'15px 30px',borderRadius:'30px',color:'black',zIndex:200,fontWeight:'bold', boxShadow:'0 5px 15px rgba(0,0,0,0.3)'}); document.body.appendChild(t); setTimeout(()=>t.remove(),2000); },
        toggleFullScreen: function() { if(!document.fullscreenElement) document.documentElement.requestFullscreen().catch(e=>console.log(e)); else if(document.exitFullscreen) document.exitFullscreen(); }
    };
</script>
</body>
</html>

Sorularla Ders

10. Sınıf Peygamberimizin Hayatı 2. Ünite Oyun Oyna -Tırmanış Ligi

Yorum Gönder

Abdurrahman Seyhan tarafından sevgiyle yapılmıştır

#buttons=(Tamam) #days=(30)

Contact form

Bize Katılın!

10. Sınıf Peygamberimizin Hayatı 2. Ünite Oyun Oyna -Tırmanış Ligi

Bunları da beğenebilirsin

Yorum Gönder

#buttons=(Tamam) #days=(30)

Contact form

Bize Katılın!

Abdurrahman Seyhan YouTube'da!