Animal Tile Match Project Report
1. The Concept
Animal Tile Match is a lightweight browser game where players clear a board by matching pairs of available animal tiles. The board uses a fixed layered layout: a tile becomes available when it is the top active tile in its stack. The MVP is designed to be easy to understand, quick to play, and achievable in one day.
2. The Stack
The Stack: HTML, CSS, and vanilla JavaScript in one self-contained index.html file. The game uses local image assets for animals, buttons, icons, backgrounds, and UI panels. No framework, package dependency, backend, database, API, or build tool is required.
The AI Assist: Codex assisted with implementation, responsive layout work, asset integration, validation of the fixed 32-tile board, gameplay behavior, and project documentation.
3. The 1 Day Sprint
Morning (Hours 1–3): Defined the MVP scope, inspected the approved assets and UI references, created the fixed board data, and set up the central game state and initial render.
Afternoon (Hours 4–6): Implemented tile availability, selection, pair matching, removal, shuffle, restart, victory handling, and error handling. The game was kept within a single HTML file.
The Finish Line (Hours 7–8): Refined the gameplay, start, victory, header, and mobile layouts; reused the approved artwork; validated board counts and IDs; and prepared the README and final project report.
4. The Roadblocks
Roadblocks: The main challenges were fitting the layered board, HUD, and controls cleanly across different viewport sizes while preserving the approved desktop composition. Asset changes and responsive mobile constraints also required careful CSS overrides so the fixed board geometry and gameplay logic remained unchanged.
5. Key Takeaways
Keeping the MVP focused made the project realistic for a one-day sprint. A fixed board layout and a small state model were enough to create clear, dependable gameplay without adding unnecessary systems.
Using existing assets consistently was important: the artwork established the game’s visual identity, while CSS handled responsive sizing, placement, and interaction states.
My final thought: Animal Tile Match demonstrates that a polished, playable browser game can be built quickly when the scope is clear, the visual assets are ready, and the implementation stays focused on the core player experience.