Trivia Crack

Seele01-Flash
By
Trivia Crack is the ultimate quiz game that challenges your knowledge across multiple categories. Test your brain with thousands of questions in Sports, Entertainment, Art, History and more, featuring three exciting game modes including multiplayer battles.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Trivia Crack 3D**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Recreate the iconic "Flat Cartoon" aesthetic but in 3D. Use bright, saturated colors corresponding to the 6 classic categories: Geography (Blue), Science (Green), History (Yellow), Sports (Red), Art (Pink/Orange), and Entertainment (Purple). * **Hero Object (The Wheel):** Create a 3D Cylinder or segmented wheel in the center of the screen. It must be divided into 7 segments (6 categories + 1 "Crown" segment). The center of the wheel should feature a simple 3D mesh of the "Willy" mascot (a white, teardrop-shaped character with a face). * **Lighting & Materials:** Use `MeshToonMaterial` or unlit colors to simulate a vector-art look. Avoid realistic shadows; use soft ambient light (intensity 0.8) and a directional light for basic depth. * **UI Layer:** Since this is a text-heavy game, use HTML overlays (via CSS) on top of the Three.js canvas for the Question and Answer cards to ensure text crispness on high-DPI mobile screens. Do not render text as 3D textures. * **Background:** A dynamic background that changes color to match the currently selected category, using a smooth gradient transition. ### 2. Audio Requirements * **BGM:** An upbeat, funky, "TV Game Show" style instrumental track. It should be looping and energetic but not distracting. * **Sound Effects (SFX):** * **Spinning:** A realistic "ratchet" or clicking sound that syncs with the wheel's rotation speed (fast clicks slowing down to a halt). * **Success:** A cheerful "Ding" or fanfare chord + applause when the answer is correct. * **Failure:** A comical "Buzzer" or "Womp-womp" sound for wrong answers. * **Timer:** A ticking clock sound that accelerates in the last 5 seconds of the question phase. ### 3. Gameplay Loop * **State 1: Spin Phase:** The game starts in Portrait mode. The 3D wheel is visible. The player interacts to spin it. * **State 2: Category Selection:** Physics determines where the wheel stops. The camera should perform a slight zoom or "punch" effect on the selected segment. * **State 3: Question Phase:** A modal overlay appears covering the 3D scene. It displays: * The Category Name & Icon. * The Question Text. * Four (4) multiple-choice answer buttons. * A countdown timer (e.g., 20 seconds). * **State 4: Evaluation:** * **Correct:** The button turns Green. Confetti particles explode in the background. The player collects a "character card" for that category. * **Incorrect:** The button turns Red, and the correct answer turns Green. The mascot makes a sad animation (or static sad texture swap). * **Progression:** The goal is to collect all 6 category characters. ### 4. Mobile Controls & Interaction * **Gesture Control (The Wheel):** Implement a "Swipe-to-Spin" mechanic. Calculate the velocity of the user's swipe (Y-axis) to determine the angular velocity of the wheel. Do not use a simple "Spin" button; the physics must feel tactile. * **Touch Targets:** The Answer Buttons in the UI overlay must be large and thumb-friendly (min-height: 60px, full width with margins). * **Orientation:** Force **Portrait Mode** design. The Wheel takes up the top 40% of the screen, and the mascot/score takes up the bottom. When the question pops up, it covers the center 80%. * **Haptic Feedback:** Trigger `navigator.vibrate(50)` on every "tick" of the wheel passing the pointer, and a longer vibration `navigator.vibrate(200)` for a wrong answer. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Trivia Crack

Trivia Crack is a captivating quiz game that puts your knowledge to the ultimate test. This brain-challenging game offers an extensive collection of trivia questions spanning numerous categories, making it the perfect choice for knowledge enthusiasts and casual players alike. With its colorful, friendly interface featuring the iconic smiling mascot, Trivia Crack transforms learning into an entertaining and competitive experience.

The game's vibrant design and intuitive gameplay make it accessible to players of all ages, while the diverse question categories ensure there's always something new to discover and learn.

Core Features

Three Unique Game Modes

Classic Mode offers the traditional trivia experience where you face questions from random categories each turn, keeping you on your toes and testing your broad knowledge base.

Challenge Mode lets you focus on your favorite topics, allowing you to see how many consecutive questions you can answer correctly in your area of expertise.

Party Mode transforms the experience into a social multiplayer battle, supporting up to 7 players competing to prove who's the smartest among friends and family.

Extensive Question Categories

Trivia Crack covers a wide range of topics including: - Sports : From football to tennis, test your athletic knowledge - Entertainment : Movies, music, celebrities, and pop culture - Art : Fine arts, literature, and creative expressions - History : World events, historical figures, and important dates - Science : Biology, chemistry, physics, and discoveries - Geography : Countries, capitals, landmarks, and natural features

Helpful Gaming Features

Stuck on a difficult question? Trivia Crack provides various helpful options to assist you through challenging moments, ensuring the game remains enjoyable rather than frustrating.

Gameplay Experience

The game mechanics are straightforward yet engaging. Each question presents multiple choice answers, and you simply select what you believe is correct. The colorful wheel-of-fortune style category selection adds visual appeal and excitement to each round.

Whether you're playing solo to improve your knowledge or competing with friends in party mode, Trivia Crack adapts to your preferred gaming style. The multiplayer functionality makes it perfect for family game nights, classroom activities, or friendly competitions.

Operation Guide

Playing Trivia Crack is incredibly simple:

  • Mouse Control : Use your mouse to select categories and click on answer choices
  • Category Selection : Choose your preferred topic in Challenge mode or let the game randomly select in Classic mode
  • Answer Selection : Click on the answer you believe is correct from the multiple choices provided
  • Multiplayer Setup : In Party mode, invite up to 6 friends to join your trivia battle

The user-friendly interface ensures smooth navigation across all game modes, making it easy to jump between different play styles.

Why Play Trivia Crack

Trivia Crack stands out as more than just entertainment – it's a powerful learning tool that makes education fun. The game helps improve general knowledge, memory retention, and quick thinking skills. It's perfect for:

  • Students looking to expand their knowledge in an engaging way
  • Families seeking quality time with educational value
  • Friends who enjoy competitive brain challenges
  • Anyone wanting to test and improve their general knowledge

The completely free-to-play model means you can access thousands of questions and all game modes without any cost. Plus, with cross-platform compatibility, you can play on your computer, phone, or tablet wherever you are.

Trivia Crack's combination of education and entertainment makes it an ideal choice for players who want to have fun while expanding their knowledge base.

Frequently Asked Questions (FAQ)