Roadoodle Project Report
1. The Concept
Roadoodle is a browser-based physics drawing puzzle game. Players draw roads with limited ink, then press Start to help a small car reach a checkered flag. The game is designed around simple experimentation: adjust a ramp, observe the result, and try again.
2. The Stack
The Stack: HTML5, CSS3, vanilla JavaScript, Canvas rendering, Web Audio API, browser localStorage, and PNG/SVG UI assets.
The AI Assist: Codex supported rapid interface iteration, gameplay balancing, responsive layout work, asset preparation, debugging, documentation, and code review throughout the sprint.
3. The 1 Day Sprint:
Morning (Hours 1–3): Built the single-file game foundation, including the home screen, gameplay HUD, drawing input, road collision logic, car physics, level data, scoring, and saved progress.
Afternoon (Hours 4–6): Refined the notebook visual style, created matching control assets, improved the full-screen gameplay layout, added Help guides, adjusted road rendering, and simplified levels by removing unnecessary obstacles.
The Finish Line (Hour 7-8): Improved the landscape mobile experience, added a rotate-device prompt for portrait phones, checked JavaScript syntax, created the README, and documented the project.
4. The Roadblocks
Roadblocks: The largest challenge was making roads look smooth while still matching the physics surface that the car drives on. Several level layouts also included decorative or redundant platforms that confused the route. These were simplified so every visible obstacle has a gameplay purpose. Another challenge was fitting the home screen on short landscape phone screens without clipping the Music button or overlapping the car; a compact three-button mobile layout resolved this.
5. Key Takeaways
Small physics games need visual and gameplay rules to agree: a road that looks smooth must also behave smoothly.
Responsive design needs to be tested at real mobile landscape dimensions, not only on a large desktop viewport.
Clear visual hierarchy and fewer unnecessary objects make a puzzle easier to understand.
My final thought: Roadoodle demonstrates how a focused drawing mechanic, simple physics, and an approachable doodle style can create a playful browser game without a heavy technical stack.