Forward - Card Adventure Game

Seele01-Flash
By
Forward is an engaging card-based adventure game where you control a hero card to battle monsters and collect valuable loot. Simple drag controls meet strategic gameplay in this addictive browser experience.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Forward - Pixel Card Crawler**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** High-quality **Pixel Art** aesthetic rendered in a 3D space. The cards should be 3D planes with pixel art textures mapped onto them. * **The Cards:** * **Hero Card:** Depicts a knight or adventurer. Displays current Health (HP) and Shield/Armor points clearly on the card face. * **Enemy Cards:** Various monsters (e.g., Rats, Skeletons, Slimes) with Attack Power values (e.g., "7" inside a purple icon). * **Item Cards:** "Coin" (Yellow border, adds score/currency), "Wooden Shield" (Gray border, adds defense), "Healing Potion" (Red border, restores HP). * **Card Design:** Each card needs a clear colored border to indicate type (Red=Health, Gray=Defense, Purple/Black=Enemy, Yellow=Gold). The background of the card should be a parchment/paper texture. * **The Board:** A dark, minimalist dungeon background (dark grey or deep brown) so the cards pop. The play area is a 3x3 grid (or 3 columns infinite scroll), but the screenshot suggests a specific layout where the player chooses a path forward. * **VFX:** * When the player drags their card onto an enemy: A "slash" particle effect and a screen shake. * When picking up gold: A floating "+1" text animation rising up. * When taking damage: The Hero card flashes red. * **Mobile Optimization:** Use simple PlaneGeometries for cards to keep polygon count low. Use a single texture atlas for all pixel art sprites to minimize draw calls. ### 2. Audio Requirements * **BGM (Background Music):** A retro, chiptune-style dungeon crawler track. It should be mysterious and slightly tense but with a driving rhythm (100-110 BPM) to encourage "moving forward." * **SFX (Sound Effects):** * **Card Flip/Move:** A crisp "swish" sound like paper sliding on a table. * **Combat:** 8-bit crunch or hit noise when attacking. * **Gold:** A high-pitched retro "ding" or coin sound. * **Potion:** A "glug-glug" or magical chime sound. * **Death:** A descending minor-key chiptune scale. ### 3. Gameplay Loop * **Core Mechanic:** The player controls a **Hero Card** located at the bottom center. The player must drag and drop the Hero Card onto one of the cards in the row directly *above* or *adjacent* to them to move "Forward." * **Interactions:** * **Moving to Gold:** Increases score/gold count. Card disappears. * **Moving to Shield:** Adds value to the Hero's Shield counter. Card disappears. * **Moving to Potion:** Restores Health up to max. Card disappears. * **Moving to Enemy:** Combat occurs. * *Calculation:* Hero takes damage = (Enemy Attack - Hero Shield). If Shield > Enemy Attack, Shield is reduced by Attack amount. If Attack > Shield, Shield breaks and remaining damage hits HP. * Enemy card is removed after combat. * **Progression:** Every time the player moves to a new card, the rows scroll down (or new cards fall in from top) to fill the grid, presenting new choices. * **Game Over:** When Hero HP reaches 0. Display a "Game Over" modal with the final distance/gold score and a "Restart" button. ### 4. Mobile Controls & Interaction * **Primary Control:** **Drag and Drop**. The player touches the Hero card, drags it towards a target card (highlighting the target when hovering), and releases to execute the move. * **Orientation:** **Portrait Mode (Vertical)**. This is crucial for one-handed play. The grid should be stacked vertically. * **UI Layout:** * Top: Current Score/Gold and Depth (Distance traveled). * Center: The Card Grid. * Bottom/Card Overlay: Hero stats (Health Heart Icon, Shield Icon) must be large and legible. * **Feedback:** * **Haptic Feedback:** Trigger a short vibration (using `navigator.vibrate`) when the player engages in combat or takes damage. * **Visual Cues:** If a move will kill the player (Enemy Attack > Current HP), highlight the enemy card with a pulsing red warning outline when dragging near it. ### 5. Language * English Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Forward

Forward is a unique card-based adventure game that combines strategic thinking with simple, intuitive controls. In this pixel-art styled game, your mission is to slay as many monsters as possible while collecting valuable items and surviving increasingly challenging encounters.

The game features a distinctive card-driven gameplay system where every element - from your hero to enemies, items, and equipment - is represented by beautifully designed cards with pixel art graphics.

Core Features

Simple Yet Strategic Gameplay

Forward's genius lies in its simplicity. Using just your mouse, you drag your hero card around the battlefield to engage enemies, collect items, and navigate through dangerous encounters. This intuitive control scheme makes the game accessible to players of all skill levels.

Card-Based Battle System

Every aspect of the game is represented through cards: - Hero Cards : Your main character with health points and abilities - Monster Cards : Various enemies with different strengths and weaknesses
- Item Cards : Coins, healing potions, and equipment like shields - Equipment Cards : Wooden shields, iron shields, and other gear to enhance your survival

Pixel Art Aesthetic

The game features charming 16-bit style pixel art that brings each card to life. From fierce monsters to valuable treasures, every element is crafted with attention to detail that appeals to retro gaming enthusiasts.

Progressive Difficulty

As you advance through the game, encounters become more challenging. You'll need to strategically manage your resources, choose your battles wisely, and upgrade your equipment to survive longer and achieve higher scores.

Game Mechanics

Combat System

Battle unfolds through card positioning and timing. Drag your hero card to engage monsters, but be strategic about when and how you attack. Each monster has different health values and attack patterns.

Resource Management

Collect coins to purchase upgrades and healing potions to restore your health. Managing these resources effectively is key to extending your adventure and maximizing your monster-slaying potential.

Equipment Upgrades

Find and equip shields and other protective gear to increase your survivability. Equipment cards provide defensive bonuses that can mean the difference between victory and defeat.

How to Play

Basic Controls

The game uses simple mouse controls: - Drag with left mouse button : Move your hero card around the battlefield - Position strategically : Place your hero card next to enemies to initiate combat - Collect items : Drag your hero over item cards to pick them up

Winning Strategy

  1. Start cautiously : Begin by fighting weaker enemies to gain experience
  2. Collect everything : Don't miss coins and healing items
  3. Upgrade wisely : Invest in shields and defensive equipment early
  4. Plan your moves : Think ahead before engaging multiple enemies
  5. Manage health : Use healing potions at the right moments

Why Play Forward

Forward offers a perfect blend of accessibility and depth that makes it ideal for both casual gaming sessions and longer strategic play. The card-based mechanics create a unique twist on traditional adventure games, while the pixel art style provides nostalgic charm.

The game is completely free to play and runs directly in your web browser without any downloads or installations required. Whether you have a few minutes or want to spend an hour trying to beat your high score, Forward delivers satisfying gameplay that's easy to start but challenging to master.

Perfect for fans of card games, adventure titles, retro pixel art, and anyone looking for an engaging browser game that doesn't require a major time commitment to enjoy.

Frequently Asked Questions (FAQ)