6.Sınıf Asal Çarpan Ağacı Etkinliği

Bu Asal Çarpan Ağacı Oyunu Matematik öğrenmeyi eğlenceli hale getiren interaktif bir oyun! Nasıl Oynanır:Ekranda bir sayı görüyorsun (örn: 12)Bu sayının iki çarpanını bulup yazıyorsun (örn: 3 × 4 = 12)Doğru cevap verince ağaçta yeni dallar çıkıyorTüm sayılar asal olana kadar devam ediyorsunEğitici Faydalar:Asal sayıları öğrenmeÇarpan kavramını anlamaÇarpan ağacını görselleştirmeProblem çözme becerisi geliştirmeOyun her seviyede farklı sayılar veriyor ve aynı sayıyı tekrar göstermiyor. Tüm sayıları asal çarpanlarına ayırdığında bir sonraki seviyeye geçiyorsun! Asal Çarpan Ağacı Oyunu * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; display: flex; justify-content: center; align-items: center; padding: 20px; box-sizing: border-box; } .game-container { background: white; border-radius: 20px; padding: 40px; box-shadow: 0 20px 40px rgba(0,0,0,0.1); max-width: 800px; width: 100%; text-align: center; position: relative; } h1 { color: #333; margin-bottom: 30px; font-size: 2.5rem; text-shadow: 2px 2px 4px rgba(0,0,0,0.1); } .game-info { display: flex; justify-content: center; align-items: center; margin-bottom: 30px; background: #f8f9fa; padding: 15px 20px; border-radius: 15px; flex-wrap: wrap; gap: 30px; } .info-item { text-align: center; flex: none; min-width: 80px; } .info-label { font-size: 0.8rem; color: #666; margin-bottom: 3px; } .info-value { font-size: 1.2rem; font-weight: bold; color: #333; } .current-number { font-size: 4rem; font-weight: bold; color: #667eea; margin: 30px 0; background: #f8f9fa; padding: 30px; border-radius: 20px; border: 3px solid #667eea; } .tree-container { background: #f8f9fa; border-radius: 15px; padding: 30px; margin: 30px 0; min-height: 200px; border: 2px dashed #ddd; } .tree-level { margin: 5px 0; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 20px; } .tree-node { background: #667eea; color: white; padding: 15px 25px; border-radius: 50px; font-size: 1.5rem; font-weight: bold; box-shadow: 0 4px 8px rgba(0,0,0,0.2); position: relative; } .tree-node.prime { background: #28a745; } .tree-connection { display: flex; justify-content: center; align-items: center; height: 60px; position: relative; } .diagonal-line { width: 2px; height: 60px; background: #666; position: absolute; transform-origin: top center; } .diagonal-line.left { transform: rotate(45deg); left: calc(50% - 30px); } .diagonal-line.right { transform: rotate(-45deg); right: calc(50% - 30px); } .diagonal-line.vertical { transform: rotate(0deg); left: 50%; transform: translateX(-50%); } .tree-branches { display: flex; justify-content: center; align-items: center; margin: 0; height: 40px; position: relative; } .branch-line { width: 80px; height: 2px; background: #666; margin: 0 10px; } .branch-connector { width: 2px; height: 40px; background: #666; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); } .input-section { margin: 20px 0; } .factor-inputs { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; } .factor-input { font-size: 1rem; padding: 6px 8px; border: 2px solid #ddd; border-radius: 8px; width: 60px; text-align: center; transition: all 0.3s ease; } .factor-input:focus { outline: none; border-color: #667eea; box-shadow: 0 0 10px rgba(102, 126, 234, 0.3); } .multiply-sign { font-size: 1.2rem; font-weight: bold; color: #333; margin: 0 3px; } .submit-btn { font-size: 1.2rem; padding: 15px 30px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border: none; border-radius: 15px; cursor: pointer; margin: 20px 10px; transition: transform 0.2s; } .submit-btn:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0,0,0,0.2); } .submit-btn:disabled { background: #ccc; cursor: not-allowed; transform: none; } .new-game-btn { background: linear-gradient(135deg, #28a745 0%, #20c997 100%); } .message { margin: 20px 0; padding: 15px; border-radius: 10px; font-size: 1.1rem; font-weight: bold; } .message.correct { background: #d4edda; color: #155724; border: 2px solid #c3e6cb; } .message.incorrect { background: #f8d7da; color: #721c24; border: 2px solid #f5c6cb; } .message.info { background: #d1ecf1; color: #0c5460; border: 2px solid #bee5eb; } .hint { background: #fff3cd; color: #856404; padding: 15px; border-radius: 10px; margin: 20px 0; border: 2px solid #ffeaa7; } /* Visual Effects */ @keyframes buttonPress { 0% { transform: scale(1); box-shadow: 0 5px 15px rgba(0,0,0,0.2); } 25% { transform: scale(0.95); box-shadow: 0 0 20px rgba(102, 126, 234, 0.8), 0 0 40px rgba(102, 126, 234, 0.4); } 50% { transform: scale(0.95); box-shadow: 0 0 30px rgba(255, 255, 255, 0.9), 0 0 60px rgba(102, 126, 234, 0.6); } 75% { transform: scale(1.02); box-shadow: 0 0 15px rgba(102, 126, 234, 0.5); } 100% { transform: scale(1); box-shadow: 0 5px 15px rgba(0,0,0,0.2); } } @keyframes inputGlow { 0% { box-shadow: 0 0 5px rgba(102, 126, 234, 0.3); } 50% { box-shadow: 0 0 20px rgba(102, 126, 234, 0.6); } 100% { box-shadow: 0 0 5px rgba(102, 126, 234, 0.3); } } @keyframes keyPressFlash { 0% { background: rgba(102, 126, 234, 0.1); } 50% { background: rgba(255, 255, 255, 0.8); box-shadow: 0 0 30px rgba(102, 126, 234, 0.8); } 100% { background: rgba(102, 126, 234, 0.1); } } @keyframes correctPulse { 0% { transform: scale(1); background: #28a745; } 50% { transform: scale(1.1); background: #20c997; } 100% { transform: scale(1); background: #28a745; } } @keyframes incorrectShake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-10px); } 75% { transform: translateX(10px); } } @keyframes sparkle { 0% { opacity: 0; transform: scale(0) rotate(0deg); } 50% { opacity: 1; transform: scale(1) rotate(180deg); } 100% { opacity: 0; transform: scale(0) rotate(360deg); } } @keyframes numberPop { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } @keyframes musicNote { 0% { transform: translateY(0) scale(0) rotate(0deg); opacity: 0; } 30% { transform: translateY(-15px) scale(1) rotate(5deg); opacity: 1; } 100% { transform: translateY(-40px) scale(0) rotate(15deg); opacity: 0; } } @keyframes starTwinkle { 0% { transform: scale(0) rotate(0deg); opacity: 0; } 50% { transform: scale(1.2) rotate(90deg); opacity: 1; } 100% { transform: scale(0) rotate(180deg); opacity: 0; } } @keyframes soundEffect { 0% { transform: scale(0) rotate(-10deg); opacity: 0; } 20% { transform: scale(1.2) rotate(5deg); opacity: 1; } 40% { transform: scale(0.9) rotate(-3deg); opacity: 1; } 60% { transform: scale(1.1) rotate(2deg); opacity: 1; } 80% { transform: scale(0.95) rotate(-1deg); opacity: 1; } 100% { transform: scale(0) rotate(0deg); opacity: 0; } } @keyframes soundWave { 0% { transform: scale(0); opacity: 1; } 50% { transform: scale(1.5); opacity: 0.7; } 100% { transform: scale(3); opacity: 0; } } .button-pressed { animation: buttonPress 0.3s ease-in-out; } .input-active { animation: inputGlow 0.3s ease-in-out; } .key-press-flash { animation: keyPressFlash 0.2s ease-in-out; } .correct-feedback { animation: correctPulse 0.6s ease-in-out; } .incorrect-feedback { animation: incorrectShake 0.5s ease-in-out; } .number-pop { animation: numberPop 0.4s ease-in-out; } .sparkle-effect { position: absolute; width: 20px; height: 20px; background: linear-gradient(45deg, #ffd700, #ffed4e); border-radius: 50%; pointer-events: none; animation: sparkle 1s ease-out forwards; } .success-glow { box-shadow: 0 0 30px rgba(40, 167, 69, 0.6); animation: correctPulse 1s ease-in-out; } .music-note { position: absolute; font-size: 2rem; pointer-events: none; animation: musicNote 2s ease-out forwards; z-index: 1000; } .dancing-emoji { position: absolute; font-size: 3rem; pointer-events: none; animation: dancingEmoji 3s ease-in-out infinite; z-index: 1000; } .star-twinkle { position: absolute; font-size: 1.5rem; pointer-events: none; animation: starTwinkle 2.5s ease-out forwards; z-index: 1000; } .clapping-hands { position: absolute; font-size: 2.5rem; pointer-events: none; animation: clapping 0.5s ease-in-out infinite; z-index: 1000; } .rainbow-flash { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #9400d3); background-size: 400% 400%; animation: rainbow 0.5s ease-in-out; opacity: 0.3; pointer-events: none; z-index: 999; } .sound-effect { position: absolute; font-size: 3rem; font-weight: bold; pointer-events: none; animation: soundEffect 1s ease-out forwards; z-index: 1000; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); } .sound-wave { position: absolute; width: 60px; height: 60px; border: 3px solid; border-radius: 50%; pointer-events: none; animation: soundWave 0.8s ease-out forwards; z-index: 999; } /* Responsive Design */ @media (max-width: 768px) { body { padding: 10px; } .game-container { padding: 20px 15px; border-radius: 15px; max-width: 100%; } h1 { font-size: 1.8rem; margin-bottom: 20px; } .game-info { flex-direction: column; gap: 15px; padding: 15px; margin-bottom: 20px; } .info-item { min-width: auto; } .info-label { font-size: 0.8rem; } .info-value { font-size: 1.3rem; } .current-number { font-size: 2.5rem; padding: 20px 15px; margin: 20px 0; } .input-section { margin: 20px 0; } .factor-inputs { flex-direction: row; gap: 10px; } .factor-input { width: 100px; font-size: 1.3rem; padding: 12px 15px; border-radius: 12px; } .multiply-sign { font-size: 1.5rem; } .submit-btn { font-size: 1rem; padding: 12px 25px; margin: 15px 5px; border-radius: 12px; width: auto; min-width: 140px; } .tree-container { padding: 20px 15px; margin: 20px 0; min-height: 150px; } .tree-node { padding: 10px 20px; font-size: 1.2rem; margin: 5px; } .tree-level { gap: 15px; margin: 8px 0; } .tree-connection { height: 40px; } .diagonal-line { height: 40px; } .diagonal-line.left { left: calc(50% - 20px); } .diagonal-line.right { right: calc(50% - 20px); } .message { font-size: 1rem; padding: 12px; margin: 15px 0; } } @media (max-width: 480px) { .game-container { padding: 15px 10px; } h1 { font-size: 1.6rem; } .current-number { font-size: 2.2rem; padding: 15px 10px; } .factor-input { width: 90px; font-size: 1.2rem; padding: 10px 12px; } .submit-btn { font-size: 0.9rem; padding: 10px 20px; margin: 10px 3px; min-width: 120px; } .tree-node { padding: 8px 15px; font-size: 1.1rem; } .game-info { padding: 12px; } .info-value { font-size: 1.2rem; } } @media (min-width: 769px) { .game-container { max-width: 90vw; padding: 35px; } h1 { font-size: 2.3rem; margin-bottom: 25px; } .current-number { font-size: 3.5rem; padding: 25px; margin: 25px 0; } .factor-input { width: 140px; font-size: 1.4rem; padding: 15px 20px; } .multiply-sign { font-size: 1.8rem; } .submit-btn { font-size: 1.1rem; padding: 15px 30px; margin: 20px 12px; } .tree-container { padding: 30px; margin: 25px 0; min-height: 200px; } .tree-node { padding: 15px 25px; font-size: 1.4rem; } .tree-level { gap: 20px; margin: 8px 0; } .game-info { padding: 20px; margin-bottom: 25px; } .info-value { font-size: 1.4rem; } .message { font-size: 1.1rem; padding: 15px; margin: 20px 0; } } /* Touch-friendly improvements */ @media (hover: none) and (pointer: coarse) { .submit-btn { min-height: 48px; touch-action: manipulation; } .factor-input { min-height: 48px; touch-action: manipulation; } .submit-btn:hover { transform: none; } .submit-btn:active { transform: scale(0.95); } } 🌳 Asal Çarpan Ağacı Seviye 1 Doğru Cevap 0 Skor 0 4 × Çarpanları Gönder Yeni Sayı 4

6.Sınıf Asal Çarpan Ağacı Etkinliği

🌳 Asal Çarpan Ağacı

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

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

4.Sınıf Doğal Sayıların Okunuşu Basamak ve Sayı Değerleri Etkinliği

5.Sınıf Eşitliğin Korunumu Sürükle Bırak Etkinliği

Etkin Matematik

5.Sınıf Matematik

🌳 Asal Çarpan Ağacı

Öğretmen

7.Sınıf Tam Sayılarda Çıkarma İşlemi Etkinliği

7.Sınıf Üslü İfadeler Test Çöz

İlgili Makaleler

6.Sınıf Ondalık Sayılarda Toplama Çıkarma İşlemi Test Çöz

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

6.Sınıf Çarpanlar ve Katlar Yazılı Hazırlık Soruları

6.Sınıf Matematik 1.Dönem 1.Yazılı Çalışma Soruları Çöz