window.WMW_Game = (function() { // Klucz do zapisu w przeglądarce const STORAGE_KEY = 'wmw_math_game_data_v1'; let state = { score: 0, decorationsCount: 0, placedDecorations: [], // lista {symbol, top, left} mode: null, solution: 0, visualAid: false }; const getEl = (id) => document.getElementById(id); function loadState() { const saved = localStorage.getItem(STORAGE_KEY); if (saved) { try { const parsed = JSON.parse(saved); state.score = parsed.score || 0; state.decorationsCount = parsed.decorationsCount || 0; state.placedDecorations = parsed.placedDecorations || []; } catch(e) { console.error('Błąd odczytu zapisu', e); } } } function saveState() { localStorage.setItem(STORAGE_KEY, JSON.stringify({ score: state.score, decorationsCount: state.decorationsCount, placedDecorations: state.placedDecorations })); } function init() { if(!getEl('wmw-root')) return; createSnow(); loadState(); // Wczytaj dane przy starcie renderTreeDecorations(); // Narysuj zapisane bombki updateUI(); } function createSnow() { const container = getEl('wmw-snow-layer'); if(!container) return; container.innerHTML = ''; for(let i=0; i<15; i++) { let f = document.createElement('div'); f.className = 'wmw-snowflake'; f.innerText = '❄'; f.style.left = Math.random() * 100 + '%'; f.style.animationDuration = (Math.random() * 3 + 6) + 's'; f.style.animationDelay = (Math.random() * 5) + 's'; container.appendChild(f); } } function start(mode) { state.mode = mode; getEl('wmw-menu').classList.add('wmw-hidden'); getEl('wmw-gameplay').classList.remove('wmw-hidden'); generateProblem(); } function showMenu() { getEl('wmw-gameplay').classList.add('wmw-hidden'); getEl('wmw-menu').classList.remove('wmw-hidden'); updateUI(); } function generateProblem() { const eqDiv = getEl('wmw-equation'); const fbDiv = getEl('wmw-feedback'); const dotsDiv = getEl('wmw-dots'); eqDiv.innerHTML = ''; fbDiv.innerText = ''; dotsDiv.innerHTML = ''; fbDiv.style.color = '#333'; let html = ''; let dotsTarget = 0; if (state.mode === 'missing') { // 45 + ? = 74 (uproszczone pod zdjęcie) // lub 45 + 7 + ? = 74 let type = Math.random() > 0.5 ? 'add3' : 'sub'; if (type === 'add3') { let a = Math.floor(Math.random() * 40) + 10; let b = Math.floor(Math.random() * 9) + 1; let x = Math.floor(Math.random() * 20) + 1; let target = a + b + x; state.solution = x; dotsTarget = x; html = `${a} + ${b} + = ${target}`; } else { // 75 - [] = 34 let target = Math.floor(Math.random() * 40) + 10; let x = Math.floor(Math.random() * 30) + 5; let a = target + x; state.solution = x; dotsTarget = a; html = `${a} - = ${target}`; } } else { // Bałwanek (proste dodawanie) let isAdd = Math.random() > 0.5; let a = Math.floor(Math.random() * 50) + 10; let b = Math.floor(Math.random() * 40) + 5; if(isAdd) { state.solution = a + b; dotsTarget = b; html = `${a} + ${b} = `; } else { let res = a; let start = a + b; state.solution = b; // Znajdź odjemnik dla odmiany lub wynik? Niech bedzie wynik state.solution = a; dotsTarget = b; html = `${start} - ${b} = `; } } eqDiv.innerHTML = html; if(state.visualAid) drawDots(dotsTarget); setTimeout(() => { const inp = getEl('wmw-inp'); if(inp) { inp.focus(); inp.onkeypress = (e) => { if(e.key === 'Enter') check(); }; } }, 100); } function check() { const inp = getEl('wmw-inp'); const fb = getEl('wmw-feedback'); if(!inp) return; let val = parseInt(inp.value); if(isNaN(val)) return; if(val === state.solution) { fb.innerText = "Super! +1 Ozdoba 🎄"; fb.style.color = "green"; state.score += 10; state.decorationsCount++; saveState(); // Zapisz po sukcesie updateUI(); setTimeout(generateProblem, 1500); } else { fb.innerText = "Prawie... spróbuj jeszcze raz."; fb.style.color = "orange"; inp.value = ''; inp.focus(); } } function toggleHelp() { state.visualAid = !state.visualAid; // Odśwież widok (reset problemu to najprostszy sposób na przerysowanie kropek) generateProblem(); } function drawDots(n) { const c = getEl('wmw-dots'); if(!c) return; if(n>60) n=60; // limit let s = ''; for(let i=0; i`; c.innerHTML = s + '
(Pomoc wizualna)'; } // --- LOGIKA CHOINKI --- const symbols = ['🔴', '🔵', '⭐', '🎁', '🍬']; function updateUI() { if(getEl('wmw-score')) getEl('wmw-score').innerText = state.score; if(getEl('wmw-decor-count')) getEl('wmw-decor-count').innerText = state.decorationsCount; const p = getEl('wmw-palette'); p.innerHTML = ''; if(state.decorationsCount > 0) { symbols.forEach(s => { let btn = document.createElement('button'); btn.innerText = s; btn.type = 'button'; btn.style.fontSize = '1.5rem'; btn.style.border='none'; btn.style.background='none'; btn.style.cursor='pointer'; btn.onclick = () => addDecorToTree(s); p.appendChild(btn); }); } else { p.innerHTML = 'Rozwiąż zadanie, aby zdobyć ozdoby.'; } } function addDecorToTree(sym) { if(state.decorationsCount <= 0) return; // Oblicz pozycję // Choinka obszar: Y od ok 20 do 180. let y = Math.floor(Math.random() * 130) + 30; // 30-160px od góry // Szerokość w danym punkcie Y (trójkąt) // Na górze (y=20) szer 0. Na dole (y=180) szer ok 120. let maxW = (y / 180) * 110; let x = (Math.random() * maxW) - (maxW/2); // Zapisz do stanu state.placedDecorations.push({ s: sym, t: y, l: x }); state.decorationsCount--; saveState(); // Zapisz zmiany renderTreeDecorations(); updateUI(); } function renderTreeDecorations() { const tree = getEl('wmw-tree-canvas'); // Usuń stare ozdoby (ale nie warstwy choinki!) // Znajdź wszystko co ma klasę wmw-decoration-item const existing = tree.querySelectorAll('.wmw-decoration-item'); existing.forEach(e => e.remove()); // Dodaj ze stanu state.placedDecorations.forEach(d => { let el = document.createElement('div'); el.className = 'wmw-decoration-item'; el.innerText = d.s; el.style.top = d.t + 'px'; el.style.left = `calc(50% + ${d.l}px)`; tree.appendChild(el); }); } function resetProgress() { if(confirm("Czy na pewno chcesz usunąć wszystkie ozdoby i zacząć od zera?")) { state.score = 0; state.decorationsCount = 0; state.placedDecorations = []; saveState(); renderTreeDecorations(); updateUI(); } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } return { start, showMenu, check, toggleHelp, addDecorToTree, resetProgress }; })();

klasa 3 –

Gra Matematyczna (z pamięcią)

Zimowa Kraina