Four Colors - Online UNO Card Game

Seele01-Flash
By
Four Colors is a free online card game inspired by the classic UNO. Match colors and numbers to be the first player to empty your hand in this exciting multiplayer card game.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Four Colors (Uno Clone)**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** a "Flat 2D in 3D" aesthetic. Use unlit materials (MeshBasicMaterial) with vibrant, high-saturation colors (Red, Blue, Green, Yellow) to match the "Four Colors" branding. * **Card Models:** Use thin `BoxGeometry` or `PlaneGeometry` for cards. The face texture should clearly display the Number (0-9) or Symbol (Skip, Reverse, Draw 2, Wild) in a large, readable font. Use a simple texture atlas for optimization. * **Environment:** A clean, uncluttered background (e.g., a radial gradient blue texture or a simple felt table surface) to ensure cards pop. * **Animations:** Use **GSAP** or **TWEEN.js** for smooth card movements. Cards should glide from the draw pile to the hand, and from the hand to the discard pile, with a slight arc and rotation. * **Particles:** Simple particle bursts (confetti) when a player wins or when a Wild Draw +4 is played. ### 2. Audio Requirements * **BGM:** A light, casual, and repetitive "Lounge/Elevator" style track that loops seamlessly. * **Sound Effects (SFX):** * **Card Flip/Slide:** A crisp "thwip" sound when drawing or playing a card. * **Button Click:** Soft woodblock or pop sound for UI interactions. * **Alert:** A distinct chime or voice saying "One!" when the "1" button is pressed. * **Penalty:** A low-pitch buzzer when a player fails to call "Uno" or cannot play. * **Win:** A celebratory fanfare. ### 3. Gameplay Loop * **Setup:** 4 Players total (1 Human, 3 AI bots). Deal 7 cards to each player. Place the remaining deck face down (Draw Pile) and one card face up (Discard Pile). * **Core Logic:** * Players take turns clockwise. * **Matching Rule:** The player must play a card matching the top of the Discard Pile by **Color** or **Number/Symbol**. * **Drawing:** If no card is playable, the player must tap the Draw Pile. If the drawn card is playable, it can be played immediately. * **Special Cards:** * *Skip:* Next player loses turn. * *Reverse:* Change turn order (Clockwise <-> Counter-Clockwise). * *Draw 2:* Next player draws 2 and loses turn. * *Wild:* Player chooses the active color. * *Wild Draw 4:* Player chooses color, next player draws 4 and loses turn. * **The "One" Mechanic:** When a player has 1 card left, they must press a generic "1" button immediately. If they play their second-to-last card without pressing it, and an opponent challenges (or AI logic triggers), they draw 2 penalty cards. * **Win Condition:** First player to reach 0 cards wins. ### 4. Mobile Controls & Interaction * **Orientation:** **Landscape Mode** is preferred to allow sufficient width for the player's hand and visibility of opponent card counts. * **Touch Controls (Raycasting):** * **Tap to Play:** Tapping a valid card in the hand instantly animates it to the discard pile. * **Tap to Draw:** Tapping the draw pile adds a card to the hand. * **UI Layout:** * **Player Hand:** Arc or straight line at the bottom center of the screen. Selected cards should "pop up" slightly on touch-down. * **"1" Button:** A large, floating button (min 60x60px) that pulses when the player has 2 cards. Placed within easy thumb reach (bottom right or left). * **Color Picker:** A modal overlay with 4 large quadrants to select the color after playing a Wild card. * **Feedback:** Haptic feedback (vibration) on invalid moves or when it's the player's turn. Highlight playable cards in the hand with a subtle glow or outline. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Four Colors is a thrilling online card game that brings the beloved UNO experience directly to your web browser. This free-to-play card game challenges you to be the first player to get rid of all your cards by matching colors or numbers. With support for 2-4 players, Four Colors offers endless entertainment whether you're playing with friends or competing against players worldwide.

The game features the classic card-matching mechanics that have made UNO a household favorite for decades. Players must strategically play cards that match either the color or number of the previously played card, creating an engaging experience that combines luck, strategy, and quick thinking.

Core Features

Complete UNO Experience

Four Colors delivers an authentic card game experience with all the elements that make UNO exciting:

  • 108-card deck with four vibrant colors (red, blue, green, yellow)
  • Numbered cards from 0-9 in each color
  • Action cards including Skip, Reverse, and Draw Two
  • Wild cards for strategic color changes
  • Draw Four Wild cards for maximum impact

Multiplayer Gameplay

Enjoy flexible multiplayer options:

  • 2-4 player support for intimate or larger group games
  • Real-time multiplayer with players from around the world
  • Cross-platform compatibility - play on any device with a browser
  • No downloads required - instant access through your web browser

Strategic Card Types

Numbered Cards (70% of deck): - Cards numbered 0-9 in each of the four colors - One zero card and two of each other number per color - Form the foundation of gameplay strategy

Action Cards (20% of deck): - Skip Card: Next player loses their turn - Reverse Card: Changes the direction of play - Draw Two: Forces next player to draw two cards and skip turn

Wild Cards (10% of deck): - Wild Card: Allows you to choose the next color - Draw Four Wild: Choose color and force next player to draw four cards

Gameplay

Basic Rules

The objective is simple yet challenging: be the first player to play all cards from your hand. Match the color or number of the top card on the discard pile. If you can't play a card, you must draw from the deck until you can make a valid play.

Winning Strategy

Success in Four Colors requires both tactical thinking and adaptability:

  • Color management: Keep track of which colors are most beneficial
  • Action card timing: Save powerful cards for maximum impact
  • Hand observation: Watch opponents' card counts and playing patterns
  • Wild card strategy: Use wild cards to maintain control of the game

Special Rules

Remember the "UNO" rule: When you have only one card left, you must declare it by clicking the "1" button, or you'll be penalized with two additional cards!

How to Play

Getting Started

  1. Join a game with 2-4 players
  2. Receive your starting hand of 7 cards
  3. Match cards by color or number with the top discard card
  4. Use action and wild cards strategically
  5. Be first to empty your hand to win!

Controls

  • Mouse click: Select and play cards from your hand
  • "1" button: Declare when you have one card remaining
  • Draw pile: Click to draw cards when you cannot play

Card Playing Rules

  • Match the color of the previously played card
  • Match the number of the previously played card
  • Play wild cards anytime to change the active color
  • Action cards take immediate effect when played

Why Play Four Colors

Perfect for All Ages

Four Colors is easy to learn but offers deep strategic gameplay that appeals to players of all skill levels. The simple color and number matching concept makes it accessible to children aged 5 and up, while the action cards and strategic elements provide enough depth to engage experienced card game enthusiasts.

Social Gaming Experience

Whether you're reconnecting with old friends or making new ones online, Four Colors provides the perfect platform for social interaction. The multiplayer feature allows you to enjoy the classic UNO experience with people from around the globe, creating memorable gaming moments and friendly competition.

Free and Accessible

As a completely free browser-based game, Four Colors removes all barriers to entry. No downloads, no subscriptions, no hidden costs - just pure card game fun accessible from any device with an internet connection.

Frequently Asked Questions (FAQ)