Bathala - Promotional Website

🃏 BATHALA 🃏

Mend the Shattered Balance

A Filipino mythology-inspired roguelike where poker meets ancient spirits

🌟 About the Game

Bathala is a single-player, deck-building roguelike set in a world steeped in Filipino mythology. The core of the game revolves around a unique poker-based combat system where you are the Babaylan, a spiritual leader tasked with restoring cosmic harmony in a corrupted realm.

🎮 Key Features

• Strategic Poker-Based Combat: Form powerful poker hands to attack, defend, and unleash special abilities
• The Four Elemental Suits: Apoy (Fire), Tubig (Water), Lupa (Earth), and Hangin (Air) with unique tactical advantages
• Dynamic Difficulty Adjustment (DDA): Adaptive system that maintains player "flow" regardless of skill level
• Procedural Content Generation (PCG): Infinite replayability with unique overworld maps for every run
• The Landás System: Choose between Conquest, Balance, or Mercy alignments that shape your narrative journey
• Cultural Preservation: Interactive mythology museum featuring authentic Filipino folklore and spirits

🚀 Quick Start

Prerequisites

• Node.js (v16 or higher)
• npm or yarn

Installation

1. Clone the repository

   git clone https://github.com/devlocke-acsad/bathala-game-website.git
   cd bathala-game-website

2. Install dependencies

   npm install

3. Start the development server

   npm run dev

4. Open your browser Navigate to http://localhost:3000 to view the website

🛠️ Tech Stack

• Frontend: React 19.2.0 with TypeScript
• Build Tool: Vite 6.2.0
• Styling: Tailwind CSS with custom fonts
• Fonts:
  • Dungeon Mode (headings and UI)
  • Pixeled English Font (main branding)
  • Satoshi (body text)
• Deployment: Optimized for static hosting

📁 Project Structure

bathala-game-website/
├── components/          # React components
│   ├── ui/             # Reusable UI components
│   ├── Header.tsx      # Navigation header
│   ├── HeroSection.tsx # Main hero section
│   ├── GameSection.tsx  # Game features
│   ├── WorldSection.tsx # Game world lore
│   ├── ThesisSection.tsx # Research information
│   ├── FeaturesSection.tsx # Key features
│   ├── AboutSection.tsx # Team information
│   ├── MediaSection.tsx # Media content
│   └── Footer.tsx      # Footer with links
├── assets/             # Static assets
│   ├── fonts/          # Custom font files
│   └── images/         # Game images
├── App.tsx            # Main app component
├── index.html         # HTML template
└── package.json       # Dependencies and scripts

👥 Development Team

University of Makati - Bachelor of Science in Computer Science Thesis Project

• Adizon, Exequel - Project Lead, Game Designer, UI/UX Designer, Gameplay Developer
• Cabus, Clement Harold Miguel - DDA Developer, Gameplay Developer
• Magtajas, Chester - PCG Developer, Gameplay Developer, Sound Designer
• Olimberio, David Christian - Business Analyst, Gameplay Developer, UI/UX Designer

🤝 Special Thanks

We extend our gratitude to mythology experts Mr. Nitten Nair (CEO of Mythlok) and Sir Alymer of Y Realm Studios for their invaluable guidance in ensuring the respectful and authentic representation of Filipino culture.

🎯 Game Lore

In the beginning, the divine union of Bathala and Amihan created the islands—a paradise where elemental spirits lived in perfect balance. But this harmony was shattered when the engkanto (spirits of lies and illusion) corrupted the noble guardians of nature.

A prophecy foretells of a hero who can master the sacred elemental deck and mend the fractured world. That hero is you.

🌐 Links

• Website: bathala.quest
• Play Game: play.bathala.quest
• GitHub: github.com/devlocke-acsad
• Itch.io: devlockestudios.itch.io

📄 Academic Context

This promotional website was developed as part of the research thesis "DEVELOPMENT OF BATHALA: A FILIPINO MYTHOLOGY-INSPIRED ROUGELIKE CARD GAME FEATURING RULE-BASED DYNAMIC DIFFICULTY ADJUSTMENT MODEL AND PROCEDURAL CONTENT GENERATION"

---

© 2025 Devlocke Studios

Advancing game design through cultural preservation and adaptive systems research