2D Top-Down Tilemap Game

This is a beginner-friendly 2D top-down tile-based game built using HTML5 Canvas, JavaScript, and modular ES6 imports. It features:

• A tilemap loaded from Tiled
• Custom tileset artwork
• A player that moves via arrow keys
• Interactive house tiles
• A full-screen inventory UI

---

🎮 How to Play

• Use arrow keys to move your player around the map
• Walk into a house tile to open the house UI
• Inside a house:
  • Use arrow keys to navigate items
  • Press Enter to pick up items
  • Press Escape to exit the house

Your inventory appears on the right side of the screen.

---

🚀 Goals

This project is meant to:

• Learn modular JavaScript structure
• Practice game development fundamentals
• Understand working with tilesets, maps, and collisions

---

🛠️ Development

This project uses:

• HTML, CSS, JavaScript
• ES6 modules (use a local server or live preview)
• Tiled Map Editor for map design

To run it:

• Clone or download the repo
• Open index.html with Live Server or from a local server

---

🔒 .gitignore

A .gitignore file is included so that in the future you can safely exclude:

• API keys
• Build folders
• .env files
• Node modules (if added)

Current placeholder entries:

# Future secrets
.env
*.key

---

📌 Note

This is a personal learning project. Contributions, feedback, and forks are welcome!

Created by someone passionate about learning development by building real projects 🎯

Attributions

• Torch icons created by Freepik - Flaticon