Flames & Fortune - Collectible Card Dungeon Game

Seele01-Flash
By
Flames & Fortune is an engaging collectible card game that combines strategic deck building with dungeon exploration. Play as a fire-wielding knight, using tactical card gameplay to conquer treacherous dungeons and collect valuable treasures.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Flames & Fortune". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** A 2.5D "Dungeon Solitaire" aesthetic. The game takes place on a wooden table surface within a dark, torch-lit stone dungeon. The art style should be illustrated fantasy—bold outlines, high contrast, and deep blue/teal shadows with warm orange highlights from fire sources. * **Card Assets:** Create 3D card meshes (thin boxes with slight thickness) representing the deck. * **Types:** Red (Enemy/Undead), Blue (Shield/Defense), Green (Potion/Health), Gold (Treasure), and Special (Fire Spells). * **Details:** Each card must display a central icon (e.g., Skeleton, Shield, Coin) and a numerical value (Power/HP) in the top corner. * **Avatar:** A 2D sprite or low-poly bust of a Knight in the bottom center UI, featuring glowing eyes and metallic armor. This serves as the player's health and status anchor. * **Lighting & Particles:** Use a warm PointLight to simulate a flickering torch affecting the cards' specularity. Implement a particle system for "fire sparks" rising from the bottom of the screen. * **Mobile Optimization:** Use instanced mesh rendering for the deck if possible. Textures should be compressed. Ensure the camera is a fixed PerspectiveCamera optimized for the playing field. ### 2. Audio Requirements * **BGM:** A looping, suspenseful medieval fantasy track. Low strings, subtle percussion, and ambient dungeon echoes (dripping water, distant wind). * **SFX:** * *Card Interaction:* "Whoosh" on draw, crisp "Snap" when placing a card in a slot. * *Combat:* Metallic "Clang" for shields, "Sizzle/Burn" for fire spells, and a "Crunch" for hitting enemies. * *Loot:* A satisfying metallic "Ching" for collecting gold. * *UI:* Wooden clicking sounds for buttons. ### 3. Gameplay Loop * **Setup:** The player has a set amount of Health (e.g., 10/10). A standard deck of 54 cards (Monsters, Items, Spells) is shuffled. * **The Deal:** Four "Dungeon Cards" are dealt face-up into the top row (The Dungeon). The player has three empty slots (Left Hand, Backpack, Right Hand). * **Core Mechanics:** * **Drag & Drop Logic:** Players drag cards from the Dungeon row onto their Avatar or Equipment slots. * **Combat:** Dragging a Weapon/Spell onto a Monster deals damage equal to the card's value. If Monster HP > Weapon, the player takes the difference as damage. * **Defense:** Dragging a Shield reduces incoming damage. * **Looting:** Dragging a Coin card collects it (score). Dragging a Potion restores Player HP. * **Clearing:** Once three Dungeon Cards are cleared/used, new cards are dealt from the deck to fill the empty spots. * **Win/Loss:** The player wins if the entire Dungeon Deck is exhausted. The player loses if their Health drops to 0. ### 4. Mobile Controls & Interaction * **Control Scheme:** Single-finger drag-and-drop. * Use `Raycaster` for touch detection. * Cards must "lift" visually (scale up slightly + shadow offset) when touched to indicate selection. * **Screen Orientation:** Landscape mode (responsive design that fits the cards within the `window.innerWidth` without scrolling). * **UI Layout:** * **Top Row:** The 4 active Dungeon Cards. * **Bottom Row:** Player Avatar (Center), Equipment Slots (Left/Right). * **Touch Targets:** Ensure all interactive elements have a hit area of at least 44x44 pixels. * **Feedback:** * **Visual:** Shake the camera (`camera.position`) slightly when the player takes damage. Flash the screen red on low health. * **Haptic:** Trigger `navigator.vibrate(50)` when a card is successfully played or gold is collected. * **Tweening:** Use TWEEN.js or GSAP for smooth card movement animations (deal, discard, attack). Don't just teleport objects. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Flames & Fortune is a captivating collectible card game that masterfully blends strategic card mechanics with dungeon exploration elements. In this tactical adventure, you assume the role of a powerful knight wielding devastating fire spells, embarking on perilous journeys through mysterious dungeons filled with challenges, treasures, and dangerous adversaries.

The game offers a unique twist on traditional card games by incorporating dungeon crawling mechanics, where every decision matters and strategic thinking determines your survival. Each level presents a new puzzle to solve using your carefully assembled deck of cards, creating an engaging experience that rewards both tactical planning and quick thinking.

Core Features

Strategic Card-Based Combat

Flames & Fortune revolves around intelligent card placement and resource management. Unlike simple card games, every move requires careful consideration as you balance offense, defense, and resource collection to progress through increasingly challenging dungeons.

Fire Magic Arsenal

As a fire-wielding knight, you command an impressive array of flame-based spells and abilities. Your deck includes powerful fire cards that can devastate enemies, clear obstacles, and provide tactical advantages in critical moments.

Progressive Dungeon Exploration

Each dungeon level presents unique layouts and challenges. Successfully clearing all cards from a level allows you to escape and progress deeper into the underground labyrinth, where greater treasures and more formidable foes await.

Gold Collection and Deck Building

Gather gold throughout your adventures to enhance your deck and acquire new powerful cards. The collection aspect adds depth to the gameplay, encouraging multiple playthroughs to build the perfect deck for your playstyle.

Cross-Platform Accessibility

Enjoy seamless gameplay across desktop and mobile devices through any modern web browser. No downloads required – simply open your browser and begin your dungeon adventure immediately.

Gameplay Mechanics

The core gameplay revolves around strategic card placement and tactical decision-making. Players must carefully analyze each situation, considering available cards, remaining resources, and potential threats. The goal is to clear all cards from each dungeon level while maintaining your knight's health and collecting valuable resources.

Success requires understanding card synergies, managing your limited resources effectively, and adapting your strategy based on the unique challenges each dungeon presents. The fire magic theme adds visual flair and thematic cohesion to the strategic gameplay.

Operation Guide

Flames & Fortune features intuitive mouse-based controls designed for both desktop and mobile play:

  • Card Placement : Drag cards with the left mouse button to position them strategically on the game board
  • UI Interaction : Click the left mouse button to interact with menus, buttons, and game interface elements
  • Strategic Planning : Analyze the board state and available cards before making moves
  • Resource Management : Monitor your health, gold, and remaining cards throughout each level

The simple control scheme ensures that players can focus on strategy rather than complex input methods, making the game accessible to card game enthusiasts of all skill levels.

Why Play Flames & Fortune

Flames & Fortune stands out in the crowded card game market by offering a perfect balance of strategic depth and accessibility. The combination of collectible card mechanics with dungeon exploration creates a unique gaming experience that appeals to both card game veterans and newcomers to the genre.

The game's free-to-play model removes barriers to entry, allowing players to experience the full adventure without financial commitment. Regular updates and new content ensure that the dungeon depths always hold fresh challenges and discoveries.

Whether you're looking for a quick strategic challenge or an extended gaming session, Flames & Fortune adapts to your schedule while providing consistently engaging gameplay that rewards both tactical thinking and creative problem-solving.

Frequently Asked Questions (FAQ)