🗺️ Map ›
🛡️ Warrior ›
🎮 Web Game Dev
Lesson 3 — Collisions and Scoring
⏱ 35–45 minutes 💻 Write HTML/CSS/JS with live preview in the browser
💡 A collision is an overlap condition on two axes, and score is state that must be shown back to the player
👨👩👧 Notes for parents
Level: Warrior — roughly Grade 8 / ages 13–14 Duration: 35–45 minutes Format: Write HTML/CSS/JS with live preview in the browser Concept: A collision is an overlap condition on two axes, and score is state that must be shown back to the player
Learning Objective
Kids write box-collision conditions, increase a score, randomise a position, and update the DOM so the player sees it.
Do It Together (Parent-Child Co-participation)
Dare a parent to set a 30-second high score, then let your child tune the difficulty (coin size, speed) until it feels right.