Advanced β€” Claude API Project
πŸ—ΊοΈ

Dungeon Treasure Hunt

Explore the dungeon. Find the keys. Claim the gold.

πŸ‘¨β€πŸ‘©β€πŸ‘§ For Parents β–Ύ

This project is built with HTML, CSS, and JavaScript. A top-down dungeon game renders on an HTML Canvas with square fog of war β€” and each time the player opens a chest, the Claude AI generates a unique treasure with a random gold value. Kids learn these skills by building it:

  • HTML Canvas and game loops
  • requestAnimationFrame
  • Tile-based map rendering
  • Fog of war / visibility system
  • Integrating AI into a game
  • async/await with game state
πŸ’° 0 gold ❀️❀️❀️ πŸ—οΈ β€” πŸ“¦ 0/7
πŸ—ΊοΈ
Dungeon Treasure Hunt
  • πŸ—οΈ Collect a key before its matching chest will open
  • πŸ“¦ Walk onto a chest to open it β€” AI reveals what's inside
  • πŸ‰ Dodge dragons β€” they bite and steal your gold!
  • πŸ‘οΈ Only the lit square around you is visible
πŸ“¦
Opening Chest…
πŸ’€
You Died!
A dragon got you before you could claim all the treasure.
0Gold
0Chests
πŸ†
All Chests Found!
You've plundered the dungeon. The treasure is yours.
0Gold
0Chests
β–²
β—€
β–Ά
β–Ό

WASD or Arrow Keys to move  Β·  Find the colored key before each chest