HanuLab HanuLab
🗺️ 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
💡 Play away! To save stars, ask a parent to log in
👨‍👩‍👧 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.