Sugarizer ConnectTheDots

This project aims to develop a comprehensive ConnectTheDots activity for the Sugarizer platform that combines creative expression, structured learning, and strategic gameplay into a single unified experience. Currently, Sugarizer lacks an activity that integrates these three aspects. Existing tools typically focus on only one area, leaving a gap for an engaging, multi-mode activity that supports diverse learning styles for children aged 5–11. To address this, the project will implement three core modes using Vanilla JavaScript, HTML5, CSS3, and the Sugar-Web framework: Draw Mode: A free-form mode where children can draw on a dot grid with real-time feedback. Number Mode: A guided learning mode where users connect numbered dots to reveal shapes, with support for custom templates and Journal integration. Game Mode: A strategy-based territory capture game with accurate capture logic and an AI opponent using a greedy heuristic approach. The final deliverable will be a production-ready, optimized activity that runs smoothly on low-end devices and high-DPI touch screens, providing an engaging and scalable learning experience within Sugarizer.