Millionaire Quiz - Online Trivia Game

Seele01-Flash
By
Millionaire Quiz brings the excitement of the classic TV game show to your browser. Challenge yourself with 15 increasingly difficult trivia questions across multiple categories, use strategic lifelines, and aim for the virtual million-dollar prize.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Millionaire Quiz". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** stylized "TV Studio" aesthetic using Low-Poly 3D models with a cartoon shader (Cel-shading) to mimic the vector art style of the reference image. The color palette should be dominated by deep midnight blues, cyans, and glowing gold accents. * **The Stage:** A circular central podium with a reflective dark floor. In the center, place two simple chairs (one for the virtual host, one empty for the player's POV). * **The Host:** A stylized, low-poly male character with a pompadour hairstyle, wearing a suit and bow tie. He should have simple animations: Idle (breathing/adjusting tie), "Waiting" (looking at the player expectantly), "Success" (clapping/thumbs up), and "Fail" (shaking head/sympathetic look). * **Background:** To save mobile performance, use a "Billboarding" technique for the audience. Create rows of silhouette cutouts representing the crowd in the dark background. * **Lighting:** Dramatic, theatrical lighting. Use Volumetric Spotlight effects (God rays) beaming down on the stage. The lighting color should shift dynamically: Blue (Idle/Thinking), Green (Correct Answer), Red (Wrong Answer). * **Performance:** Optimize for mobile GPUs. Use simple geometries, minimal real-time shadows (use baked shadows or simple blobs), and merge geometries where possible to reduce draw calls. ### 2. Audio Requirements * **BGM (Background Music):** A suspenseful, orchestral synth track. It should start subtle and low-tempo for early questions, and strictly increase in tempo and pitch (tension) as the player progresses toward the million-dollar question. * **Sound Effects (SFX):** * **Selection:** A crisp digital "blip" when touching an answer. * **Lock-in:** A dramatic "thud" or "whoosh" when the answer is confirmed. * **Correct:** A triumphant orchestral "sting" or fanfare. * **Wrong:** A dissonant, descending brass or synth sound. * **Lifeline:** A specific techno-magical sound when a lifeline (50/50, etc.) is used. ### 3. Gameplay Loop * **Core Mechanism:** The player must answer 15 multiple-choice questions (A, B, C, D) sequentially. * **Progression:** Each question has an associated cash value ($100 to $1,000,000). The difficulty of the questions (text complexity/obscurity) increases with each step. * **Lifelines:** Implement three distinct lifelines (usable once per game): 1. **50/50:** Randomly removes two incorrect answers from the UI. 2. **Ask the Audience:** Displays a simulated bar chart showing percentage votes for each answer. 3. **Phone a Friend:** Displays a mock dialogue box with a "friend's" suggested answer (with varying accuracy based on difficulty). * **Win/Loss:** * **Win:** Correctly answer the 15th question. Show a particle confetti explosion and "Millionaire" text. * **Loss:** Answering incorrectly immediately ends the game. Show a "Game Over" screen with the final prize money won (implement "Safety Nets" at Q5 and Q10 where money is guaranteed). ### 4. Mobile Controls & Interaction * **UI Overlay (DOM/CSS based):** Use an HTML overlay on top of the Three.js canvas for the Question and Answer buttons. This ensures text is crisp and readable on all mobile device sizes. * **Layout:** Place the Question box at the top center. Place the 4 Answer buttons in a 2x2 grid at the bottom of the screen (Thumb-friendly zone). * **Lifelines:** Small circular icons at the top right corner. * **Interaction:** * **Touch:** Tap an answer to select it (highlight yellow). Tap again (or a separate "Final Answer" button) to confirm (highlight orange). * **Response:** After confirmation, pause for tension (2 seconds), then reveal the result (Green/Red). * **Feedback:** * **Haptics:** Trigger `navigator.vibrate(200)` on a wrong answer and a double pulse `navigator.vibrate([100, 50, 100])` on a correct answer. * **Camera:** The Three.js camera should slowly zoom in on the host/board during the "thinking" phase and snap back out when the next question appears. * **Orientation:** Support Landscape mode primarily (for the TV show wide-angle feel), but ensure CSS scales correctly if the user is on a portrait phone. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Millionaire Quiz is the ultimate online trivia challenge that recreates the thrilling atmosphere of the famous TV game show. This free browser-based quiz game tests your knowledge across diverse categories with 15 progressively challenging questions standing between you and the virtual million-dollar jackpot.

The game features authentic game show elements including multiple-choice questions, strategic lifelines, and the signature tension of risking everything for the top prize. Whether you're a trivia enthusiast or casual player, this game offers an engaging test of your general knowledge.

Core Features

Authentic Game Show Experience

Experience the classic format with 15 escalating difficulty levels , each question worth more virtual money than the last. The game perfectly captures the suspense and excitement of the original TV format.

Strategic Lifeline System

When you're stuck on a tough question, strategic lifelines help you navigate through challenging moments: - 50/50 : Eliminates two incorrect answers - Ask the Audience : Get crowd wisdom - Phone a Friend : Virtual expert assistance

Multiple Knowledge Categories

Questions span various subjects including: - History and Geography - Science and Nature
- Entertainment and Sports - Literature and Arts - Current Events

Risk-Reward Gameplay

Every question presents a choice: play it safe with your current winnings or risk it all for the next level. One wrong answer means game over, making every decision crucial.

Game Mechanics

The game follows the classic millionaire format with 15 questions of increasing difficulty . Starting with easier questions worth smaller amounts, the stakes rise dramatically as you progress toward the million-dollar question.

Safe Haven Points provide security nets where you're guaranteed to keep your winnings even if you answer incorrectly later. These strategic checkpoints add tactical depth to your decision-making.

How to Play

Simple Controls

  • Mouse Click : Select your answer from four multiple-choice options
  • Lifeline Buttons : Activate help when needed
  • Final Answer : Confirm your choice to lock it in

Winning Strategy

  • Start conservatively with questions you're confident about
  • Save lifelines for higher-value questions
  • Know when to walk away with your current winnings
  • Use the 50/50 lifeline early to eliminate obviously wrong answers

Platform Compatibility

Millionaire Quiz runs smoothly on all modern web browsers without requiring downloads or installations. The game is fully optimized for: - Desktop computers (Windows, Mac, Linux) - Mobile devices (iOS and Android smartphones/tablets) - Tablets with responsive touch controls

Why Play Millionaire Quiz

This game offers the perfect blend of education and entertainment . It's ideal for: - Trivia lovers seeking challenging questions - Casual gamers wanting quick, engaging sessions - Knowledge enthusiasts testing their general knowledge - Competitive players aiming for high scores

The game provides endless replayability with randomized questions, ensuring each playthrough feels fresh and challenging. Best of all, it's completely free with no hidden costs or premium features.

Frequently Asked Questions (FAQ)