Dungeon Crawler Game

A roguelike adventure built with HTML and JavaScript

Technologies

  • HTML5 Canvas (Multi-layer Drawing)
  • TensorFlow.js & Teachable Machine
  • Vanilla JavaScript (7400+ lines)
  • CSS3 Animations & Modal Systems
  • Procedural Maze Generation
  • LocalStorage Save System
  • Mobile Touch Events & Joystick

Features

  • Draw your character (AI analyzes art)
  • 61 unique abilities across 10 rarity tiers
  • Turn-based combat with status effects
  • Farm Tactics: 10-wave defense game
  • Fishing mini-game with 15 fish species
  • Procedural dungeons (scale with floors)
  • Town hub with NPCs and quests
  • Dynamic music system (5 modes)

Technical Highlights

AI-powered roguelike combining:

  • TensorFlow image recognition (344 classes)
  • Status effects: Poison, Burn, Stun, Freeze
  • Farm Tactics: Turn-based tower defense
  • 6 plant types with unique abilities
  • Color unlock system (5 unlockable colors)
  • Ability system: 61 skills with cooldowns
  • Boss battles & enemy attack patterns