{"id":486487,"date":"2026-01-17T00:47:31","date_gmt":"2026-01-16T23:47:31","guid":{"rendered":"https:\/\/www.dynseo.com\/online-numbered-coloring-game\/"},"modified":"2026-03-10T23:48:15","modified_gmt":"2026-03-10T22:48:15","slug":"online-numbered-coloring-game","status":"publish","type":"page","link":"https:\/\/www.dynseo.com\/en\/online-numbered-coloring-game\/","title":{"rendered":"Online Numbered Coloring Game"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; theme_builder_area=&#8221;post_content&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221;][et_pb_row _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; theme_builder_area=&#8221;post_content&#8221; width=&#8221;100%&#8221; max_width=&#8221;1365px&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;][et_pb_column _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; type=&#8221;4_4&#8243; theme_builder_area=&#8221;post_content&#8221;][et_pb_code _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; theme_builder_area=&#8221;post_content&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;]<!DOCTYPE html><!-- [et_pb_line_break_holder] --><html lang=\"en\"><!-- [et_pb_line_break_holder] --><head><!-- [et_pb_line_break_holder] -->    <meta charset=\"UTF-8\"><!-- [et_pb_line_break_holder] -->    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><!-- [et_pb_line_break_holder] -->    <title>Free Numbered Coloring | DYNSEO<\/title><!-- [et_pb_line_break_holder] -->    <meta name=\"description\" content=\"Free online numbered coloring. Relax by coloring drawings with numbers. Relaxing and stimulating for all ages.\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<style><!-- [et_pb_line_break_holder] -->        * { margin: 0; padding: 0; box-sizing: border-box; }<!-- [et_pb_line_break_holder] -->        body { font-family: 'Segoe UI', sans-serif; background: #f8f9fa; color: #333; }<!-- [et_pb_line_break_holder] -->        .container { max-width: 800px; margin: 0 auto; padding: 15px; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .article-header { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 25px 15px; text-align: center; border-radius: 0 0 20px 20px; margin-bottom: 20px; }<!-- [et_pb_line_break_holder] -->        .article-category { display: inline-block; background: rgba(255,255,255,0.2); padding: 5px 15px; border-radius: 15px; font-size: 0.8rem; margin-bottom: 8px; }<!-- [et_pb_line_break_holder] -->        .article-header h1 { font-size: 1.6rem; margin-bottom: 5px; }<!-- [et_pb_line_break_holder] -->        .article-header .subtitle { font-size: 0.9rem; opacity: 0.9; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .game-container { background: white; border-radius: 15px; padding: 20px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); margin-bottom: 20px; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* Image selector *\/<!-- [et_pb_line_break_holder] -->        .image-selector { display: flex; gap: 10px; overflow-x: auto; padding-bottom: 10px; margin-bottom: 20px; }<!-- [et_pb_line_break_holder] -->        .image-thumb { width: 60px; height: 60px; border: 3px solid #e0e0e0; border-radius: 10px; cursor: pointer; transition: all 0.3s; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; background: #f8f9fa; }<!-- [et_pb_line_break_holder] -->        .image-thumb:hover { border-color: #667eea; }<!-- [et_pb_line_break_holder] -->        .image-thumb.active { border-color: #667eea; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* Progress *\/<!-- [et_pb_line_break_holder] -->        .progress-bar { height: 8px; background: #e0e0e0; border-radius: 4px; margin-bottom: 15px; overflow: hidden; }<!-- [et_pb_line_break_holder] -->        .progress-fill { height: 100%; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); transition: width 0.3s; border-radius: 4px; }<!-- [et_pb_line_break_holder] -->        .progress-text { text-align: center; font-size: 0.85rem; color: #666; margin-bottom: 15px; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* Canvas area *\/<!-- [et_pb_line_break_holder] -->        .canvas-wrapper { display: flex; justify-content: center; margin-bottom: 20px; background: #f0f0f0; border-radius: 10px; padding: 10px; overflow: hidden; }<!-- [et_pb_line_break_holder] -->        .canvas-container { position: relative; touch-action: none; }<!-- [et_pb_line_break_holder] -->        #coloring-canvas { border-radius: 5px; background: white; max-width: 100%; height: auto; cursor: crosshair; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* Color palette *\/<!-- [et_pb_line_break_holder] -->        .palette-section { margin-bottom: 20px; }<!-- [et_pb_line_break_holder] -->        .palette-title { font-size: 0.9rem; color: #667eea; margin-bottom: 10px; font-weight: 600; }<!-- [et_pb_line_break_holder] -->        .color-palette { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }<!-- [et_pb_line_break_holder] -->        .color-btn { width: 45px; height: 45px; border-radius: 10px; cursor: pointer; border: 3px solid transparent; transition: all 0.2s; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 700; color: white; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); position: relative; }<!-- [et_pb_line_break_holder] -->        .color-btn:hover { transform: scale(1.1); }<!-- [et_pb_line_break_holder] -->        .color-btn.active { border-color: #333; transform: scale(1.15); box-shadow: 0 4px 15px rgba(0,0,0,0.3); }<!-- [et_pb_line_break_holder] -->        .color-btn .count { position: absolute; top: -5px; right: -5px; background: #333; color: white; font-size: 0.6rem; padding: 2px 5px; border-radius: 10px; }<!-- [et_pb_line_break_holder] -->        .color-btn.completed { opacity: 0.5; }<!-- [et_pb_line_break_holder] -->        .color-btn.completed::after { content: '\u2713'; position: absolute; font-size: 1.2rem; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* Controls *\/<!-- [et_pb_line_break_holder] -->        .game-controls { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }<!-- [et_pb_line_break_holder] -->        .control-btn { padding: 10px 18px; border: none; border-radius: 10px; font-size: 0.85rem; font-weight: 600; cursor: pointer; transition: all 0.3s; display: flex; align-items: center; gap: 5px; }<!-- [et_pb_line_break_holder] -->        .control-btn.primary { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; }<!-- [et_pb_line_break_holder] -->        .control-btn.secondary { background: #f0f0f0; color: #333; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* Zoom controls *\/<!-- [et_pb_line_break_holder] -->        .zoom-controls { display: flex; gap: 5px; justify-content: center; margin-bottom: 15px; }<!-- [et_pb_line_break_holder] -->        .zoom-btn { width: 35px; height: 35px; border: none; border-radius: 8px; background: #f0f0f0; font-size: 1.2rem; cursor: pointer; }<!-- [et_pb_line_break_holder] -->        .zoom-btn:hover { background: #e0e0e0; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* Modal *\/<!-- [et_pb_line_break_holder] -->        .modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); display: none; align-items: center; justify-content: center; z-index: 1000; padding: 15px; }<!-- [et_pb_line_break_holder] -->        .modal-overlay.active { display: flex; }<!-- [et_pb_line_break_holder] -->        .modal { background: white; padding: 25px; border-radius: 20px; text-align: center; max-width: 350px; width: 100%; }<!-- [et_pb_line_break_holder] -->        .modal-icon { font-size: 3rem; margin-bottom: 10px; }<!-- [et_pb_line_break_holder] -->        .modal h2 { color: #667eea; font-size: 1.4rem; margin-bottom: 10px; }<!-- [et_pb_line_break_holder] -->        .modal p { color: #666; margin-bottom: 20px; }<!-- [et_pb_line_break_holder] -->        .modal-buttons { display: flex; flex-direction: column; gap: 10px; }<!-- [et_pb_line_break_holder] -->        .modal-btn { padding: 12px; border: none; border-radius: 10px; font-size: 0.95rem; font-weight: 600; cursor: pointer; text-decoration: none; display: block; }<!-- [et_pb_line_break_holder] -->        .modal-btn.primary { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; }<!-- [et_pb_line_break_holder] -->        .modal-btn.cta { background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%); color: white; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* CTA *\/<!-- [et_pb_line_break_holder] -->        .cta-banner { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 15px; padding: 20px; color: white; text-align: center; margin-bottom: 20px; }<!-- [et_pb_line_break_holder] -->        .cta-banner h3 { font-size: 1.1rem; margin-bottom: 8px; }<!-- [et_pb_line_break_holder] -->        .cta-banner p { font-size: 0.85rem; opacity: 0.9; margin-bottom: 12px; }<!-- [et_pb_line_break_holder] -->        .apps-row { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; }<!-- [et_pb_line_break_holder] -->        .app-badge { background: white; color: #667eea; padding: 8px 15px; border-radius: 20px; font-weight: 600; text-decoration: none; font-size: 0.8rem; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* SEO *\/<!-- [et_pb_line_break_holder] -->        .seo-content { background: white; border-radius: 15px; padding: 25px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); }<!-- [et_pb_line_break_holder] -->        .seo-content h2 { color: #667eea; font-size: 1.3rem; margin-bottom: 15px; border-bottom: 2px solid #667eea; padding-bottom: 10px; }<!-- [et_pb_line_break_holder] -->        .seo-content p { font-size: 0.9rem; margin-bottom: 12px; color: #555; line-height: 1.6; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* Footer *\/<!-- [et_pb_line_break_holder] -->        .article-footer { text-align: center; padding: 25px 15px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border-radius: 20px 20px 0 0; margin-top: 25px; }<!-- [et_pb_line_break_holder] -->        .article-footer a { color: white; margin: 0 8px; font-size: 0.85rem; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        @media (min-width: 600px) {<!-- [et_pb_line_break_holder] -->            .color-btn { width: 50px; height: 50px; }<!-- [et_pb_line_break_holder] -->            .image-thumb { width: 70px; height: 70px; }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    <\/style>\n<p><!-- [et_pb_line_break_holder] --><\/head><!-- [et_pb_line_break_holder] --><body><!-- [et_pb_line_break_holder] -->    <\/p>\n<header class=\"article-header\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"article-category\">\ud83c\udfa8 Creativity<\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<h1>Numbered Coloring<\/h1>\n<p><!-- [et_pb_line_break_holder] -->        <pee class=\"subtitle\">Relax by coloring!<\/pee><!-- [et_pb_line_break_holder] -->    <\/header>\n<p><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"container\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"cta-banner\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<h3>\ud83e\udde0 Relaxation and cognitive stimulation<\/h3>\n<p><!-- [et_pb_line_break_holder] -->            <pee>Discover more activities in our apps!<\/pee><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"apps-row\"><!-- [et_pb_line_break_holder] -->                <a href=\"https:\/\/www.dynseo.com\/en\/brain-games-apps\/coco-educational-games\/\" class=\"app-badge\">\ud83d\udc76 COCO<\/a><!-- [et_pb_line_break_holder] -->                <a href=\"https:\/\/www.dynseo.com\/en\/brain-games-apps\/clint-brain-games-for-adults\/\" class=\"app-badge\">\ud83e\uddd1 JOE<\/a><!-- [et_pb_line_break_holder] -->                <a href=\"https:\/\/www.dynseo.com\/tablette-memoire-senior-edith\/\" class=\"app-badge\">\ud83d\udc74 EDITH<\/a><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"game-container\"><!-- [et_pb_line_break_holder] -->            <!-- Image selector --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"image-selector\" id=\"image-selector\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <!-- Progress --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"progress-bar\">\n<div class=\"progress-fill\" id=\"progress-fill\" style=\"width: 0%\"><\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"progress-text\"><span id=\"progress-text\">0%<\/span> completed<\/div>\n<p><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <!-- Zoom --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"zoom-controls\"><!-- [et_pb_line_break_holder] -->                <button class=\"zoom-btn\" id=\"zoom-out\">\u2212<\/button><!-- [et_pb_line_break_holder] -->                <button class=\"zoom-btn\" id=\"zoom-reset\">\u27f2<\/button><!-- [et_pb_line_break_holder] -->                <button class=\"zoom-btn\" id=\"zoom-in\">+<\/button><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <!-- Canvas --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"canvas-wrapper\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"canvas-container\"><!-- [et_pb_line_break_holder] -->                    <canvas id=\"coloring-canvas\" width=\"400\" height=\"400\"><\/canvas><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <!-- Palette --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"palette-section\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"palette-title\">\ud83c\udfa8 Color Palette<\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"color-palette\" id=\"color-palette\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <!-- Controls --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"game-controls\"><!-- [et_pb_line_break_holder] -->                <button class=\"control-btn primary\" id=\"new-btn\">\ud83d\udd04 New<\/button><!-- [et_pb_line_break_holder] -->                <button class=\"control-btn secondary\" id=\"hint-btn\">\ud83d\udca1 Hint<\/button><!-- [et_pb_line_break_holder] -->                <button class=\"control-btn secondary\" id=\"save-btn\">\ud83d\udcbe Save<\/button><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        <\/p>\n<section class=\"seo-content\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<h2>Coloring: Digital Art Therapy<\/h2>\n<p><!-- [et_pb_line_break_holder] -->            <pee>Numbered coloring is a relaxing activity that reduces stress while stimulating concentration. Each area is associated with a number corresponding to a color.<\/pee><!-- [et_pb_line_break_holder] -->            <pee><strong>Benefits:<\/strong> Concentration, fine motor skills, color recognition, relaxation, and anxiety reduction.<\/pee><!-- [et_pb_line_break_holder] -->        <\/section>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"modal-overlay\" id=\"success-modal\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"modal\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"modal-icon\">\ud83c\udfa8<\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<h2>Wonderful!<\/h2>\n<p><!-- [et_pb_line_break_holder] -->            <pee>You have completed this coloring!<\/pee><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"modal-buttons\"><!-- [et_pb_line_break_holder] -->                <button class=\"modal-btn primary\" id=\"modal-next\">\ud83d\uddbc\ufe0f Next Image<\/button><!-- [et_pb_line_break_holder] -->                <a href=\"https:\/\/www.dynseo.com\/en\/brain-games-apps\/clint-brain-games-for-adults\/\" class=\"modal-btn cta\" target=\"_blank\">\ud83e\udde0 Discover JOE<\/a><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    <\/p>\n<footer class=\"article-footer\"><!-- [et_pb_line_break_holder] -->        <pee><a href=\"https:\/\/www.dynseo.com\/en\/brain-games-apps\/coco-educational-games\/\">COCO<\/a> | <a href=\"https:\/\/www.dynseo.com\/en\/brain-games-apps\/clint-brain-games-for-adults\/\">JOE<\/a> | <a href=\"https:\/\/www.dynseo.com\/tablette-memoire-senior-edith\/\">EDITH<\/a><\/pee><!-- [et_pb_line_break_holder] -->    <\/footer>\n<p><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    <script><!-- [et_pb_line_break_holder] -->        \/\/ Images data - simple geometric patterns with zones<!-- [et_pb_line_break_holder] -->        var images = [<!-- [et_pb_line_break_holder] -->            { name: '\ud83c\udf38', zones: generateFlowerZones() },<!-- [et_pb_line_break_holder] -->            { name: '\ud83c\udfe0', zones: generateHouseZones() },<!-- [et_pb_line_break_holder] -->            { name: '\ud83c\udf08', zones: generateRainbowZones() },<!-- [et_pb_line_break_holder] -->            { name: '\u2b50', zones: generateStarZones() },<!-- [et_pb_line_break_holder] -->            { name: '\ud83d\udc31', zones: generateCatZones() },<!-- [et_pb_line_break_holder] -->            { name: '\ud83c\udf33', zones: generateTreeZones() }<!-- [et_pb_line_break_holder] -->        ];<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        var colors = [<!-- [et_pb_line_break_holder] -->            { id: 1, hex: '#e74c3c', name: 'Rouge' },<!-- [et_pb_line_break_holder] -->            { id: 2, hex: '#e67e22', name: 'Orange' },<!-- [et_pb_line_break_holder] -->            { id: 3, hex: '#f1c40f', name: 'Jaune' },<!-- [et_pb_line_break_holder] -->            { id: 4, hex: '#2ecc71', name: 'Vert' },<!-- [et_pb_line_break_holder] -->            { id: 5, hex: '#3498db', name: 'Bleu' },<!-- [et_pb_line_break_holder] -->            { id: 6, hex: '#9b59b6', name: 'Violet' },<!-- [et_pb_line_break_holder] -->            { id: 7, hex: '#e91e63', name: 'Rose' },<!-- [et_pb_line_break_holder] -->            { id: 8, hex: '#795548', name: 'Marron' },<!-- [et_pb_line_break_holder] -->            { id: 9, hex: '#607d8b', name: 'Gris' }<!-- [et_pb_line_break_holder] -->        ];<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        var currentImage = 0;<!-- [et_pb_line_break_holder] -->        var selectedColor = 1;<!-- [et_pb_line_break_holder] -->        var filledZones = {};<!-- [et_pb_line_break_holder] -->        var canvas, ctx;<!-- [et_pb_line_break_holder] -->        var scale = 1;<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        function generateFlowerZones() {<!-- [et_pb_line_break_holder] -->            var zones = [];<!-- [et_pb_line_break_holder] -->            \/\/ Center<!-- [et_pb_line_break_holder] -->            zones.push({ id: 1, color: 3, path: 'circle', cx: 200, cy: 200, r: 40 });<!-- [et_pb_line_break_holder] -->            \/\/ Petals<!-- [et_pb_line_break_holder] -->            var petalAngles = [0, 72, 144, 216, 288];<!-- [et_pb_line_break_holder] -->            for (var i = 0; i < 5; i++) {<!-- [et_pb_line_break_holder] -->                var angle = petalAngles[i] * Math.PI \/ 180;<!-- [et_pb_line_break_holder] -->                var cx = 200 + Math.cos(angle) * 80;<!-- [et_pb_line_break_holder] -->                var cy = 200 + Math.sin(angle) * 80;<!-- [et_pb_line_break_holder] -->                zones.push({ id: 2 + i, color: (i % 2 === 0) ? 7 : 1, path: 'ellipse', cx: cx, cy: cy, rx: 45, ry: 30, rotation: angle });<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            \/\/ Stem<!-- [et_pb_line_break_holder] -->            zones.push({ id: 7, color: 4, path: 'rect', x: 190, y: 260, w: 20, h: 120 });<!-- [et_pb_line_break_holder] -->            \/\/ Leaves<!-- [et_pb_line_break_holder] -->            zones.push({ id: 8, color: 4, path: 'ellipse', cx: 160, cy: 320, rx: 35, ry: 15, rotation: -0.5 });<!-- [et_pb_line_break_holder] -->            zones.push({ id: 9, color: 4, path: 'ellipse', cx: 240, cy: 340, rx: 35, ry: 15, rotation: 0.5 });<!-- [et_pb_line_break_holder] -->            \/\/ Background<!-- [et_pb_line_break_holder] -->            zones.push({ id: 10, color: 5, path: 'background' });<!-- [et_pb_line_break_holder] -->            return zones;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        function generateHouseZones() {<!-- [et_pb_line_break_holder] -->            var zones = [];<!-- [et_pb_line_break_holder] -->            \/\/ Sky background<!-- [et_pb_line_break_holder] -->            zones.push({ id: 1, color: 5, path: 'rect', x: 0, y: 0, w: 400, h: 200 });<!-- [et_pb_line_break_holder] -->            \/\/ Grass<!-- [et_pb_line_break_holder] -->            zones.push({ id: 2, color: 4, path: 'rect', x: 0, y: 280, w: 400, h: 120 });<!-- [et_pb_line_break_holder] -->            \/\/ House body<!-- [et_pb_line_break_holder] -->            zones.push({ id: 3, color: 3, path: 'rect', x: 100, y: 150, w: 200, h: 150 });<!-- [et_pb_line_break_holder] -->            \/\/ Roof<!-- [et_pb_line_break_holder] -->            zones.push({ id: 4, color: 1, path: 'triangle', points: [[100, 150], [200, 70], [300, 150]] });<!-- [et_pb_line_break_holder] -->            \/\/ Door<!-- [et_pb_line_break_holder] -->            zones.push({ id: 5, color: 8, path: 'rect', x: 170, y: 220, w: 60, h: 80 });<!-- [et_pb_line_break_holder] -->            \/\/ Window left<!-- [et_pb_line_break_holder] -->            zones.push({ id: 6, color: 5, path: 'rect', x: 120, y: 180, w: 40, h: 40 });<!-- [et_pb_line_break_holder] -->            \/\/ Window right<!-- [et_pb_line_break_holder] -->            zones.push({ id: 7, color: 5, path: 'rect', x: 240, y: 180, w: 40, h: 40 });<!-- [et_pb_line_break_holder] -->            \/\/ Sun<!-- [et_pb_line_break_holder] -->            zones.push({ id: 8, color: 3, path: 'circle', cx: 350, cy: 50, r: 35 });<!-- [et_pb_line_break_holder] -->            \/\/ Chimney<!-- [et_pb_line_break_holder] -->            zones.push({ id: 9, color: 1, path: 'rect', x: 250, y: 90, w: 30, h: 50 });<!-- [et_pb_line_break_holder] -->            return zones;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        function generateRainbowZones() {<!-- [et_pb_line_break_holder] -->            var zones = [];<!-- [et_pb_line_break_holder] -->            var rainbowColors = [1, 2, 3, 4, 5, 6];<!-- [et_pb_line_break_holder] -->            for (var i = 0; i < 6; i++) {<!-- [et_pb_line_break_holder] -->                zones.push({ id: i + 1, color: rainbowColors[i], path: 'arc', cx: 200, cy: 300, r: 180 - i * 25, startAngle: Math.PI, endAngle: 0, lineWidth: 25 });<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            \/\/ Clouds<!-- [et_pb_line_break_holder] -->            zones.push({ id: 7, color: 9, path: 'cloud', cx: 80, cy: 280 });<!-- [et_pb_line_break_holder] -->            zones.push({ id: 8, color: 9, path: 'cloud', cx: 320, cy: 280 });<!-- [et_pb_line_break_holder] -->            \/\/ Sky<!-- [et_pb_line_break_holder] -->            zones.push({ id: 9, color: 5, path: 'background' });<!-- [et_pb_line_break_holder] -->            return zones;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        function generateStarZones() {<!-- [et_pb_line_break_holder] -->            var zones = [];<!-- [et_pb_line_break_holder] -->            \/\/ Star points<!-- [et_pb_line_break_holder] -->            var points = [];<!-- [et_pb_line_break_holder] -->            for (var i = 0; i < 10; i++) {<!-- [et_pb_line_break_holder] -->                var angle = (i * 36 - 90) * Math.PI \/ 180;<!-- [et_pb_line_break_holder] -->                var r = i % 2 === 0 ? 150 : 70;<!-- [et_pb_line_break_holder] -->                points.push([200 + Math.cos(angle) * r, 200 + Math.sin(angle) * r]);<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            zones.push({ id: 1, color: 3, path: 'polygon', points: points });<!-- [et_pb_line_break_holder] -->            \/\/ Small stars<!-- [et_pb_line_break_holder] -->            zones.push({ id: 2, color: 3, path: 'circle', cx: 80, cy: 80, r: 20 });<!-- [et_pb_line_break_holder] -->            zones.push({ id: 3, color: 3, path: 'circle', cx: 320, cy: 100, r: 15 });<!-- [et_pb_line_break_holder] -->            zones.push({ id: 4, color: 3, path: 'circle', cx: 100, cy: 320, r: 18 });<!-- [et_pb_line_break_holder] -->            zones.push({ id: 5, color: 3, path: 'circle', cx: 340, cy: 300, r: 12 });<!-- [et_pb_line_break_holder] -->            \/\/ Background<!-- [et_pb_line_break_holder] -->            zones.push({ id: 6, color: 6, path: 'background' });<!-- [et_pb_line_break_holder] -->            return zones;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        function generateCatZones() {<!-- [et_pb_line_break_holder] -->            var zones = [];<!-- [et_pb_line_break_holder] -->            \/\/ Body<!-- [et_pb_line_break_holder] -->            zones.push({ id: 1, color: 2, path: 'ellipse', cx: 200, cy: 280, rx: 80, ry: 60, rotation: 0 });<!-- [et_pb_line_break_holder] -->            \/\/ Head<!-- [et_pb_line_break_holder] -->            zones.push({ id: 2, color: 2, path: 'circle', cx: 200, cy: 160, r: 70 });<!-- [et_pb_line_break_holder] -->            \/\/ Ears<!-- [et_pb_line_break_holder] -->            zones.push({ id: 3, color: 2, path: 'triangle', points: [[140, 110], [160, 160], [120, 160]] });<!-- [et_pb_line_break_holder] -->            zones.push({ id: 4, color: 2, path: 'triangle', points: [[260, 110], [240, 160], [280, 160]] });<!-- [et_pb_line_break_holder] -->            \/\/ Inner ears<!-- [et_pb_line_break_holder] -->            zones.push({ id: 5, color: 7, path: 'triangle', points: [[145, 125], [155, 155], [130, 155]] });<!-- [et_pb_line_break_holder] -->            zones.push({ id: 6, color: 7, path: 'triangle', points: [[255, 125], [245, 155], [270, 155]] });<!-- [et_pb_line_break_holder] -->            \/\/ Eyes<!-- [et_pb_line_break_holder] -->            zones.push({ id: 7, color: 4, path: 'ellipse', cx: 170, cy: 150, rx: 15, ry: 20, rotation: 0 });<!-- [et_pb_line_break_holder] -->            zones.push({ id: 8, color: 4, path: 'ellipse', cx: 230, cy: 150, rx: 15, ry: 20, rotation: 0 });<!-- [et_pb_line_break_holder] -->            \/\/ Nose<!-- [et_pb_line_break_holder] -->            zones.push({ id: 9, color: 7, path: 'triangle', points: [[200, 175], [190, 190], [210, 190]] });<!-- [et_pb_line_break_holder] -->            \/\/ Tail<!-- [et_pb_line_break_holder] -->            zones.push({ id: 10, color: 2, path: 'arc', cx: 120, cy: 300, r: 60, startAngle: 0, endAngle: Math.PI, lineWidth: 20 });<!-- [et_pb_line_break_holder] -->            \/\/ Background<!-- [et_pb_line_break_holder] -->            zones.push({ id: 11, color: 5, path: 'background' });<!-- [et_pb_line_break_holder] -->            return zones;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        function generateTreeZones() {<!-- [et_pb_line_break_holder] -->            var zones = [];<!-- [et_pb_line_break_holder] -->            \/\/ Sky<!-- [et_pb_line_break_holder] -->            zones.push({ id: 1, color: 5, path: 'rect', x: 0, y: 0, w: 400, h: 280 });<!-- [et_pb_line_break_holder] -->            \/\/ Ground<!-- [et_pb_line_break_holder] -->            zones.push({ id: 2, color: 4, path: 'rect', x: 0, y: 320, w: 400, h: 80 });<!-- [et_pb_line_break_holder] -->            \/\/ Trunk<!-- [et_pb_line_break_holder] -->            zones.push({ id: 3, color: 8, path: 'rect', x: 175, y: 250, w: 50, h: 100 });<!-- [et_pb_line_break_holder] -->            \/\/ Foliage layers<!-- [et_pb_line_break_holder] -->            zones.push({ id: 4, color: 4, path: 'triangle', points: [[200, 50], [100, 150], [300, 150]] });<!-- [et_pb_line_break_holder] -->            zones.push({ id: 5, color: 4, path: 'triangle', points: [[200, 100], [80, 220], [320, 220]] });<!-- [et_pb_line_break_holder] -->            zones.push({ id: 6, color: 4, path: 'triangle', points: [[200, 160], [60, 280], [340, 280]] });<!-- [et_pb_line_break_holder] -->            \/\/ Apples<!-- [et_pb_line_break_holder] -->            zones.push({ id: 7, color: 1, path: 'circle', cx: 150, cy: 180, r: 12 });<!-- [et_pb_line_break_holder] -->            zones.push({ id: 8, color: 1, path: 'circle', cx: 250, cy: 200, r: 12 });<!-- [et_pb_line_break_holder] -->            zones.push({ id: 9, color: 1, path: 'circle', cx: 180, cy: 240, r: 12 });<!-- [et_pb_line_break_holder] -->            \/\/ Sun<!-- [et_pb_line_break_holder] -->            zones.push({ id: 10, color: 3, path: 'circle', cx: 350, cy: 50, r: 30 });<!-- [et_pb_line_break_holder] -->            return zones;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        function initGame() {<!-- [et_pb_line_break_holder] -->            canvas = document.getElementById('coloring-canvas');<!-- [et_pb_line_break_holder] -->            ctx = canvas.getContext('2d');<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            \/\/ Image selector<!-- [et_pb_line_break_holder] -->            var selector = document.getElementById('image-selector');<!-- [et_pb_line_break_holder] -->            for (var i = 0; i < images.length; i++) {<!-- [et_pb_line_break_holder] -->                var thumb = document.createElement('div');<!-- [et_pb_line_break_holder] -->                thumb.className = 'image-thumb' + (i === 0 ? ' active' : '');<!-- [et_pb_line_break_holder] -->                thumb.textContent = images[i].name;<!-- [et_pb_line_break_holder] -->                thumb.setAttribute('data-index', i);<!-- [et_pb_line_break_holder] -->                thumb.onclick = function() {<!-- [et_pb_line_break_holder] -->                    var idx = parseInt(this.getAttribute('data-index'));<!-- [et_pb_line_break_holder] -->                    selectImage(idx);<!-- [et_pb_line_break_holder] -->                };<!-- [et_pb_line_break_holder] -->                selector.appendChild(thumb);<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            \/\/ Color palette<!-- [et_pb_line_break_holder] -->            renderPalette();<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            \/\/ Controls<!-- [et_pb_line_break_holder] -->            document.getElementById('new-btn').onclick = function() { selectImage(currentImage); };<!-- [et_pb_line_break_holder] -->            document.getElementById('hint-btn').onclick = giveHint;<!-- [et_pb_line_break_holder] -->            document.getElementById('save-btn').onclick = saveImage;<!-- [et_pb_line_break_holder] -->            document.getElementById('modal-next').onclick = function() {<!-- [et_pb_line_break_holder] -->                document.getElementById('success-modal').classList.remove('active');<!-- [et_pb_line_break_holder] -->                selectImage((currentImage + 1) % images.length);<!-- [et_pb_line_break_holder] -->            };<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            \/\/ Zoom<!-- [et_pb_line_break_holder] -->            document.getElementById('zoom-in').onclick = function() { setZoom(scale + 0.2); };<!-- [et_pb_line_break_holder] -->            document.getElementById('zoom-out').onclick = function() { setZoom(scale - 0.2); };<!-- [et_pb_line_break_holder] -->            document.getElementById('zoom-reset').onclick = function() { setZoom(1); };<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            \/\/ Canvas click<!-- [et_pb_line_break_holder] -->            canvas.onclick = function(e) {<!-- [et_pb_line_break_holder] -->                var rect = canvas.getBoundingClientRect();<!-- [et_pb_line_break_holder] -->                var x = (e.clientX - rect.left) \/ scale;<!-- [et_pb_line_break_holder] -->                var y = (e.clientY - rect.top) \/ scale;<!-- [et_pb_line_break_holder] -->                handleCanvasClick(x, y);<!-- [et_pb_line_break_holder] -->            };<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            \/\/ Touch support<!-- [et_pb_line_break_holder] -->            canvas.ontouchstart = function(e) {<!-- [et_pb_line_break_holder] -->                e.preventDefault();<!-- [et_pb_line_break_holder] -->                var touch = e.touches[0];<!-- [et_pb_line_break_holder] -->                var rect = canvas.getBoundingClientRect();<!-- [et_pb_line_break_holder] -->                var x = (touch.clientX - rect.left) \/ scale;<!-- [et_pb_line_break_holder] -->                var y = (touch.clientY - rect.top) \/ scale;<!-- [et_pb_line_break_holder] -->                handleCanvasClick(x, y);<!-- [et_pb_line_break_holder] -->            };<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            selectImage(0);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        function selectImage(index) {<!-- [et_pb_line_break_holder] -->            currentImage = index;<!-- [et_pb_line_break_holder] -->            filledZones = {};<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            var thumbs = document.querySelectorAll('.image-thumb');<!-- [et_pb_line_break_holder] -->            for (var i = 0; i < thumbs.length; i++) {<!-- [et_pb_line_break_holder] -->                thumbs[i].classList.toggle('active', i === index);<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            renderCanvas();<!-- [et_pb_line_break_holder] -->            renderPalette();<!-- [et_pb_line_break_holder] -->            updateProgress();<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        function renderPalette() {<!-- [et_pb_line_break_holder] -->            var palette = document.getElementById('color-palette');<!-- [et_pb_line_break_holder] -->            palette.innerHTML = '';<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            var zones = images[currentImage].zones;<!-- [et_pb_line_break_holder] -->            var colorCounts = {};<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            for (var i = 0; i < zones.length; i++) {<!-- [et_pb_line_break_holder] -->                var c = zones[i].color;<!-- [et_pb_line_break_holder] -->                colorCounts[c] = (colorCounts[c] || 0) + 1;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            for (var i = 0; i < colors.length; i++) {<!-- [et_pb_line_break_holder] -->                if (!colorCounts[colors[i].id]) continue;<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                var btn = document.createElement('div');<!-- [et_pb_line_break_holder] -->                btn.className = 'color-btn' + (colors[i].id === selectedColor ? ' active' : '');<!-- [et_pb_line_break_holder] -->                btn.style.background = colors[i].hex;<!-- [et_pb_line_break_holder] -->                btn.textContent = colors[i].id;<!-- [et_pb_line_break_holder] -->                btn.setAttribute('data-id', colors[i].id);<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                \/\/ Count remaining<!-- [et_pb_line_break_holder] -->                var remaining = 0;<!-- [et_pb_line_break_holder] -->                for (var j = 0; j < zones.length; j++) {<!-- [et_pb_line_break_holder] -->                    if (zones[j].color === colors[i].id && !filledZones[zones[j].id]) {<!-- [et_pb_line_break_holder] -->                        remaining++;<!-- [et_pb_line_break_holder] -->                    }<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                if (remaining === 0) {<!-- [et_pb_line_break_holder] -->                    btn.classList.add('completed');<!-- [et_pb_line_break_holder] -->                } else {<!-- [et_pb_line_break_holder] -->                    var count = document.createElement('span');<!-- [et_pb_line_break_holder] -->                    count.className = 'count';<!-- [et_pb_line_break_holder] -->                    count.textContent = remaining;<!-- [et_pb_line_break_holder] -->                    btn.appendChild(count);<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                btn.onclick = function() {<!-- [et_pb_line_break_holder] -->                    selectedColor = parseInt(this.getAttribute('data-id'));<!-- [et_pb_line_break_holder] -->                    var btns = document.querySelectorAll('.color-btn');<!-- [et_pb_line_break_holder] -->                    for (var k = 0; k < btns.length; k++) btns[k].classList.remove('active');<!-- [et_pb_line_break_holder] -->                    this.classList.add('active');<!-- [et_pb_line_break_holder] -->                };<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                palette.appendChild(btn);<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        function renderCanvas() {<!-- [et_pb_line_break_holder] -->            ctx.clearRect(0, 0, 400, 400);<!-- [et_pb_line_break_holder] -->            ctx.fillStyle = '#ffffff';<!-- [et_pb_line_break_holder] -->            ctx.fillRect(0, 0, 400, 400);<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            var zones = images[currentImage].zones;<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            \/\/ Sort: background first<!-- [et_pb_line_break_holder] -->            zones.sort(function(a, b) {<!-- [et_pb_line_break_holder] -->                if (a.path === 'background') return -1;<!-- [et_pb_line_break_holder] -->                if (b.path === 'background') return 1;<!-- [et_pb_line_break_holder] -->                return 0;<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            for (var i = 0; i < zones.length; i++) {<!-- [et_pb_line_break_holder] -->                var zone = zones[i];<!-- [et_pb_line_break_holder] -->                var filled = filledZones[zone.id];<!-- [et_pb_line_break_holder] -->                var fillColor = filled ? colors.find(function(c) { return c.id === zone.color; }).hex : '#ffffff';<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                ctx.fillStyle = fillColor;<!-- [et_pb_line_break_holder] -->                ctx.strokeStyle = '#333';<!-- [et_pb_line_break_holder] -->                ctx.lineWidth = 2;<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                ctx.beginPath();<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                if (zone.path === 'background') {<!-- [et_pb_line_break_holder] -->                    ctx.fillStyle = filled ? fillColor : '#f8f8f8';<!-- [et_pb_line_break_holder] -->                    ctx.fillRect(0, 0, 400, 400);<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->                else if (zone.path === 'circle') {<!-- [et_pb_line_break_holder] -->                    ctx.arc(zone.cx, zone.cy, zone.r, 0, Math.PI * 2);<!-- [et_pb_line_break_holder] -->                    ctx.fill();<!-- [et_pb_line_break_holder] -->                    ctx.stroke();<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->                else if (zone.path === 'ellipse') {<!-- [et_pb_line_break_holder] -->                    ctx.save();<!-- [et_pb_line_break_holder] -->                    ctx.translate(zone.cx, zone.cy);<!-- [et_pb_line_break_holder] -->                    if (zone.rotation) ctx.rotate(zone.rotation);<!-- [et_pb_line_break_holder] -->                    ctx.beginPath();<!-- [et_pb_line_break_holder] -->                    ctx.ellipse(0, 0, zone.rx, zone.ry, 0, 0, Math.PI * 2);<!-- [et_pb_line_break_holder] -->                    ctx.fill();<!-- [et_pb_line_break_holder] -->                    ctx.stroke();<!-- [et_pb_line_break_holder] -->                    ctx.restore();<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->                else if (zone.path === 'rect') {<!-- [et_pb_line_break_holder] -->                    ctx.fillRect(zone.x, zone.y, zone.w, zone.h);<!-- [et_pb_line_break_holder] -->                    ctx.strokeRect(zone.x, zone.y, zone.w, zone.h);<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->                else if (zone.path === 'triangle' || zone.path === 'polygon') {<!-- [et_pb_line_break_holder] -->                    ctx.moveTo(zone.points[0][0], zone.points[0][1]);<!-- [et_pb_line_break_holder] -->                    for (var j = 1; j < zone.points.length; j++) {<!-- [et_pb_line_break_holder] -->                        ctx.lineTo(zone.points[j][0], zone.points[j][1]);<!-- [et_pb_line_break_holder] -->                    }<!-- [et_pb_line_break_holder] -->                    ctx.closePath();<!-- [et_pb_line_break_holder] -->                    ctx.fill();<!-- [et_pb_line_break_holder] -->                    ctx.stroke();<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->                else if (zone.path === 'arc') {<!-- [et_pb_line_break_holder] -->                    ctx.lineWidth = zone.lineWidth;<!-- [et_pb_line_break_holder] -->                    ctx.strokeStyle = filled ? fillColor : '#ffffff';<!-- [et_pb_line_break_holder] -->                    ctx.arc(zone.cx, zone.cy, zone.r, zone.startAngle, zone.endAngle);<!-- [et_pb_line_break_holder] -->                    ctx.stroke();<!-- [et_pb_line_break_holder] -->                    ctx.strokeStyle = '#333';<!-- [et_pb_line_break_holder] -->                    ctx.lineWidth = 2;<!-- [et_pb_line_break_holder] -->                    ctx.stroke();<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->                else if (zone.path === 'cloud') {<!-- [et_pb_line_break_holder] -->                    ctx.arc(zone.cx, zone.cy, 25, 0, Math.PI * 2);<!-- [et_pb_line_break_holder] -->                    ctx.arc(zone.cx - 20, zone.cy + 10, 20, 0, Math.PI * 2);<!-- [et_pb_line_break_holder] -->                    ctx.arc(zone.cx + 20, zone.cy + 10, 20, 0, Math.PI * 2);<!-- [et_pb_line_break_holder] -->                    ctx.fill();<!-- [et_pb_line_break_holder] -->                    ctx.stroke();<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                \/\/ Draw number if not filled<!-- [et_pb_line_break_holder] -->                if (!filled && zone.path !== 'background') {<!-- [et_pb_line_break_holder] -->                    var cx = zone.cx || (zone.x + zone.w\/2) || (zone.points ? zone.points.reduce(function(s,p){return s+p[0];},0)\/zone.points.length : 200);<!-- [et_pb_line_break_holder] -->                    var cy = zone.cy || (zone.y + zone.h\/2) || (zone.points ? zone.points.reduce(function(s,p){return s+p[1];},0)\/zone.points.length : 200);<!-- [et_pb_line_break_holder] -->                    <!-- [et_pb_line_break_holder] -->                    ctx.fillStyle = '#333';<!-- [et_pb_line_break_holder] -->                    ctx.font = 'bold 14px Arial';<!-- [et_pb_line_break_holder] -->                    ctx.textAlign = 'center';<!-- [et_pb_line_break_holder] -->                    ctx.textBaseline = 'middle';<!-- [et_pb_line_break_holder] -->                    ctx.fillText(zone.color, cx, cy);<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        function handleCanvasClick(x, y) {<!-- [et_pb_line_break_holder] -->            var zones = images[currentImage].zones;<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            \/\/ Check zones in reverse order (top first)<!-- [et_pb_line_break_holder] -->            for (var i = zones.length - 1; i >= 0; i--) {<!-- [et_pb_line_break_holder] -->                var zone = zones[i];<!-- [et_pb_line_break_holder] -->                if (isPointInZone(x, y, zone)) {<!-- [et_pb_line_break_holder] -->                    if (zone.color === selectedColor) {<!-- [et_pb_line_break_holder] -->                        filledZones[zone.id] = true;<!-- [et_pb_line_break_holder] -->                        renderCanvas();<!-- [et_pb_line_break_holder] -->                        renderPalette();<!-- [et_pb_line_break_holder] -->                        updateProgress();<!-- [et_pb_line_break_holder] -->                        checkWin();<!-- [et_pb_line_break_holder] -->                    }<!-- [et_pb_line_break_holder] -->                    break;<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        function isPointInZone(x, y, zone) {<!-- [et_pb_line_break_holder] -->            if (zone.path === 'background') return true;<!-- [et_pb_line_break_holder] -->            if (zone.path === 'circle') {<!-- [et_pb_line_break_holder] -->                var dx = x - zone.cx, dy = y - zone.cy;<!-- [et_pb_line_break_holder] -->                return dx*dx + dy*dy <= zone.r*zone.r;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            if (zone.path === 'ellipse') {<!-- [et_pb_line_break_holder] -->                var cos = Math.cos(-(zone.rotation || 0));<!-- [et_pb_line_break_holder] -->                var sin = Math.sin(-(zone.rotation || 0));<!-- [et_pb_line_break_holder] -->                var dx = x - zone.cx, dy = y - zone.cy;<!-- [et_pb_line_break_holder] -->                var rx = cos*dx + sin*dy, ry = -sin*dx + cos*dy;<!-- [et_pb_line_break_holder] -->                return (rx*rx)\/(zone.rx*zone.rx) + (ry*ry)\/(zone.ry*zone.ry) <= 1;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            if (zone.path === 'rect') {<!-- [et_pb_line_break_holder] -->                return x >= zone.x && x <= zone.x + zone.w &#038;&#038; y >= zone.y && y <= zone.y + zone.h;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            if (zone.path === 'triangle' || zone.path === 'polygon') {<!-- [et_pb_line_break_holder] -->                return isPointInPolygon(x, y, zone.points);<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            if (zone.path === 'arc') {<!-- [et_pb_line_break_holder] -->                var dx = x - zone.cx, dy = y - zone.cy;<!-- [et_pb_line_break_holder] -->                var dist = Math.sqrt(dx*dx + dy*dy);<!-- [et_pb_line_break_holder] -->                return Math.abs(dist - zone.r) < zone.lineWidth\/2;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            return false;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        function isPointInPolygon(x, y, points) {<!-- [et_pb_line_break_holder] -->            var inside = false;<!-- [et_pb_line_break_holder] -->            for (var i = 0, j = points.length - 1; i < points.length; j = i++) {<!-- [et_pb_line_break_holder] -->                var xi = points[i][0], yi = points[i][1];<!-- [et_pb_line_break_holder] -->                var xj = points[j][0], yj = points[j][1];<!-- [et_pb_line_break_holder] -->                if (((yi > y) !== (yj > y)) && (x < (xj - xi) * (y - yi) \/ (yj - yi) + xi)) {<!-- [et_pb_line_break_holder] -->                    inside = !inside;<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            return inside;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        function updateProgress() {<!-- [et_pb_line_break_holder] -->            var zones = images[currentImage].zones;<!-- [et_pb_line_break_holder] -->            var total = zones.length;<!-- [et_pb_line_break_holder] -->            var filled = Object.keys(filledZones).length;<!-- [et_pb_line_break_holder] -->            var percent = Math.round((filled \/ total) * 100);<!-- [et_pb_line_break_holder] -->            document.getElementById('progress-fill').style.width = percent + '%';<!-- [et_pb_line_break_holder] -->            document.getElementById('progress-text').textContent = percent + '%';<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        function checkWin() {<!-- [et_pb_line_break_holder] -->            var zones = images[currentImage].zones;<!-- [et_pb_line_break_holder] -->            if (Object.keys(filledZones).length === zones.length) {<!-- [et_pb_line_break_holder] -->                document.getElementById('success-modal').classList.add('active');<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        function giveHint() {<!-- [et_pb_line_break_holder] -->            var zones = images[currentImage].zones;<!-- [et_pb_line_break_holder] -->            for (var i = 0; i < zones.length; i++) {<!-- [et_pb_line_break_holder] -->                if (!filledZones[zones[i].id] && zones[i].path !== 'background') {<!-- [et_pb_line_break_holder] -->                    selectedColor = zones[i].color;<!-- [et_pb_line_break_holder] -->                    renderPalette();<!-- [et_pb_line_break_holder] -->                    \/\/ Highlight the zone<!-- [et_pb_line_break_holder] -->                    break;<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        function saveImage() {<!-- [et_pb_line_break_holder] -->            var link = document.createElement('a');<!-- [et_pb_line_break_holder] -->            link.download = 'coloriage-dynseo.png';<!-- [et_pb_line_break_holder] -->            link.href = canvas.toDataURL();<!-- [et_pb_line_break_holder] -->            link.click();<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        function setZoom(z) {<!-- [et_pb_line_break_holder] -->            scale = Math.max(0.5, Math.min(2, z));<!-- [et_pb_line_break_holder] -->            canvas.style.transform = 'scale(' + scale + ')';<!-- [et_pb_line_break_holder] -->            canvas.style.transformOrigin = 'center center';<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/\/ Init<!-- [et_pb_line_break_holder] -->        if (document.readyState === 'complete' || document.readyState === 'interactive') {<!-- [et_pb_line_break_holder] -->            setTimeout(initGame, 100);<!-- [et_pb_line_break_holder] -->        } else {<!-- [et_pb_line_break_holder] -->            document.addEventListener('DOMContentLoaded', initGame);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    <\/script><!-- [et_pb_line_break_holder] --><\/body><!-- [et_pb_line_break_holder] --><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n<p>[et_pb_code]<script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"What is the Online Numbered Coloring Game?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The Online Numbered Coloring Game is a free digital art therapy activity where you color different areas by matching numbers to corresponding colors. It's designed to provide relaxation and cognitive stimulation through a simple, engaging coloring experience.\"}},{\"@type\":\"Question\",\"name\":\"What are the benefits of playing the numbered coloring game?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The numbered coloring game offers multiple benefits including improved concentration, enhanced fine motor skills, better color recognition, stress reduction, relaxation, and anxiety relief. It serves as a form of digital art therapy that stimulates both creativity and cognitive function.\"}},{\"@type\":\"Question\",\"name\":\"How does the numbered coloring system work?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Each area in the coloring image is marked with a number that corresponds to a specific color in the palette. You simply select the appropriate color and fill in the numbered areas to complete the picture. The system guides you through the coloring process step by step.\"}},{\"@type\":\"Question\",\"name\":\"What apps offer additional activities like this coloring game?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"DYNSEO offers three main apps with various cognitive activities: COCO for children, JOE for adults, and EDITH for seniors. These apps contain multiple games and activities designed for different age groups and cognitive development needs.\"}},{\"@type\":\"Question\",\"name\":\"Can I save my coloring progress in the game?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, the game includes a save feature that allows you to preserve your coloring progress. You can also access hints if you need help, get new images to color, and track your completion percentage as you work on each picture.\"}},{\"@type\":\"Question\",\"name\":\"Is this coloring game suitable for stress relief and relaxation?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Absolutely! The numbered coloring game is specifically designed as a relaxing activity that helps reduce stress and anxiety. It combines the therapeutic benefits of art with mindful focus, making it an excellent tool for digital art therapy and mental wellness.\"}}]}<\/script>[\/et_pb_code]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":130227,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"<div class=\"row animated fadeInUp delay4 duration2 rdk-mb\"><img class=\"aligncenter wp-image-27628 size-full\" src=\"https:\/\/www.dynseo.com\/wp-content\/uploads\/2020\/02\/coco-app-enfant-jeux-educatifs-new.png\" alt=\"\" width=\"1648\" height=\"774\"><\/div>\r\n<div class=\"row rdk-mb rdk-mt\">\r\n<div class=\"hidden-lg hidden-md col-sm-12 col-xs-12 animated fadeInUp duration1\"><img class=\"aligncenter\" src=\"https:\/\/www.dynseo.com\/wp-content\/uploads\/2019\/09\/EDUCATIONAL-APP-COCO-GAME-EN-RDK-300x287.png\" alt=\"\" width=\"300\" height=\"287\"><\/div>\r\n<div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-12 rdkp0\">\r\n<ul class=\"rdk-items left\">\r\n \t<li class=\"animated fadeInLeft duration1 eds-on-scroll\"><img class=\"img-heading\" src=\"https:\/\/www.dynseo.com\/wp-content\/uploads\/2019\/09\/fh1.png\"> Des jeux vari\u00e9s pour travailler l'attention, la m\u00e9moire, la motricit\u00e9 fine ou encore r\u00e9viser son calcul mental, le fran\u00e7ais ou les fables de la Fontaine !<\/li>\r\n \t<li class=\"animated fadeInLeft delay1 duration1 eds-on-scroll\"><img class=\"img-heading\" src=\"https:\/\/www.dynseo.com\/wp-content\/uploads\/2019\/09\/fh2.png\"><\/li>\r\n \t<li class=\"animated fadeInLeft delay1 duration1 eds-on-scroll\">Facile, Moyen, Difficile. Pour s'adapter aux niveaux et capacit\u00e9s de chacun.<\/li>\r\n \t<li class=\"animated fadeInLeft delay2 duration1 eds-on-scroll\"><img class=\"img-heading\" src=\"https:\/\/www.dynseo.com\/wp-content\/uploads\/2019\/09\/fh3.png\"><\/li>\r\n \t<li class=\"animated fadeInLeft delay2 duration1 eds-on-scroll\">Tous les mois d\u00e9couvrez de nouveaux jeux ou de nouveaux contenus.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<div class=\"col-lg-6 col-md-6 hidden-sm hidden-xs animated fadeInUp duration1 eds-on-scroll\"><img class=\"aligncenter size-full wp-image-23241\" src=\"https:\/\/www.dynseo.com\/wp-content\/uploads\/2019\/09\/NEW-EDUCATIONAL-APP-COCO-GAME-EN-RDK.png\" alt=\"\" width=\"1280\" height=\"720\"><\/div>\r\n<div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-12 rdkp0\">\r\n<ul class=\"rdk-items right\">\r\n \t<li class=\"animated fadeInRight duration1 eds-on-scroll\"><img class=\"img-heading\" src=\"https:\/\/www.dynseo.com\/wp-content\/uploads\/2019\/09\/fh4.png\"> Certains jeux peuvent se jouer \u00e0 deux, l'\u00e9cran se divise et chacun a sa partie. Des d\u00e9fis entre fratries !<\/li>\r\n \t<li class=\"animated fadeInRight delay1 duration1 eds-on-scroll\"><img class=\"img-heading\" src=\"https:\/\/www.dynseo.com\/wp-content\/uploads\/2019\/09\/fh5.png\"> Coco et ses jeux fonctionnent sans internet, les enfants peuvent ainsi l'utiliser en toute s\u00e9curit\u00e9.<\/li>\r\n \t<li class=\"animated fadeInRight delay2 duration1 eds-on-scroll\"><img class=\"img-heading\" src=\"https:\/\/www.dynseo.com\/wp-content\/uploads\/2019\/09\/fh6.png\"> Le programme permet \u00e9galement d'apprendre du vocabulaire anglais.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<div class=\"row rdk-mb rdk-mt\">\r\n<div class=\"rdk-download animated fadeInUp duration1 eds-on-scroll\">\r\n<div class=\"col-lg-6 col-md-6 col-xs-12 col-sm-12\"><a href=\"https:\/\/itunes.apple.com\/fr\/app\/coco-jeux-pour-enfants\/id1229718769\"><img class=\"aligncenter size-full wp-image-19935\" src=\"https:\/\/www.dynseo.com\/wp-content\/uploads\/\" alt=\"\" width=\"300\" height=\"114\"><\/a><\/div>\r\n<div class=\"col-lg-6 col-md-6 col-xs-12 col-sm-12\"><a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.dynseo.stimart.coco.fr\"><img class=\"aligncenter wp-image-19938\" src=\"https:\/\/www.dynseo.com\/wp-content\/uploads\/2019\/02\/GetInonGooglePlay.png\" alt=\"\" width=\"300\" height=\"114\"><\/a><\/div>\r\n<\/div>\r\n<\/div>\r\n\u00a0\r\n<h2 style=\"text-align: center;\"><strong><span style=\"color: #526fa1;\"><span style=\"color: #526fa1;\">DES JEUX \u00c9DUCATIFS POUR ENFANTS <\/span><\/span><\/strong><\/h2>\r\nAvec Coco, des <span style=\"color: #526fa1;\"><b>jeux \u00e9ducatifs<\/b><\/span> pour les enfants \u00e2g\u00e9s de 5 \u00e0 10 ans pour les aider \u00e0 d\u00e9velopper leur capacit\u00e9 de concentration, leur attention, leur m\u00e9moire et leur compr\u00e9hension des choses, tout en enrichissant leur vocabulaire.\r\n\r\nDes activit\u00e9s ludiques <span style=\"color: #526fa1;\"><b>avec 3 niveaux de difficult\u00e9<\/b><\/span>, pour progresser \u00e0 son rythme. <span style=\"color: #526fa1;\"><b>Un programme valorisant<\/b> <\/span>pour les enfants, parents et \u00e9ducateurs !\r\n<h3><\/h3>\r\n<h3 style=\"text-align: center;\"><strong><span style=\"color: #526fa1;\"><span style=\"color: #526fa1;\">D\u00c9J\u00c0\u00a018 JEUX \u00c9DUCATIFS DISPONIBLES\u00a0<\/span><\/span><\/strong><\/h3>\r\n[row]\r\n[column lg=\"4\" md=\"12\" sm=\"12\" xs=\"12\" ]<strong><img class=\"aligncenter wp-image-28227 size-medium\" src=\"https:\/\/www.dynseo.com\/wp-content\/uploads\/2020\/03\/Etoiles-filantes-300x199.png\" alt=\"\" width=\"300\" height=\"199\"><\/strong><span style=\"color: #526fa1;\"><strong>Etoiles Filantes <\/strong><\/span>: c\u2019est tr\u00e8s simple, il te suffit de relier les chiffres et\/ou les lettres dans l\u2019ordre croissant. Plus le niveau de difficult\u00e9 augmente, plus tu auras de bulles \u00e0 relier.\r\n\r\n[\/column]\r\n[column lg=\"4\" md=\"12\" sm=\"12\" xs=\"12\" ]<strong><img class=\"aligncenter wp-image-28215 size-medium\" src=\"https:\/\/www.dynseo.com\/wp-content\/uploads\/2020\/03\/Chasse-\u00e0-lintrus-300x199.png\" alt=\"\" width=\"300\" height=\"199\"><span style=\"color: #526fa1;\">Chasse \u00e0 l\u2019Intrus<\/span><\/strong> : c\u2019est tr\u00e8s simple, il te suffit de trouver l\u2019intrus parmi les 4 propositions. Tu pourras ainsi d\u00e9couvrir de nouveaux mots et faire travailler ta logique.\r\n[\/column]\r\n[column lg=\"4\" md=\"12\" sm=\"12\" xs=\"12\" ]<img class=\"aligncenter wp-image-28211 size-medium\" src=\"https:\/\/www.dynseo.com\/wp-content\/uploads\/2020\/03\/Cascade-infernale-2-300x199.png\" alt=\"\" width=\"300\" height=\"199\"><span style=\"color: #526fa1;\"><strong>Cascade Infernale<\/strong><\/span> : c\u2019est tr\u00e8s simple ! Il te suffit d\u2019observer les animaux servant de mod\u00e8les \u00e0 gauche et de s\u00e9lectionner les diff\u00e9rences avec les animaux de droite.\r\n[\/column]\r\n[\/row]\r\n\r\n[row]\r\n[column lg=\"4\" md=\"12\" sm=\"12\" xs=\"12\" ]<img class=\"aligncenter wp-image-28203 size-medium\" src=\"https:\/\/www.dynseo.com\/wp-content\/uploads\/2020\/03\/Calculus-1-300x199.png\" alt=\"\" width=\"300\" height=\"199\">Avec\u00a0<span style=\"color: #526fa1;\"><strong>Calculus<\/strong><\/span>, tu vas devoir r\u00e9soudre les op\u00e9rations propos\u00e9es ! Pas de panique, deux modes de jeux sont disponibles : soit tu r\u00e9ponds tout seul, soit 4 r\u00e9ponses peuvent t\u2019\u00eatre propos\u00e9es.\r\n[\/column]\r\n[column lg=\"4\" md=\"12\" sm=\"12\" xs=\"12\" ]<img class=\"aligncenter wp-image-28259 size-medium\" src=\"https:\/\/www.dynseo.com\/wp-content\/uploads\/2020\/03\/Puzzle-Plus-2-300x199.png\" alt=\"\" width=\"300\" height=\"199\">Dans <span style=\"color: #526fa1;\"><strong>Puzzle Plus<\/strong><\/span>, tu dois recomposer des puzzles le plus vite possible. Tu peux trouver des dessins de la vie quotidienne mais aussi des photos d\u2019animaux. L\u2019histoire de chaque animal te sera racont\u00e9e \u00e0 la fin du puzzle !\r\n[\/column]\r\n[column lg=\"4\" md=\"12\" sm=\"12\" xs=\"12\" ]<strong><img class=\"aligncenter wp-image-28247 size-medium\" src=\"https:\/\/www.dynseo.com\/wp-content\/uploads\/2020\/03\/Les-cartes-endiabl\u00e9es-1-300x199.png\" alt=\"\" width=\"300\" height=\"199\"><span style=\"color: #526fa1;\">Cartes Endiabl\u00e9es <\/span><\/strong>: tu vas faire travailler ta m\u00e9moire car il te faut m\u00e9moriser l\u2019ordre des cartes, une fois m\u00e9lang\u00e9es, les remettre dans le bon ordre. Attention, le nombre de cartes augmente avec le niveau !\r\n\r\n[\/column]\r\n[\/row]\r\n<p style=\"text-align: center;\">[row]\r\n[column lg=\"4\" md=\"12\" sm=\"12\" xs=\"12\" ]\r\n<strong><img class=\"aligncenter wp-image-28255 size-medium\" src=\"https:\/\/www.dynseo.com\/wp-content\/uploads\/2020\/03\/Poeme-perdu-300x199.png\" alt=\"\" width=\"300\" height=\"199\"><span style=\"color: #526fa1;\">Po\u00e8me Perdu<\/span><\/strong> : c\u2019est simple ! Ecoute le po\u00e8me, m\u00e9morise le et retrouve les mots qui le composent. Parfait pour r\u00e9viser les fables de La Fontaine en s\u2019amusant !\r\n[\/column]\r\n[column lg=\"4\" md=\"12\" sm=\"12\" xs=\"12\" ]<strong><img class=\"aligncenter wp-image-28275 size-medium\" src=\"https:\/\/www.dynseo.com\/wp-content\/uploads\/2020\/03\/Syllabus-1-300x199.png\" alt=\"\" width=\"300\" height=\"199\"><span style=\"color: #526fa1;\">Syllabus<\/span><\/strong> : reconstitue les mots \u00e0 partir des syllabes. Parfait pour apprendre chaque jour du nouveau vocabulaire !<\/p>\r\n[\/column]\r\n[column lg=\"4\" md=\"12\" sm=\"12\" xs=\"12\" ]<strong><img class=\"aligncenter wp-image-28235 size-medium\" src=\"https:\/\/www.dynseo.com\/wp-content\/uploads\/2020\/03\/Jumelles-1-300x199.png\" alt=\"\" width=\"300\" height=\"199\"><span style=\"color: #526fa1;\">Les Jumelles<\/span><\/strong>, c\u2019est facile. Il te faut m\u00e9moriser l\u2019emplacement des cartes. Attention elles vont se retourner et tu devras recomposer les paires ! Plus le niveau est difficile, plus tu auras de cartes ! A toi de jouer.\r\n\r\n[\/column]\r\n[\/row]\r\n<div class=\"row rdk-mb rdk-mt\">\r\n<div class=\"rdk-heading\">\r\n<h2 style=\"text-align: center;\"><strong><span style=\"color: #526fa1;\">JOUEZ ENSEMBLE & PARTAGEZ DE BONS MOMENTS<\/span><\/strong><\/h2>\r\nRien de mieux que de jouer avec votre enfant ! Vous participez ainsi \u00e0 son apprentissage, et partagez une activit\u00e9. Pour cela, l\u2019\u00e9cran de la tablette se s\u00e9pare en 2, et vous jouez l\u2019un contre l\u2019autre.\r\n\r\n<\/div>\r\n<div class=\"col-lg-3 col-md-6 col-xs-12 col-sm-12\">\r\n<div class=\"game animated fadeInUp duration1 eds-on-scroll\"><img src=\"https:\/\/www.dynseo.com\/wp-content\/uploads\/2019\/09\/rf1-300x229.png\" alt=\"\" width=\"260\" height=\"198\"><\/div>\r\n<\/div>\r\n<div class=\"col-lg-3 col-md-6 col-xs-12 col-sm-12\">\r\n<div class=\"game animated fadeInUp delay1 duration1 eds-on-scroll\"><img src=\"https:\/\/www.dynseo.com\/wp-content\/uploads\/2019\/09\/rf2-300x229.png\" alt=\"\" width=\"260\" height=\"200\"><\/div>\r\n<\/div>\r\n<div class=\"col-lg-3 col-md-6 col-xs-12 col-sm-12\">\r\n<div class=\"game animated fadeInUp delay2 duration1 eds-on-scroll\"><img src=\"https:\/\/www.dynseo.com\/wp-content\/uploads\/2019\/09\/rf3-300x229.png\" alt=\"\" width=\"260\" height=\"201\"><\/div>\r\n<\/div>\r\n<div class=\"col-lg-3 col-md-6 col-xs-12 col-sm-12\">\r\n<div class=\"game animated fadeInUp delay3 duration1 eds-on-scroll\"><img src=\"https:\/\/www.dynseo.com\/wp-content\/uploads\/2019\/09\/rf4-300x229.png\" alt=\"\" width=\"260\" height=\"201\"><\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"row rdk-mb rdk-mt\">\r\n<div class=\"rdk-heading\">\r\n<h2 style=\"text-align: center;\"><span style=\"color: #526fa1;\"><strong>SE FAMILIARISER A L'ANGLAIS<\/strong><\/span><\/h2>\r\nLe programme de jeux \u00e9ducatifs Coco permet \u00e9galement \u00e0 vos enfants d\u2019apprendre du vocabulaire anglais.\r\n\r\n<\/div>\r\n<div class=\"col-lg-4 col-md-6 col-xs-12 col-sm-12\">\r\n<div class=\"game animated fadeInUp duration1 eds-on-scroll\"><img src=\"https:\/\/www.dynseo.com\/wp-content\/uploads\/2019\/09\/langlais-1-300x244.png\" alt=\"\" width=\"260\" height=\"198\"><\/div>\r\n<\/div>\r\n<div class=\"col-lg-4 col-md-6 col-xs-12 col-sm-12\">\r\n<div class=\"game animated fadeInUp delay1 duration1 eds-on-scroll\"><img src=\"https:\/\/www.dynseo.com\/wp-content\/uploads\/2019\/09\/langlais-2-300x251.png\" alt=\"\" width=\"260\" height=\"200\"><\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"row rdk-mb rdk-mt\">\r\n<div class=\"rdk-heading\">\r\n<h2 style=\"text-align: center;\"><span style=\"color: #526fa1;\"><strong>COCO EST CERTIFI\u00c9 APPLICATION <\/strong><strong>\u00c9DUCATIVE<\/strong><\/span><\/h2>\r\n<a href=\"https:\/\/www.educationalappstore.com\/app\/coco-educational-games-2020\"><img class=\"aligncenter wp-image-26831 size-thumbnail\" src=\"https:\/\/www.dynseo.com\/wp-content\/uploads\/2019\/12\/Certified_Badge-coco-300x300.png\" alt=\"\" width=\"300\" height=\"300\"><\/a>\r\n\r\n<\/div>\r\n<\/div>\r\n<div class=\"row rdk-mb rdk-mt\">\r\n<div class=\"rdk-heading\">\r\n<h2 style=\"text-align: center;\"><strong><span style=\"color: #526fa1;\">N\u2019ATTENDEZ PLUS, ABONNEZ-VOUS !<\/span><\/strong><\/h2>\r\nD\u00e9couvrez nos abonnements \u00e0 prix doux, avec des nouveaut\u00e9s tous les mois.\r\n<div class=\"ptsContainer\">\r\n<div class=\"ptsColsWrapper ui-sortable\">\r\n<div class=\"ptsEl ptsCol ptsCol-0 ptsTableDescCol ptsElWithArea\" style=\"min-height: auto; width: 100%;\" data-color=\"#49c6e1\" data-el=\"table_col_desc\">\r\n<div class=\"ptsTableElementContent ptsElArea\">\r\n<div class=\"ptsColHeader\" style=\"height: 105px;\">\r\n<div class=\"ptsEl\" data-el=\"table_cell_txt\" data-type=\"txt\">\r\n<p style=\"text-align: center;\">[ARPrice id=108]<\/p>\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<h2 style=\"text-align: center;\"><span style=\"color: #526fa1;\"><strong>LA COCO FAMILY<\/strong><\/span><\/h2>\r\n<span style=\"color: #526fa1;\">[ARPrice id=111]<\/span>\r\n\r\n\u00a0\r\n<div class=\"rdk-heading\">\r\n<h2 style=\"text-align: center;\"><strong><span style=\"color: #526fa1;\">CES ARTICLES PEUVENT VOUS\u00a0<\/span><\/strong><span style=\"color: #526fa1;\">INT\u00c9RESSER<\/span><\/h2>\r\n<\/div>\r\n<div class=\"col-lg-4 col-md-6 col-xs-12 col-sm-12\">\r\n<div class=\"game animated fadeInUp duration1 eds-on-scroll\"><a href=\"https:\/\/www.dynseo.com\/la-methode-montessori-expliquee-pour-les-nuls\/\">\r\n<img src=\"https:\/\/www.dynseo.com\/wp-content\/uploads\/2019\/03\/Article3.jpg\">\r\nLa m\u00e9thode Montessori expliqu\u00e9e pour les nuls.\r\n<\/a><\/div>\r\n<\/div>\r\n<div class=\"col-lg-4 col-md-6 col-xs-12 col-sm-12\">\r\n<div class=\"game animated fadeInUp delay1 duration1 eds-on-scroll\"><a href=\"https:\/\/www.dynseo.com\/lapprentissage-par-le-jeu-les-bienfaits-des-jeux-educatifs\/\">\r\n<img src=\"https:\/\/www.dynseo.com\/wp-content\/uploads\/2019\/03\/Article1.jpg\">\r\nL\u2019apprentissage par le jeu : les bienfaits des jeux \u00e9ducatifs.\r\n<\/a><\/div>\r\n<\/div>\r\n<div class=\"col-lg-4 col-md-6 col-xs-12 col-sm-12\">\r\n<div class=\"game animated fadeInUp delay2 duration1 eds-on-scroll\"><a href=\"https:\/\/www.dynseo.com\/conseils-dutilisation-de-la-tablette\/\">\r\n<img src=\"https:\/\/www.dynseo.com\/wp-content\/uploads\/2019\/03\/Article2.jpg\">\r\nConseils d\u2019utilisation de la tablette\r\n<\/a><\/div>\r\n<\/div>\r\n<div class=\"bkWMgd\">\r\n<div class=\"g knavi obcontainer mod\" data-md=\"77\" data-hveid=\"CAkQAA\" data-ved=\"2ahUKEwjvkL7M07rkAhX0BWMBHQJLBdgQkCkwAHoECAkQAA\">\r\n<div data-hveid=\"CAkQAQ\">\r\n<div id=\"tw-container\" class=\"vk_c\" data-cp=\"1\" data-nnttsvi=\"1\" data-nttsd=\"1\" data-sm=\"1\" data-sugg-time=\"500\" data-sugg-url=\"https:\/\/clients1.google.com\/complete\/search\" data-uilc=\"fr\">\r\n<div class=\"jhH5U r-iE68gzMmKA5M\" data-rtid=\"iE68gzMmKA5M\">\r\n<div id=\"tw-ob\" class=\"tw-src-ltr\">\r\n<div class=\"oSioSc\">\r\n<div id=\"tw-target\">\r\n<div id=\"kAz1tf\" class=\"g9WsWb\">\r\n<div id=\"tw-target-text-container\" class=\"tw-ta-container tw-nfl\">\r\n<div id=\"z6maec\" class=\"tw-ta-container tw-nfl\" style=\"text-align: left;\">\r\n<h3 style=\"text-align: center;\"><\/h3>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>","_et_gb_content_width":"","footnotes":""},"class_list":["post-486487","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Online Numbered Coloring Game - DYNSEO - Educational apps &amp; brain training apps for all<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.dynseo.com\/en\/online-numbered-coloring-game\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Online Numbered Coloring Game - DYNSEO - Educational apps &amp; brain training apps for all\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.dynseo.com\/en\/online-numbered-coloring-game\/\" \/>\n<meta property=\"og:site_name\" content=\"DYNSEO - Educational apps &amp; brain training apps for all\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-10T22:48:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dynseo.com\/wp-content\/uploads\/2024\/07\/Article-pour-jeux-de-memoire-et-services-educatifs-sur-tablette-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2000\" \/>\n\t<meta property=\"og:image:height\" content=\"1500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/en\\\/online-numbered-coloring-game\\\/\",\"url\":\"https:\\\/\\\/www.dynseo.com\\\/en\\\/online-numbered-coloring-game\\\/\",\"name\":\"Online Numbered Coloring Game - DYNSEO - Educational apps &amp; brain training apps for all\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/en\\\/online-numbered-coloring-game\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/en\\\/online-numbered-coloring-game\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.dynseo.com\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/Article-pour-jeux-de-memoire-et-services-educatifs-sur-tablette-1.png\",\"datePublished\":\"2026-01-16T23:47:31+00:00\",\"dateModified\":\"2026-03-10T22:48:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/en\\\/online-numbered-coloring-game\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.dynseo.com\\\/en\\\/online-numbered-coloring-game\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/en\\\/online-numbered-coloring-game\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.dynseo.com\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/Article-pour-jeux-de-memoire-et-services-educatifs-sur-tablette-1.png\",\"contentUrl\":\"https:\\\/\\\/www.dynseo.com\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/Article-pour-jeux-de-memoire-et-services-educatifs-sur-tablette-1.png\",\"width\":2000,\"height\":1500,\"caption\":\"Maintain your mental agility with our fun and enriching activities\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/en\\\/online-numbered-coloring-game\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.dynseo.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Online Numbered Coloring Game\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/www.dynseo.com\\\/en\\\/\",\"name\":\"Jeux de m\u00e9moire et stimulation cognitive\",\"description\":\"DYNSEO, and your brain is a new hero!\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.dynseo.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/en\\\/#organization\",\"name\":\"DYNSEO\",\"url\":\"https:\\\/\\\/www.dynseo.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.dynseo.com\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/logo-dynseo-new.png\",\"contentUrl\":\"https:\\\/\\\/www.dynseo.com\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/logo-dynseo-new.png\",\"width\":5073,\"height\":1397,\"caption\":\"DYNSEO\"},\"image\":{\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Online Numbered Coloring Game - DYNSEO - Educational apps &amp; brain training apps for all","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.dynseo.com\/en\/online-numbered-coloring-game\/","og_locale":"en_US","og_type":"article","og_title":"Online Numbered Coloring Game - DYNSEO - Educational apps &amp; brain training apps for all","og_url":"https:\/\/www.dynseo.com\/en\/online-numbered-coloring-game\/","og_site_name":"DYNSEO - Educational apps &amp; brain training apps for all","article_modified_time":"2026-03-10T22:48:15+00:00","og_image":[{"width":2000,"height":1500,"url":"https:\/\/www.dynseo.com\/wp-content\/uploads\/2024\/07\/Article-pour-jeux-de-memoire-et-services-educatifs-sur-tablette-1.png","type":"image\/png"}],"twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.dynseo.com\/en\/online-numbered-coloring-game\/","url":"https:\/\/www.dynseo.com\/en\/online-numbered-coloring-game\/","name":"Online Numbered Coloring Game - DYNSEO - Educational apps &amp; brain training apps for all","isPartOf":{"@id":"https:\/\/www.dynseo.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.dynseo.com\/en\/online-numbered-coloring-game\/#primaryimage"},"image":{"@id":"https:\/\/www.dynseo.com\/en\/online-numbered-coloring-game\/#primaryimage"},"thumbnailUrl":"https:\/\/www.dynseo.com\/wp-content\/uploads\/2024\/07\/Article-pour-jeux-de-memoire-et-services-educatifs-sur-tablette-1.png","datePublished":"2026-01-16T23:47:31+00:00","dateModified":"2026-03-10T22:48:15+00:00","breadcrumb":{"@id":"https:\/\/www.dynseo.com\/en\/online-numbered-coloring-game\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.dynseo.com\/en\/online-numbered-coloring-game\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.dynseo.com\/en\/online-numbered-coloring-game\/#primaryimage","url":"https:\/\/www.dynseo.com\/wp-content\/uploads\/2024\/07\/Article-pour-jeux-de-memoire-et-services-educatifs-sur-tablette-1.png","contentUrl":"https:\/\/www.dynseo.com\/wp-content\/uploads\/2024\/07\/Article-pour-jeux-de-memoire-et-services-educatifs-sur-tablette-1.png","width":2000,"height":1500,"caption":"Maintain your mental agility with our fun and enriching activities"},{"@type":"BreadcrumbList","@id":"https:\/\/www.dynseo.com\/en\/online-numbered-coloring-game\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.dynseo.com\/en\/"},{"@type":"ListItem","position":2,"name":"Online Numbered Coloring Game"}]},{"@type":"WebSite","@id":"https:\/\/www.dynseo.com\/en\/#website","url":"https:\/\/www.dynseo.com\/en\/","name":"Jeux de m\u00e9moire et stimulation cognitive","description":"DYNSEO, and your brain is a new hero!","publisher":{"@id":"https:\/\/www.dynseo.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.dynseo.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.dynseo.com\/en\/#organization","name":"DYNSEO","url":"https:\/\/www.dynseo.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.dynseo.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.dynseo.com\/wp-content\/uploads\/2022\/05\/logo-dynseo-new.png","contentUrl":"https:\/\/www.dynseo.com\/wp-content\/uploads\/2022\/05\/logo-dynseo-new.png","width":5073,"height":1397,"caption":"DYNSEO"},"image":{"@id":"https:\/\/www.dynseo.com\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.dynseo.com\/en\/wp-json\/wp\/v2\/pages\/486487","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dynseo.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.dynseo.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.dynseo.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dynseo.com\/en\/wp-json\/wp\/v2\/comments?post=486487"}],"version-history":[{"count":4,"href":"https:\/\/www.dynseo.com\/en\/wp-json\/wp\/v2\/pages\/486487\/revisions"}],"predecessor-version":[{"id":500202,"href":"https:\/\/www.dynseo.com\/en\/wp-json\/wp\/v2\/pages\/486487\/revisions\/500202"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.dynseo.com\/en\/wp-json\/wp\/v2\/media\/130227"}],"wp:attachment":[{"href":"https:\/\/www.dynseo.com\/en\/wp-json\/wp\/v2\/media?parent=486487"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}