Find the Odd One Project Report
1. The Concept
Find the Odd One is a bilingual educational web game designed for children aged 7–9. Players must identify the different object among several similar images before the 60-second timer runs out.
The game combines entertainment with educational benefits by helping children improve their observation, concentration, visual comparison, classification, and pattern-recognition skills. It supports both Khmer and English and is free to play without advertisements, accounts, or in-app purchases.
2. The Stack
The Stack: HTML5, CSS3, Vanilla JavaScript, Local Storage, generated PNG image assets, and the Web Audio API.
The project uses a lightweight, framework-free structure so it can run directly in a modern web browser on phones, tablets, and computers. Local Storage saves the player’s language, sound preference, scores, stars, and unlocked levels on the device.
The AI Assist: AI helped define the target audience, review the game concept, plan the gameplay loop, generate realistic puzzle images, create bilingual UI content, evaluate retention features, and improve the project’s code and documentation.
3. The 1 Day Sprint
Morning (Hours 1–3): The first stage focused on defining the game concept, target users, and core gameplay. I reviewed game-design and UI/UX rules, selected children aged 7–9 as the primary audience, and planned a bilingual Khmer-English experience. I also established the main gameplay loop, scoring system, difficulty progression, and educational purpose.
Afternoon (Hours 4–6): I built the main web application using HTML, CSS, and JavaScript. I created the home, level map, gameplay, and result screens. I added the 60-second timer, hints, combo tracking, scoring, stars, level progression, sound feedback, language switching, and Local Storage. Generated image assets were prepared for different object categories and puzzle variations.
The Finish Line (Hours 7–8): I reviewed the complete project, improved the replay experience, expanded the level structure to multiple themed worlds, and refined the difficulty system. I also checked project assets, removed unused images and development tools, verified that no required files were missing, and wrote the project README.
4. The Roadblocks
Roadblocks: One major challenge was creating generated images that looked consistent while still having exactly one clear difference. Changes in color, orientation, and small details had to remain visible and fair for children.
Khmer text also required careful UI planning because it can occupy more space than English and should not break unnaturally between lines. Buttons and instructions needed to remain short, readable, and understandable within three seconds.
Another challenge was balancing difficulty. Large grids, subtle differences, and strong time penalties could frustrate younger players. Early levels therefore needed larger objects, clearer differences, more hints, and softer penalties.
The project also needed a meaningful reason for players to return. Scores and stars alone were not enough, so the design was expanded to include replayable levels, personal-best goals, combos, themed worlds, and planned skill-based badges.
5. Key Takeaways
A successful children’s game must be understandable before it becomes challenging. Clear visuals, large touch targets, short instructions, and immediate feedback are more important than adding many features.
Educational content works best when it is part of the gameplay. Instead of presenting lessons separately, Find the Odd One teaches through observation, comparison, and short explanations of why an object is different.
Generated images require human review. Every puzzle must have one intentional answer, consistent image quality, and no unexpected visual difference that could confuse the player.
Player retention should come from improvement, discovery, and mastery—not pressure. Personal bests, new themes, stars, and badges are more appropriate for children than forced login streaks, advertisements, energy systems, or random rewards.
A simple technology stack was enough to build the complete game experience. Vanilla JavaScript also made the application lightweight, fast, and easy to run in a browser.
My final thought: Find the Odd One demonstrates that a small and simple game concept can become an engaging educational experience when it has a clear target audience, a focused gameplay loop, fair progression, consistent visual design, and a meaningful reason to play again.