🎯 6.Sınıf Ortak Kat ve Ortak Bölen Bulma Oyunu

6.Sınıf Ortak Kat ve Ortak Bölen Bulma Oyunu body { box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); margin: 0; padding: 20px; min-height: 100vh; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 20px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); } .header { text-align: center; margin-bottom: 30px; } .title { color: #4a5568; font-size: 2.5rem; margin-bottom: 10px; text-shadow: 2px 2px 4px rgba(0,0,0,0.1); } .subtitle { color: #718096; font-size: 1.2rem; } .game-area { background: #f7fafc; border-radius: 15px; padding: 25px; margin-bottom: 20px; border: 3px solid #e2e8f0; } .question-section { text-align: center; margin-bottom: 25px; } .numbers { display: flex; justify-content: center; gap: 20px; margin: 20px 0; } .number-box { background: linear-gradient(45deg, #ff6b6b, #ffa500); color: white; padding: 20px; border-radius: 15px; font-size: 2rem; font-weight: bold; min-width: 80px; text-align: center; box-shadow: 0 5px 15px rgba(0,0,0,0.2); position: relative; } .number-box.active { background: linear-gradient(45deg, #4299e1, #3182ce); animation: pulse 1s infinite; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } .question-text { font-size: 1.4rem; color: #2d3748; margin: 20px 0; font-weight: bold; } .step-indicator { background: #e2e8f0; padding: 15px; border-radius: 10px; margin-bottom: 20px; text-align: center; font-weight: bold; color: #4a5568; } .step-indicator.active { background: #bee3f8; color: #2b6cb0; } .options { display: grid; grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); gap: 10px; margin: 20px 0; } .selected-divisors { background: #e6fffa; border: 2px solid #38b2ac; border-radius: 10px; padding: 15px; margin: 15px 0; text-align: center; } .selected-divisors h4 { margin: 0 0 10px 0; color: #234e52; } .divisor-list { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; } .divisor-item { background: #38b2ac; color: white; padding: 5px 10px; border-radius: 15px; font-size: 0.9rem; font-weight: bold; } .option-btn { background: #4299e1; color: white; border: none; padding: 15px 20px; border-radius: 10px; font-size: 1.2rem; font-weight: bold; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 10px rgba(0,0,0,0.1); } .option-btn:hover { background: #3182ce; transform: translateY(-2px); box-shadow: 0 6px 15px rgba(0,0,0,0.2); } .option-btn.correct { background: #48bb78; animation: correctPulse 0.8s ease; box-shadow: 0 0 20px rgba(72, 187, 120, 0.6); } .option-btn.wrong { background: #f56565; animation: wrongShake 0.6s ease; box-shadow: 0 0 15px rgba(245, 101, 101, 0.5); } @keyframes correctPulse { 0% { transform: scale(1); box-shadow: 0 0 0 rgba(72, 187, 120, 0.6); } 25% { transform: scale(1.1); box-shadow: 0 0 25px rgba(72, 187, 120, 0.8); } 50% { transform: scale(1.05); box-shadow: 0 0 30px rgba(72, 187, 120, 0.6); } 75% { transform: scale(1.08); box-shadow: 0 0 20px rgba(72, 187, 120, 0.4); } 100% { transform: scale(1); box-shadow: 0 0 10px rgba(72, 187, 120, 0.3); } } @keyframes wrongShake { 0%, 100% { transform: translateX(0) scale(1); } 10% { transform: translateX(-8px) scale(0.98); } 20% { transform: translateX(8px) scale(1.02); } 30% { transform: translateX(-6px) scale(0.99); } 40% { transform: translateX(6px) scale(1.01); } 50% { transform: translateX(-4px) scale(0.98); } 60% { transform: translateX(4px) scale(1.02); } 70% { transform: translateX(-2px) scale(0.99); } 80% { transform: translateX(2px) scale(1.01); } 90% { transform: translateX(-1px) scale(1); } } .score-section { display: flex; justify-content: space-between; align-items: center; background: #edf2f7; padding: 15px 25px; border-radius: 10px; margin-bottom: 20px; } .score { font-size: 1.3rem; font-weight: bold; color: #2d3748; } .new-question-btn { background: #38a169; color: white; border: none; padding: 12px 25px; border-radius: 8px; font-size: 1.1rem; font-weight: bold; cursor: pointer; transition: all 0.3s ease; } .new-question-btn:hover { background: #2f855a; transform: scale(1.05); } .feedback { text-align: center; margin: 20px 0; font-size: 1.2rem; font-weight: bold; min-height: 30px; } .explanation { background: #e6fffa; border: 2px solid #38b2ac; border-radius: 10px; padding: 15px; margin: 15px 0; font-size: 1rem; color: #234e52; display: none; } .mode-selection { text-align: center; margin-bottom: 20px; } .mode-buttons { display: flex; justify-content: center; gap: 15px; background: #f7fafc; padding: 10px; border-radius: 15px; border: 2px solid #e2e8f0; } .mode-btn { background: #e2e8f0; color: #4a5568; border: none; padding: 12px 25px; border-radius: 10px; font-size: 1.1rem; font-weight: bold; cursor: pointer; transition: all 0.3s ease; } .mode-btn:hover { background: #cbd5e0; transform: translateY(-2px); } .mode-btn.active { background: linear-gradient(45deg, #667eea, #764ba2); color: white; box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3); } .celebration { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1000; } .confetti { position: absolute; width: 10px; height: 10px; background: #ff6b6b; animation: confetti-fall 3s linear forwards; } .confetti:nth-child(2n) { background: #4ecdc4; } .confetti:nth-child(3n) { background: #45b7d1; } .confetti:nth-child(4n) { background: #f9ca24; } .confetti:nth-child(5n) { background: #6c5ce7; } .confetti:nth-child(6n) { background: #a29bfe; } @keyframes confetti-fall { 0% { transform: translateY(-100vh) rotate(0deg); opacity: 1; } 100% { transform: translateY(100vh) rotate(720deg); opacity: 0; } } .celebration-text { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 4rem; font-weight: bold; color: #ff6b6b; text-shadow: 3px 3px 6px rgba(0,0,0,0.3); animation: celebration-bounce 2s ease-out forwards; pointer-events: none; z-index: 1001; } @keyframes celebration-bounce { 0% { transform: translate(-50%, -50%) scale(0); opacity: 0; } 50% { transform: translate(-50%, -50%) scale(1.2); opacity: 1; } 70% { transform: translate(-50%, -50%) scale(0.9); } 100% { transform: translate(-50%, -50%) scale(1); opacity: 0; } } @media (max-width: 768px) { .container { padding: 20px; } .title { font-size: 2rem; } .options { grid-template-columns: repeat(2, 1fr); } .celebration-text { font-size: 2.5rem; } } 🎯 6.Sınıf Ortak Kat ve Ortak Bölen Bulma Oyunu Matematik öğrenmenin eğlenceli yolu! 🔢 Ortak Bölen ✖️ Ortak Kat 🏆 Puan: 0 📊 Soru: 1 🔄 Yeni Soru Adım 1: İlk sayının bölenlerini seç 12 18 12 sayısının bölenlerini seç: 12 sayısının bölenleri: 18 sayısının bölenleri: 🎯 Ortak Bölenler: 6.Sınıf Ortak Kat ve Ortak Bölen Bulma OyunuBu eğlenceli matematik oyunu ile 6. sınıf öğrencileri ortak bölen ve ortak kat kavramlarını kolayca öğrenebilir!🎯 Özellikler:İki farklı oyun modu: Ortak Bölen ve Ortak KatAdım adım öğrenme sistemiGörsel geri bildirimler ve ses efektleriHer doğru cevaptan sonra renkli konfeti kutlamasıPuan sistemi ile motivasyonMobil uyumlu tasarım🎮 Nasıl Oynanır:Oyun modunu seç (Ortak Bölen veya Ortak Kat)İlk sayının bölenlerini/katlarını bulİkinci sayının bölenlerini/katlarını bulOrtak olanları keşfet ve puan kazan!Matematik öğrenmenin bu kadar eğlenceli olabileceğini kim bilebilirdi? Hemen oynamaya başla ve matematik becerilerini geliştir! 🚀

🎯 6.Sınıf Ortak Kat ve Ortak Bölen Bulma Oyunu

🎯 6.Sınıf Ortak Kat ve Ortak Bölen Bulma Oyunu

12 sayısının bölenleri:

18 sayısının bölenleri:

🎯 Ortak Bölenler:

Öğ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