MemeBattle: What's That Meme?

Seele01-Flash
By
MemeBattle: What's That Meme? is a hilarious online card game where you collect legendary memes and compete in funny scenarios. Test your comedic genius and become the ultimate Meme Master!

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "MemeBattle: What's That Meme?". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: 2.5D Aesthetic. Use a "Card Table" perspective with a vibrant, high-saturation color palette (Primary Purple #6200ea background). The background should feature a scrolling, tiled texture of "Crying Laughing Emojis" and stars to match the screenshot. * **Card Assets**: Cards are `THREE.PlaneGeometry` with rounded corners (using a shader or texture mask). Face textures should be placeholders for famous memes (e.g., "Polite Cat", "Doge", "Success Kid"). * **Characters/Avatars**: Use 2D Sprites (`THREE.Sprite`) floating above the opponent positions to represent AI players (use funny animal avatars like the dog in the screenshot). * **Effects**: * **Victory**: Particle explosion of "Like" icons (Thumb up/Hearts) and confetti when a round is won. * **Booster Activation**: A glow effect (`OutlinePass` or simple scaling emission) when a booster card is used. * **Mobile Optimization**: Use `MeshBasicMaterial` for most elements to save battery. Limit active particle count to 100. Texture resolution should be optimized for mobile screens (max 1024x1024 for atlases). ### 2. Audio Requirements * **BGM**: A goofy, "sneaky" pizzicato orchestral track or upbeat "internet cafe" style jazz loop. It should be lighthearted and comedic. * **Sound Effects (SFX)**: * **Card Draw/Flip**: A crisp "Paper Snap" or "Whoosh". * **Selection**: A satisfying "Pop" sound. * **Win Round**: An "Airhorn" (MLG style) sound effect combined with canned studio applause/laughter. * **Booster Use**: A retro arcade "Power Up" synth sound. ### 3. Gameplay Loop * **Core Flow**: 1. **Setup**: The scene initializes in **Portrait Mode**. The player (bottom) holds a hand of 4 Cards. 3 AI opponents are arranged at the top. 2. **Scenario Phase**: A large text box appears in the center displaying a funny prompt (e.g., "When you realize it's Monday"). 3. **Action Phase**: The player can tap a "Booster" button (Draw/Swap) or tap a card from their hand to select it. 4. **Submission**: The selected card moves to the center face-down. AI players automatically "throw" their cards to the center. 5. **Voting/Reveal**: Cards flip over. Since this is a single-player simulation, the code should randomly assign "Votes" to cards, but weight the logic so the Player wins 50% of the time for satisfaction. 6. **Scoring**: The card with the most votes triggers the "Likes" particle effect. Score is updated. 7. **End Game**: After 3 Rounds, a "Winner" modal appears showing the Meme Master. ### 4. Mobile Controls & Interaction * **Orientation**: **Portrait Mode Only**. The camera should be an `OrthographicCamera` to ensure UI readability. * **Touch Controls**: * Use `THREE.Raycaster` for all interactions. * **Tap**: Select a card from the hand. * **Swipe Up**: An alternative gesture to "Play" the selected card (adds game juice). * **UI/UX**: * Action Buttons (Boosters) must be at least **44x44 pixels** in screen space and placed at the bottom of the screen for easy thumb access. * Text (Scenario) must be large, bold, and wrapped using a canvas texture or HTML overlay to ensure readability on small phones. * **Feedback**: * **Haptics**: Trigger `navigator.vibrate(20)` when a card is selected and `navigator.vibrate([50, 50, 50])` when winning a round. * **Visual**: Cards should scale up slightly (1.1x) when touched/hovered. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

MemeBattle: What's That Meme? is the ultimate meme card game that brings internet humor to life. This free-to-play online game combines the excitement of card collection with the endless entertainment of viral memes. Players compete in hilarious scenarios by choosing the perfect meme response, earning votes from other players based on comedic timing and relevance.

The game features a vast collection of legendary memes from internet culture, allowing players to build their deck and showcase their humor expertise. Each match presents new funny situations where quick wit and meme knowledge determine the winner.

Core Features

Extensive Meme Collection System

Build your ultimate meme deck by unlocking epic meme packs. The game features hundreds of popular internet memes, from classic favorites to trending viral content. Each meme card is carefully designed to capture the essence of internet humor.

Competitive Multiplayer Gameplay

Compete against other players in real-time meme battles. The anonymous voting system ensures fair play, where only the funniest meme wins, regardless of who played it.

Strategic Card Management

Manage your hand of 4 meme cards strategically. Use powerful boosters like "Draw a Card," "Card Swap," and "Swap All Cards" to optimize your chances of having the perfect meme for any situation.

Free-to-Play Browser Game

Enjoy the complete meme battle experience without any downloads or payments. The game runs smoothly in any modern web browser, making it accessible on computers, tablets, and smartphones.

Game Mechanics

Round Structure

Each game consists of 3 exciting rounds. Players start with 4 meme cards and face humorous scenarios that require the perfect meme response. After each round, players receive a new card and face a fresh scenario.

Voting System

Once all players submit their meme choices, the cards are revealed anonymously. Players vote for the funniest meme (excluding their own), and the most voted meme wins the round. The author earns valuable likes that count toward the final score.

Winning Strategy

Success requires understanding internet culture, timing, and audience psychology. The best players know which memes work in specific contexts and can predict what other players will find funny.

Operation Guide

Basic Controls

The game uses simple left mouse button controls for all interactions. Click to select memes, vote for favorites, and navigate through menus. The intuitive interface makes it easy for players of all ages to jump in and start playing.

Starting Your First Game

  1. Join a Match : Enter the lobby and wait for other players
  2. Receive Cards : Get your starting hand of 4 meme cards
  3. Read Scenario : Understand the funny situation presented
  4. Choose Meme : Select the most appropriate and hilarious response
  5. Vote : Rate other players' meme choices
  6. Repeat : Continue for 3 rounds to determine the winner

Booster Usage

  • Draw a Card : Use when you need more options for the current scenario
  • Card Swap : Replace a specific meme with a random one from your collection
  • Swap All Cards : Completely refresh your hand when nothing fits

Why Play This Game

Perfect for Meme Enthusiasts

If you love internet culture and viral memes, this game is tailor-made for you. Test your knowledge of meme history while discovering new favorites in an interactive format.

Social Entertainment

MemeBattle creates hilarious moments and genuine laughter. It's perfect for playing with friends or meeting new people who share your sense of humor.

Skill Development

Improve your comedic timing, cultural awareness, and strategic thinking. The game rewards players who understand both meme culture and human psychology.

Accessible Everywhere

Play during breaks, commutes, or leisure time. The browser-based format means you can access your meme collection and compete from any device with internet access.

Regular Content Updates

The meme collection continuously grows with new internet trends, ensuring fresh content and relevant humor for every gaming session.

Frequently Asked Questions (FAQ)