🎨 Coloring Studio 45+ PICTURES · KIDS SAFE

🏠 Home

🖼️ Pictures

100%

🎨 Colors

🌄 Gradient palettes

📏 Size

Tiny

Small

Medium

Big

⚙️ Actions

🎯 Challenge: color something!

⭐⭐⭐⭐⭐⭐

Earn stars by finishing challenges!

Ready to color! 🖌️ Pick a picture and a color. 🔊 Sounds ON

My Coloring Art 🎨

Made on sblgame.com/coloring

'); w.document.close(); } function saveToGallery() { try { let gal = []; try { gal = JSON.parse(localStorage.getItem('coloring-gallery') || '[]'); } catch (e) {} gal.unshift({ img: cv.toDataURL('image/png'), t: Date.now() }); if (gal.length > 24) gal = gal.slice(0, 24); localStorage.setItem('coloring-gallery', JSON.stringify(gal)); renderGallery(); toast('🖼️ Saved to your gallery!'); beep(600,.08); beep(800,.08); } catch (e) { toast('⚠️ Gallery is full — download your art instead!'); } } function renderGallery() { let gal = []; try { gal = JSON.parse(localStorage.getItem('coloring-gallery') || '[]'); } catch (e) {} const sec = document.getElementById('gallery'); const row = document.getElementById('galRow'); if (!gal.length) { sec.style.display = 'none'; return; } sec.style.display = 'block'; row.innerHTML = gal.map((g, i) => '

⬇️ Save

').join(''); } function deleteArt(i) { let gal = []; try { gal = JSON.parse(localStorage.getItem('coloring-gallery') || '[]'); } catch (e) {} gal.splice(i, 1); localStorage.setItem('coloring-gallery', JSON.stringify(gal)); renderGallery(); toast('🗑️ Removed from gallery'); } function clearArt() { history = []; redoStack = []; drawTemplate(currentTpl); toast('🗑️ Fresh page ready!'); beep(440,.08); } // ── TOAST ── let toastEl = null; function toast(msg) { if (!toastEl) { toastEl = document.createElement('div'); toastEl.style.cssText = 'position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#4c1d95;color:#fff;padding:12px 26px;border-radius:30px;font-weight:800;box-shadow:0 10px 30px rgba(0,0,0,.3);z-index:99;transition:opacity .4s;'; document.body.appendChild(toastEl); } toastEl.textContent = msg; toastEl.style.opacity = 1; clearTimeout(toastEl._t); toastEl._t = setTimeout(() => toastEl.style.opacity = 0, 2000); } // ── INIT ── buildCats(); buildTemplates(); buildPal(); buildGrads(); drawTemplate(0); renderGallery(); loadStars(); renderStars(); document.getElementById('chalTxt').textContent = '🎯 ' + CHALLENGES[0].t;