{"id":486509,"date":"2026-01-17T00:54:01","date_gmt":"2026-01-16T23:54:01","guid":{"rendered":"https:\/\/www.dynseo.com\/juego-de-colorear-numerado-en-linea\/"},"modified":"2026-03-14T01:01:51","modified_gmt":"2026-03-14T00:01:51","slug":"juego-de-colorear-numerado-en-linea","status":"publish","type":"page","link":"https:\/\/www.dynseo.com\/es\/juego-de-colorear-numerado-en-linea\/","title":{"rendered":"Juego de colorear numerado en l\u00ednea"},"content":{"rendered":"

[et_pb_section fb_built=\u00bb1″ theme_builder_area=\u00bbpost_content\u00bb _builder_version=\u00bb4.27.5″ _module_preset=\u00bbdefault\u00bb][et_pb_row _builder_version=\u00bb4.27.5″ _module_preset=\u00bbdefault\u00bb theme_builder_area=\u00bbpost_content\u00bb width=\u00bb100%\u00bb max_width=\u00bb1365px\u00bb hover_enabled=\u00bb0″ sticky_enabled=\u00bb0″][et_pb_column _builder_version=\u00bb4.27.5″ _module_preset=\u00bbdefault\u00bb type=\u00bb4_4″ theme_builder_area=\u00bbpost_content\u00bb][et_pb_code _builder_version=\u00bb4.27.5″ _module_preset=\u00bbdefault\u00bb theme_builder_area=\u00bbpost_content\u00bb hover_enabled=\u00bb0″ sticky_enabled=\u00bb0″] Dibujo para Colorear Numerado Gratis | DYNSEO<\/title><!-- [et_pb_line_break_holder] --> <meta name=\"description\" content=\"Dibujo para colorear numerado gratis en l\u00ednea. Rel\u00e1jate coloreando dibujos con n\u00fameros. Relajante y estimulante para todas las edades.\"><!-- [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 Creatividad<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<h1>Dibujo para Colorear Numerado<\/h1>\n<p><!-- [et_pb_line_break_holder] --> <pee class=\"subtitle\">\u00a1Rel\u00e1jate coloreando!<\/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 Relajaci\u00f3n y estimulaci\u00f3n cognitiva<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <pee>\u00a1Descubre m\u00e1s actividades en nuestras apps!<\/pee><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"apps-row\"><!-- [et_pb_line_break_holder] --> <a href=\"https:\/\/www.dynseo.com\/es\/coco-piensa-y-coco-se-mueve-software-educativo\/\" class=\"app-badge\">\ud83d\udc76 COCO<\/a><!-- [et_pb_line_break_holder] --> <a href=\"https:\/\/www.dynseo.com\/es\/joe-tu-entrenador-de-entrenamiento-cerebral\/\" 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> completado<\/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 Paleta de colores<\/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 Nuevo<\/button><!-- [et_pb_line_break_holder] --> <button class=\"control-btn secondary\" id=\"hint-btn\">\ud83d\udca1 Sugerencia<\/button><!-- [et_pb_line_break_holder] --> <button class=\"control-btn secondary\" id=\"save-btn\">\ud83d\udcbe Guardar<\/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>El Dibujo para Colorear: Arteterapia Digital<\/h2>\n<p><!-- [et_pb_line_break_holder] --> <pee>El dibujo para colorear numerado es una actividad relajante que reduce el estr\u00e9s mientras estimula la concentraci\u00f3n. Cada \u00e1rea est\u00e1 asociada a un n\u00famero correspondiente a un color.<\/pee><!-- [et_pb_line_break_holder] --> <pee><strong>Beneficios:<\/strong> Concentraci\u00f3n, motricidad fina, reconocimiento de colores, relajaci\u00f3n y reducci\u00f3n de la ansiedad.<\/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>\u00a1Magn\u00edfico!<\/h2>\n<p><!-- [et_pb_line_break_holder] --> <pee>\u00a1Has terminado este dibujo para colorear!<\/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 Siguiente imagen<\/button><!-- [et_pb_line_break_holder] --> <a href=\"https:\/\/www.dynseo.com\/es\/joe-tu-entrenador-de-entrenamiento-cerebral\/\" class=\"modal-btn cta\" target=\"_blank\">\ud83e\udde0 Descubrir 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\/es\/coco-piensa-y-coco-se-mueve-software-educativo\/\">COCO<\/a> | <a href=\"https:\/\/www.dynseo.com\/es\/joe-tu-entrenador-de-entrenamiento-cerebral\/\">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 && 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\":\"\u00bfQu\u00e9 es el juego de colorear numerado en l\u00ednea?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Es una actividad relajante de arteterapia digital donde cada \u00e1rea del dibujo est\u00e1 asociada a un n\u00famero que corresponde a un color espec\u00edfico. Los usuarios deben colorear siguiendo esta numeraci\u00f3n para completar la imagen.\"}},{\"@type\":\"Question\",\"name\":\"\u00bfCu\u00e1les son los beneficios de colorear por n\u00fameros?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Los principales beneficios incluyen mejorar la concentraci\u00f3n, desarrollar la motricidad fina, fortalecer el reconocimiento de colores, proporcionar relajaci\u00f3n y reducir la ansiedad mediante la estimulaci\u00f3n cognitiva.\"}},{\"@type\":\"Question\",\"name\":\"\u00bfPara qu\u00e9 edades est\u00e1n disponibles las aplicaciones de colorear?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Las aplicaciones est\u00e1n dise\u00f1adas para todas las edades: COCO para ni\u00f1os, JOE para adultos y EDITH para personas mayores, adapt\u00e1ndose a las necesidades espec\u00edficas de cada grupo etario.\"}},{\"@type\":\"Question\",\"name\":\"\u00bfQu\u00e9 funciones tiene disponibles el juego de colorear numerado?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"El juego incluye una paleta de colores personalizable, opci\u00f3n de obtener nuevas im\u00e1genes, sistema de sugerencias para ayuda, funci\u00f3n para guardar el progreso y seguimiento del porcentaje completado.\"}},{\"@type\":\"Question\",\"name\":\"\u00bfC\u00f3mo ayuda esta actividad con el estr\u00e9s y la ansiedad?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"El dibujo para colorear numerado act\u00faa como arteterapia digital, proporcionando una actividad meditativa que reduce el estr\u00e9s y la ansiedad mientras mantiene la mente enfocada en una tarea relajante y creativa.\"}},{\"@type\":\"Question\",\"name\":\"\u00bfEs gratuito el juego de colorear numerado de DYNSEO?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"S\u00ed, DYNSEO ofrece dibujos para colorear numerados gratuitos como parte de sus actividades de estimulaci\u00f3n cognitiva y relajaci\u00f3n disponibles en l\u00ednea.\"}}]}<\/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-486509","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>Juego de colorear numerado en l\u00ednea - DYNSEO - Aplicaci\u00f3n educativa y juegos de memoria<\/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\/es\/juego-de-colorear-numerado-en-linea\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Juego de colorear numerado en l\u00ednea - DYNSEO - Aplicaci\u00f3n educativa y juegos de memoria\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.dynseo.com\/es\/juego-de-colorear-numerado-en-linea\/\" \/>\n<meta property=\"og:site_name\" content=\"DYNSEO - Aplicaci\u00f3n educativa y juegos de memoria\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-14T00:01:51+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=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/es\\\/juego-de-colorear-numerado-en-linea\\\/\",\"url\":\"https:\\\/\\\/www.dynseo.com\\\/es\\\/juego-de-colorear-numerado-en-linea\\\/\",\"name\":\"Juego de colorear numerado en l\u00ednea - DYNSEO - Aplicaci\u00f3n educativa y juegos de memoria\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/es\\\/juego-de-colorear-numerado-en-linea\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/es\\\/juego-de-colorear-numerado-en-linea\\\/#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:54:01+00:00\",\"dateModified\":\"2026-03-14T00:01:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/es\\\/juego-de-colorear-numerado-en-linea\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.dynseo.com\\\/es\\\/juego-de-colorear-numerado-en-linea\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/es\\\/juego-de-colorear-numerado-en-linea\\\/#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\":\"Mant\u00e9n tu agilidad mental con nuestras actividades divertidas y gratificantes\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/es\\\/juego-de-colorear-numerado-en-linea\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.dynseo.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Juego de colorear numerado en l\u00ednea\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/www.dynseo.com\\\/es\\\/\",\"name\":\"Jeux de m\u00e9moire et stimulation cognitive\",\"description\":\"Entra\u00eenez votre m\u00e9moire et votre cerveau avec DYNSEO\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.dynseo.com\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/es\\\/#organization\",\"name\":\"DYNSEO\",\"url\":\"https:\\\/\\\/www.dynseo.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/es\\\/#\\\/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\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Juego de colorear numerado en l\u00ednea - DYNSEO - Aplicaci\u00f3n educativa y juegos de memoria","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\/es\/juego-de-colorear-numerado-en-linea\/","og_locale":"es_ES","og_type":"article","og_title":"Juego de colorear numerado en l\u00ednea - DYNSEO - Aplicaci\u00f3n educativa y juegos de memoria","og_url":"https:\/\/www.dynseo.com\/es\/juego-de-colorear-numerado-en-linea\/","og_site_name":"DYNSEO - Aplicaci\u00f3n educativa y juegos de memoria","article_modified_time":"2026-03-14T00:01:51+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":{"Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.dynseo.com\/es\/juego-de-colorear-numerado-en-linea\/","url":"https:\/\/www.dynseo.com\/es\/juego-de-colorear-numerado-en-linea\/","name":"Juego de colorear numerado en l\u00ednea - DYNSEO - Aplicaci\u00f3n educativa y juegos de memoria","isPartOf":{"@id":"https:\/\/www.dynseo.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.dynseo.com\/es\/juego-de-colorear-numerado-en-linea\/#primaryimage"},"image":{"@id":"https:\/\/www.dynseo.com\/es\/juego-de-colorear-numerado-en-linea\/#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:54:01+00:00","dateModified":"2026-03-14T00:01:51+00:00","breadcrumb":{"@id":"https:\/\/www.dynseo.com\/es\/juego-de-colorear-numerado-en-linea\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.dynseo.com\/es\/juego-de-colorear-numerado-en-linea\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.dynseo.com\/es\/juego-de-colorear-numerado-en-linea\/#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":"Mant\u00e9n tu agilidad mental con nuestras actividades divertidas y gratificantes"},{"@type":"BreadcrumbList","@id":"https:\/\/www.dynseo.com\/es\/juego-de-colorear-numerado-en-linea\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.dynseo.com\/es\/"},{"@type":"ListItem","position":2,"name":"Juego de colorear numerado en l\u00ednea"}]},{"@type":"WebSite","@id":"https:\/\/www.dynseo.com\/es\/#website","url":"https:\/\/www.dynseo.com\/es\/","name":"Jeux de m\u00e9moire et stimulation cognitive","description":"Entra\u00eenez votre m\u00e9moire et votre cerveau avec DYNSEO","publisher":{"@id":"https:\/\/www.dynseo.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.dynseo.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.dynseo.com\/es\/#organization","name":"DYNSEO","url":"https:\/\/www.dynseo.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.dynseo.com\/es\/#\/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\/es\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.dynseo.com\/es\/wp-json\/wp\/v2\/pages\/486509","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dynseo.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.dynseo.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.dynseo.com\/es\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dynseo.com\/es\/wp-json\/wp\/v2\/comments?post=486509"}],"version-history":[{"count":4,"href":"https:\/\/www.dynseo.com\/es\/wp-json\/wp\/v2\/pages\/486509\/revisions"}],"predecessor-version":[{"id":506495,"href":"https:\/\/www.dynseo.com\/es\/wp-json\/wp\/v2\/pages\/486509\/revisions\/506495"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.dynseo.com\/es\/wp-json\/wp\/v2\/media\/130227"}],"wp:attachment":[{"href":"https:\/\/www.dynseo.com\/es\/wp-json\/wp\/v2\/media?parent=486509"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}