6.Sınıf Aralarında Asal Sayıları Bulma Oyunu

Aralarında Asal Dedektifi body { box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%); margin: 0; padding: 20px; min-height: 100vh; display: flex; justify-content: center; align-items: center; position: relative; overflow: visible; transition: all 0.3s ease; } body::before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.3) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 119, 198, 0.3) 0%, transparent 50%), radial-gradient(circle at 40% 40%, rgba(120, 219, 255, 0.2) 0%, transparent 50%); pointer-events: none; z-index: -1; } .game-container { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 30px; padding: 40px; box-shadow: 0 25px 50px rgba(0,0,0,0.1), 0 0 0 1px rgba(255,255,255,0.1) inset; text-align: center; max-width: 1000px; width: 100%; position: relative; } .title { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-size: 2.8rem; margin-bottom: 10px; text-shadow: 2px 2px 4px rgba(0,0,0,0.1); font-weight: 800; } .subtitle { color: #718096; font-size: 1.3rem; margin-bottom: 20px; } .info-box { background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%); border: 2px solid rgba(102, 126, 234, 0.3); border-radius: 20px; padding: 25px; margin-bottom: 25px; backdrop-filter: blur(10px); } .info-title { color: #667eea; font-size: 1.2rem; font-weight: bold; margin-bottom: 10px; } .info-text { color: #4a5568; font-size: 1rem; line-height: 1.5; } .level-indicator { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 12px 25px; border-radius: 25px; font-weight: bold; margin-bottom: 25px; display: inline-block; font-size: 1.1rem; } .timer-container { background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(15px); border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 20px; padding: 20px; margin-bottom: 25px; display: flex; justify-content: center; align-items: center; gap: 15px; box-shadow: 0 8px 25px rgba(0,0,0,0.1); } .timer-display { font-size: 2.5rem; font-weight: bold; color: #2d3748; min-width: 80px; text-align: center; } .timer-label { font-size: 1.2rem; color: #718096; font-weight: bold; } .timer-bar { width: 200px; height: 12px; background: rgba(0,0,0,0.1); border-radius: 6px; overflow: hidden; position: relative; } .timer-fill { height: 100%; background: linear-gradient(90deg, #48bb78 0%, #38a169 50%, #2f855a 100%); border-radius: 6px; transition: width 0.1s linear; box-shadow: 0 0 10px rgba(72, 187, 120, 0.5); } .timer-warning { background: linear-gradient(90deg, #f6ad55 0%, #ed8936 50%, #dd6b20 100%) !important; box-shadow: 0 0 10px rgba(246, 173, 85, 0.5) !important; } .timer-danger { background: linear-gradient(90deg, #f56565 0%, #e53e3e 50%, #c53030 100%) !important; box-shadow: 0 0 10px rgba(245, 101, 101, 0.5) !important; animation: pulse-danger 0.5s infinite alternate; } @keyframes pulse-danger { 0% { opacity: 1; } 100% { opacity: 0.7; } } .time-bonus { position: fixed; top: 30%; left: 50%; transform: translate(-50%, -50%); font-size: 3rem; font-weight: bold; color: #f6ad55; pointer-events: none; z-index: 1000; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); animation: bonus-popup 1.5s ease-out forwards; } @keyframes bonus-popup { 0% { transform: translate(-50%, -50%) scale(0); opacity: 0; } 50% { transform: translate(-50%, -50%) scale(1.2); opacity: 1; } 100% { transform: translate(-50%, -50%) scale(1) translateY(-50px); opacity: 0; } } .star { position: fixed; width: 20px; height: 20px; pointer-events: none; z-index: 1000; animation: star-rain 2s ease-out forwards; } .star::before { content: '★'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 20px; color: #ffd700; } .sad-face { position: fixed; width: 25px; height: 25px; pointer-events: none; z-index: 1000; animation: sad-rain 2s ease-out forwards; } .sad-face::before { content: '😢'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 22px; } @keyframes star-rain { 0% { transform: translate(var(--dx), var(--dy)) scale(1); opacity: 1; } 100% { transform: translate(var(--dx), var(--dy)) scale(0); opacity: 0; } } @keyframes sad-rain { 0% { transform: translate(var(--dx), var(--dy)) scale(1); opacity: 1; } 100% { transform: translate(var(--dx), var(--dy)) scale(0); opacity: 0; } } @keyframes big-x-popup { 0% { transform: translate(-50%, -50%) scale(0) rotate(0deg); opacity: 0; } 30% { transform: translate(-50%, -50%) scale(1.3) rotate(10deg); opacity: 1; } 60% { transform: translate(-50%, -50%) scale(1) rotate(-5deg); opacity: 1; } 100% { transform: translate(-50%, -50%) scale(0.8) rotate(0deg); opacity: 0; } } .score-board { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0; margin-bottom: 30px; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.3); padding: 25px 15px; border-radius: 20px; max-width: 600px; margin-left: auto; margin-right: auto; box-shadow: 0 8px 32px rgba(0,0,0,0.1); overflow: hidden; } .score-item { text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px 5px; min-width: 0; overflow: hidden; } .score-number { font-size: 2.5rem; font-weight: bold; color: #2d3748; line-height: 1; word-break: break-all; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; } .score-label { font-size: 1.1rem; color: #718096; margin-top: 5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .start-screen { background: rgba(255, 255, 255, 0.4); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); padding: 50px; border-radius: 25px; margin-bottom: 25px; max-width: 900px; margin-left: auto; margin-right: auto; box-shadow: 0 10px 40px rgba(0,0,0,0.1); text-align: center; } .start-btn { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 20px 40px; font-size: 1.4rem; border: none; border-radius: 15px; cursor: pointer; transition: all 0.3s ease; font-weight: bold; box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3); border: 1px solid rgba(255, 255, 255, 0.1); } .start-btn:hover { transform: translateY(-3px); box-shadow: 0 12px 35px rgba(102, 126, 234, 0.5); background: linear-gradient(135deg, #5a67d8 0%, #6b46c1 100%); } .start-btn:active { transform: translateY(-1px); transition: all 0.1s ease; } .question-area { background: rgba(255, 255, 255, 0.4); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); padding: 40px; border-radius: 25px; margin-bottom: 25px; max-width: 900px; margin-left: auto; margin-right: auto; box-shadow: 0 10px 40px rgba(0,0,0,0.1); } .numbers-display { display: flex; justify-content: center; align-items: center; gap: 5px; margin-bottom: 20px; flex-wrap: nowrap; } .number-box { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; font-size: 3rem; font-weight: bold; padding: 20px 25px; border-radius: 20px; min-width: 80px; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3), 0 0 0 1px rgba(255,255,255,0.2) inset; border: 1px solid rgba(255, 255, 255, 0.1); } .vs-text { font-size: 2rem; color: #4a5568; font-weight: bold; } .question { font-size: 1.4rem; color: #4a5568; margin-bottom: 25px; font-weight: bold; } .answer-buttons { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 15px; justify-content: center; margin-bottom: 25px; max-width: 600px; margin-left: auto; margin-right: auto; } .answer-btn { width: 80px; height: 80px; font-size: 1.8rem; font-weight: bold; border: none; border-radius: 50%; cursor: pointer; transition: all 0.3s ease; position: relative; overflow: hidden; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3); display: flex; align-items: center; justify-content: center; } .answer-btn:active { transform: scale(0.95); transition: all 0.1s ease; } .answer-btn::before { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: rgba(255, 255, 255, 0.3); border-radius: 50%; transform: translate(-50%, -50%); transition: width 0.6s, height 0.6s; } .answer-btn.clicked::before { width: 300px; height: 300px; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } @keyframes shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-5px); } 75% { transform: translateX(5px); } } .pulse-animation { animation: pulse 0.4s ease-in-out; } .shake-animation { animation: shake 0.4s ease-in-out; } .answer-btn:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(102, 126, 234, 0.5); background: linear-gradient(135deg, #5a67d8 0%, #6b46c1 100%); } .answer-btn.correct { background: linear-gradient(135deg, #48bb78 0%, #38a169 100%); box-shadow: 0 4px 15px rgba(72, 187, 120, 0.3); } .answer-btn.incorrect { background: linear-gradient(135deg, #f56565 0%, #e53e3e 100%); box-shadow: 0 4px 15px rgba(245, 101, 101, 0.3); } .feedback { font-size: 1.3rem; font-weight: bold; margin-bottom: 20px; min-height: 30px; } .correct { color: #38a169; } .incorrect { color: #e53e3e; } .explanation { background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(15px); border: 1px solid rgba(102, 126, 234, 0.2); padding: 25px; border-radius: 20px; margin-bottom: 25px; font-size: 1.1rem; color: #4a5568; min-height: 25px; line-height: 1.6; box-shadow: 0 8px 25px rgba(0,0,0,0.1); } .next-btn { background: #805ad5; color: white; padding: 15px 30px; font-size: 1.2rem; border: none; border-radius: 12px; cursor: pointer; transition: all 0.3s ease; font-weight: bold; } .next-btn:hover { background: #6b46c1; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(128, 90, 213, 0.4); } .gcd-display { background: #fef5e7; border: 2px solid #f6ad55; border-radius: 10px; padding: 15px; margin-top: 15px; font-size: 1.1rem; color: #c05621; } /* Mobile optimizations */ @media (max-width: 768px) { body { padding: 5px; min-height: 100vh; overflow-x: hidden; } .game-container { padding: 15px; margin: 0; border-radius: 15px; max-width: 100%; min-height: calc(100vh - 10px); box-sizing: border-box; } .title { font-size: 1.8rem; margin-bottom: 8px; line-height: 1.2; } .subtitle { font-size: 1rem; margin-bottom: 15px; line-height: 1.3; } .info-box { padding: 15px; margin-bottom: 15px; border-radius: 15px; } .info-title { font-size: 1rem; margin-bottom: 8px; } .info-text { font-size: 0.9rem; line-height: 1.4; } .level-indicator { font-size: 0.95rem; padding: 8px 16px; margin-bottom: 15px; border-radius: 20px; } .timer-container { flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 10px; padding: 12px; margin-bottom: 15px; border-radius: 15px; } .timer-display { font-size: 1.8rem; min-width: 60px; } .timer-label { font-size: 0.95rem; } .timer-bar { width: 100%; max-width: 250px; height: 8px; order: 3; flex-basis: 100%; } .score-board { padding: 15px; margin-bottom: 15px; gap: 5px; border-radius: 15px; } .score-item { padding: 8px 4px; } .score-number { font-size: 1.6rem; } .score-label { font-size: 0.85rem; } .question-area { padding: 20px; margin-bottom: 15px; border-radius: 20px; } .start-screen { padding: 25px; border-radius: 20px; } .start-btn { padding: 16px 32px; font-size: 1.1rem; border-radius: 12px; width: 100%; max-width: 280px; } .numbers-display { gap: 8px; margin-bottom: 15px; flex-wrap: wrap; justify-content: center; } .number-box { font-size: 2rem; padding: 12px 16px; min-width: 70px; border-radius: 15px; } .vs-text { font-size: 1.5rem; } .question { font-size: 1.1rem; margin-bottom: 20px; line-height: 1.4; } .answer-buttons { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; max-width: 100%; margin-bottom: 20px; } .answer-btn { width: 100%; height: 60px; font-size: 1.2rem; border-radius: 12px; min-height: 48px; min-width: 48px; aspect-ratio: 1; } .feedback { font-size: 1.1rem; margin-bottom: 12px; line-height: 1.3; } .explanation { padding: 15px; font-size: 0.95rem; margin-bottom: 15px; border-radius: 15px; line-height: 1.5; } .next-btn { padding: 12px 24px; font-size: 1rem; border-radius: 10px; } } @media (max-width: 480px) { body { padding: 2px; } .game-container { padding: 12px; margin: 0; border-radius: 12px; min-height: calc(100vh - 4px); } .title { font-size: 1.6rem; margin-bottom: 6px; } .subtitle { font-size: 0.9rem; margin-bottom: 12px; } .info-box { padding: 12px; margin-bottom: 12px; } .level-indicator { font-size: 0.9rem; padding: 6px 12px; margin-bottom: 12px; } .timer-container { padding: 10px; margin-bottom: 12px; gap: 8px; } .timer-display { font-size: 1.6rem; } .timer-bar { width: 100%; max-width: 200px; height: 6px; } .score-board { padding: 12px; margin-bottom: 12px; gap: 2px; } .score-item { padding: 6px 2px; } .score-number { font-size: 1.4rem; } .score-label { font-size: 0.8rem; } .question-area { padding: 15px; margin-bottom: 12px; } .start-screen { padding: 20px; } .start-btn { padding: 14px 28px; font-size: 1rem; width: 100%; } .number-box { font-size: 1.8rem; padding: 10px 12px; min-width: 60px; } .vs-text { font-size: 1.3rem; } .question { font-size: 1rem; margin-bottom: 15px; } .answer-buttons { grid-template-columns: repeat(5, 1fr); gap: 6px; } .answer-btn { height: 55px; font-size: 1.1rem; min-height: 44px; border-radius: 10px; } .feedback { font-size: 1rem; margin-bottom: 10px; } .explanation { padding: 12px; font-size: 0.9rem; margin-bottom: 12px; } } @media (max-width: 360px) { .game-container { padding: 10px; } .title { font-size: 1.4rem; } .subtitle { font-size: 0.85rem; } .answer-buttons { grid-template-columns: repeat(5, 1fr); gap: 4px; } .answer-btn { height: 50px; font-size: 1rem; border-radius: 8px; } .number-box { font-size: 1.6rem; padding: 8px 10px; min-width: 50px; } .score-number { font-size: 1.2rem; } .score-label { font-size: 0.75rem; } } /* Game Over Screen Styles */ .game-over-screen { background: rgba(255, 255, 255, 0.4); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); padding: 40px; border-radius: 25px; margin-bottom: 25px; max-width: 900px; margin-left: auto; margin-right: auto; box-shadow: 0 10px 40px rgba(0,0,0,0.1); text-align: center; animation: fadeIn 0.5s ease-out; } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .game-over-content h2 { margin-bottom: 30px; } .final-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 20px; margin-bottom: 40px; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.3); padding: 30px; border-radius: 20px; box-shadow: 0 8px 32px rgba(0,0,0,0.1); } .stat-item { text-align: center; padding: 15px; } .stat-number { font-size: 2.5rem; font-weight: bold; color: #2d3748; line-height: 1; margin-bottom: 8px; } .stat-label { font-size: 1rem; color: #718096; font-weight: 600; } .game-over-buttons { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; } .restart-btn, .new-game-btn { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 15px 30px; font-size: 1.2rem; border: none; border-radius: 15px; cursor: pointer; transition: all 0.3s ease; font-weight: bold; box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3); border: 1px solid rgba(255, 255, 255, 0.1); min-width: 150px; } .restart-btn:hover, .new-game-btn:hover { transform: translateY(-3px); box-shadow: 0 12px 35px rgba(102, 126, 234, 0.5); background: linear-gradient(135deg, #5a67d8 0%, #6b46c1 100%); } .restart-btn:active, .new-game-btn:active { transform: translateY(-1px); transition: all 0.1s ease; } .new-game-btn { background: linear-gradient(135deg, #48bb78 0%, #38a169 100%); box-shadow: 0 8px 25px rgba(72, 187, 120, 0.3); } .new-game-btn:hover { background: linear-gradient(135deg, #38a169 0%, #2f855a 100%); box-shadow: 0 12px 35px rgba(72, 187, 120, 0.5); } /* Touch improvements */ .answer-btn, .start-btn, .restart-btn, .new-game-btn, .next-btn { -webkit-tap-highlight-color: transparent; touch-action: manipulation; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; -webkit-user-drag: none; } .answer-btn:active { transform: scale(0.95); transition: transform 0.1s ease; } .start-btn:active, .restart-btn:active, .new-game-btn:active { transform: scale(0.98); transition: transform 0.1s ease; } /* Prevent zoom on double tap */ * { touch-action: manipulation; -webkit-touch-callout: none; -webkit-user-select: none; -webkit-user-drag: none; } /* Better mobile viewport */ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } /* Smooth scrolling for mobile */ body { -webkit-overflow-scrolling: touch; scroll-behavior: smooth; } /* Mobile keyboard handling */ @media (max-height: 500px) { .game-container { min-height: auto; padding: 8px; } .timer-container { padding: 8px; margin-bottom: 8px; } .score-board { padding: 10px; margin-bottom: 8px; } .question-area { padding: 12px; margin-bottom: 8px; } } /* Mobile optimizations for game over screen */ @media (max-width: 768px) { .game-over-screen { padding: 20px; margin-bottom: 15px; border-radius: 20px; } .game-over-content h2 { font-size: 2rem; margin-bottom: 20px; } .final-stats { grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 15px; margin-bottom: 25px; border-radius: 15px; } .stat-item { padding: 10px 5px; } .stat-number { font-size: 1.6rem; } .stat-label { font-size: 0.85rem; } .game-over-buttons { flex-direction: column; align-items: center; gap: 12px; } .restart-btn, .new-game-btn { width: 100%; max-width: 280px; padding: 14px 28px; font-size: 1.1rem; border-radius: 12px; } } @media (max-width: 480px) { .game-over-screen { padding: 15px; margin-bottom: 12px; } .game-over-content h2 { font-size: 1.8rem; margin-bottom: 15px; } .final-stats { grid-template-columns: repeat(2, 1fr); gap: 8px; padding: 12px; margin-bottom: 20px; } .stat-item { padding: 8px 4px; } .stat-number { font-size: 1.4rem; } .stat-label { font-size: 0.8rem; } .restart-btn, .new-game-btn { padding: 12px 24px; font-size: 1rem; max-width: 100%; } } @media (max-width: 360px) { .game-over-screen { padding: 12px; } .game-over-content h2 { font-size: 1.6rem; } .final-stats { grid-template-columns: 1fr; gap: 6px; padding: 10px; } .stat-number { font-size: 1.2rem; } .stat-label { font-size: 0.75rem; } } 🤝 Aralarında Asal Dedektifi İki sayının aralarında asal olup olmadığını bulabilir misin? 💡 Aralarında Asal Nedir? İki sayı aralarında asaldır eğer ortak bölenlerinin en büyüğü 1 ise. Örneğin: 7 ve 22 aralarında asaldır çünkü OBEB(7,22) = 1 Seviye 1 - Başlangıç Süre: 90 0 Doğru 0 Yanlış 0 Puan 🎮 Oyuna Hazır mısın? 90 saniye içinde mümkün olduğunca çok soruyu doğru cevaplayarak yüksek puan topla! Her doğru cevap +15 puan, her yanlış cevap -5 puan getirir. 🚀 Oyunu Başlat 15 Bu sayı ile aralarında asal olan sayıyı seç:

6.Sınıf Aralarında Asal Sayıları Bulma Oyunu

🤝 Aralarında Asal Dedektifi

🎮 Oyuna Hazır mısın?

Öğretmen

Bir yanıt yazın Yanıtı iptal et

5.Sınıf Temel Geometrik Kavramlar Kim Milyoner Olmak İster Yarışması

5.Sınıf Çarpma ve Bölme Problemleri Test Çöz

5.Sınıf Temel Geometrik Kavramlar Etkinliği

7.Sınıf Tam Sayılarda Toplama İşlemi Etkinliği-2

5.Sınıf Açılar Konu Kavrama Etkinliği

5.Sınıf Kare ve Dikdörtgenin Çevre ve Alanı Etkinlik ve Test Çöz

5.Sınıf Matematik

6.Sınıf Matematik

7.Sınıf Matematik

8.Sınıf Matematik

6.Sınıf Açıklık ve Aritmetik Ortalama Cevap Bulma Etkinliği

🤝 Aralarında Asal Dedektifi

🎮 Oyuna Hazır mısın?

Öğretmen

Eğlenceli Çarpım Tablosu Oyunu

5.Sınıf Açılar Konu Kavrama Etkinliği

İlgili Makaleler

6.Sınıf Kesirleri Ondalık Sayılara Çevirme Etkinliği Çöz

6.Sınıf Bölünebilme Kuralları Test Çöz