DUO With Friends - Online Card Game

Seele01-Flash
By
DUO With Friends is an enhanced online card game based on UNO, supporting up to 8 players with custom rules, unique special cards, and multiple game modes. Play free in your browser with friends worldwide.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "DUO With Friends". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** A clean, vibrant, and casual aesthetic. Use a "Flat 3D" style where cards have slight thickness (geometry) but use flat, bright colors (Red, Yellow, Blue, Green) to mimic the vector art of the original game. * **The Table:** A 3D circular table surface with a felt-like texture (dark red or green) to provide contrast against the bright cards. * **Card Models:** Create a reusable 3D card mesh with rounded corners. Use texture mapping to distinguish between Number Cards (0-9), Action Cards (Skip, Reverse, +2), and the unique "DUO" Wild cards. * **Layout:** Arrange player positions in a circle around the center pile. Since the game supports up to 8 players, ensure the camera is positioned top-down (slightly angled) to show the local player's hand clearly at the bottom, while representing opponents as avatars or simplified card stacks around the perimeter. * **Visual Effects (VFX):** * Simple particle bursts when a "+4" or "Wild" card is played. * A smooth "glow" outline shader for valid playable cards in the player's hand. * **Mobile Optimization:** Use `InstancedMesh` for the card deck to reduce draw calls. Use low-poly meshes for the environment. Ensure textures are compressed. ### 2. Audio Requirements * **BGM:** A cheerful, looping "Lounge Jazz" or "Upbeat Pop" instrumental track that is relaxing but keeps the energy up. * **Sound Effects (SFX):** * **Card Flip/Deal:** Crisp paper sliding sounds (randomized pitch slightly for realism). * **Valid Move:** A satisfying "pop" or "click". * **Invalid Move:** A dull "thud" or error buzzer. * **Special Ability:** Specific jingles for the unique cards (e.g., a "shimmer" sound for the 'Watcher' card, a "shuffle" sound for 'Number Shuffle'). * **"DUO" Alert:** A voice clip or urgent alarm sound when a player has 1 card left. ### 3. Gameplay Loop * **Setup:** Generate a deck containing standard UNO-style cards plus the **DUO-exclusive cards**: * *Wild 'Find 0'* * *Wild 'Switch Cards'* * *Wild 'Double'* * *Wild 'Number Shuffle'* * *Wild 'Watcher'* * **Turn Logic:** 1. Check the top card of the discard pile. 2. Current player must match by **Color**, **Number**, or play a **Wild** card. 3. If no move is available, the player draws from the stack until a playable card is found (or a max limit is reached). * **Bot Simulation:** Since this is a frontend prototype, simulate 3-7 opponent bots with simple logic (play valid card if exists -> else draw). * **Win Condition:** The round ends when a player's hand is empty. Calculate score based on remaining cards in opponents' hands. * **Unique Mechanics Implementation:** * For *'Switch Cards'*, visually swap the Hand arrays between the player and the target. * For *'Watcher'*, flip opponent card meshes face-up for 5 turns. ### 4. Mobile Controls & Interaction * **Camera:** Fixed perspective. Landscape orientation is preferred to fit the 8-player layout. * **Touch Controls:** * **Raycasting:** Implement precise raycasting for touching cards. * **Selection:** Tapping a card in hand selects it (lifts it slightly along the Y-axis). Tapping again plays it. * **Drag & Drop (Optional):** Allow dragging the card to the center pile for a more tactile feel. * **UI Layout:** * **DUO Button:** A large, accessible button (min 60x60px) in the thumb-zone (bottom right or left) to call "DUO" before playing the second-to-last card. * **Color Picker:** When a Wild card is played, a large 4-quadrant color wheel overlay should appear for easy touch selection. * **Feedback:** * Use `navigator.vibrate(50)` for haptic feedback when a valid card is played. * Screen shake (mild) when a "+4" or "Wild Double" is played against the player. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About DUO With Friends

DUO With Friends is an exciting online card game that takes the classic UNO formula and expands it with innovative features and enhanced multiplayer capabilities. This free browser-based game supports up to 8 players simultaneously, making it perfect for larger groups of friends or family members who want to enjoy a competitive card game together.

Unlike traditional UNO, DUO With Friends offers extensive customization options, unique special cards, and multiple game modes that keep the experience fresh and engaging. Whether you're looking for a quick match or want to set up a tournament with custom rules, this game provides endless entertainment.

Core Features

Enhanced Multiplayer Experience

DUO With Friends shines in its multiplayer capabilities, allowing up to 8 players to join a single online match. This expanded player limit creates more dynamic and unpredictable gameplay compared to traditional 4-player card games.

Fully Customizable Rules

Game creators have complete control over match settings, including: - Points required to win the game - Number of cards dealt at the start - Which special cards are available - Custom tournament formats - Game duration and round limits

Unique Special Cards

The game introduces five exclusive wild cards that add strategic depth: - Wild 'Find 0' : Forces the next player to draw cards until they find a zero - Wild 'Switch Cards' : Swaps entire hands between players - Wild 'Double' : Makes the next player draw cards equal to their hand size - Wild 'Number Shuffle' : Randomizes all number cards on the table - Wild 'Watcher' : Reveals all players' cards for 5 turns

Multiple Game Modes

Choose from various ways to play: - Quick Match : Get instantly paired with other online players - Private Games : Create custom matches and invite friends - Browse Matches : Join existing games created by other players - Tournament Mode : Compete in structured competitions

Gameplay Guide

Basic Rules

DUO With Friends follows familiar card-matching mechanics. Players must match the color or number of the top card on the discard pile. If unable to play a card, players draw from the deck until they can make a valid move.

Strategic Elements

The expanded roster of special cards creates numerous strategic opportunities. Players must carefully manage their wild cards while anticipating opponents' moves, especially with game-changing abilities like card swapping and forced drawing.

Setting Up Online Matches

Creating a game is straightforward - simply choose your preferred rules, invite friends or make it public, and start playing. The flexible rule system means you can create everything from quick 10-minute games to extended tournament-style matches.

Operation Guide

The game features intuitive mouse-based controls: - Left-click to select and play cards - Drag and drop cards to the discard pile - Click on the deck to draw new cards - Right-click for card details and special abilities

The clean, colorful interface makes it easy to track your cards, monitor other players' hand sizes, and follow the game flow.

Why Play DUO With Friends

This game stands out in the crowded online card game market through its combination of familiar gameplay and innovative features. The ability to play with up to 8 friends simultaneously makes it perfect for virtual gatherings, while the extensive customization options ensure that no two games feel exactly the same.

The free-to-play model with optional cosmetic upgrades means you can enjoy the full game experience without any upfront cost. Regular updates and an active player community keep the game fresh and competitive.

Whether you're a casual player looking for quick entertainment or a serious card game enthusiast seeking strategic depth, DUO With Friends offers an engaging experience that bridges the gap between accessibility and complexity.

Frequently Asked Questions (FAQ)