Your Love Calculator - Fun Love Compatibility Game

Seele01-Flash
By
Your Love Calculator is a charming romantic simulation game that combines love compatibility testing with dress-up gameplay. Enter names to discover match percentages and create romantic scenarios based on your results.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Your Love Calculator: 3D Dress-Up Edition**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: High-saturation, "candy-colored" aesthetic inspired by the reference image. Use a vibrant color palette dominated by Hot Pink (`#FF69B4`), Magenta, and White. The rendering should look glossy and soft (resembling jelly or plastic toys). * **Central Scene**: * **Background**: A dynamic shader-based background featuring slowly floating 3D heart particles and soft clouds on a pink gradient backdrop. * **The "Calculator"**: A large, glossy 3D Heart object in the center initially. * **The Avatar**: A low-poly, anime-stylized 3D female character model positioned front-and-center. The model must support mesh swapping for hair, tops, bottoms, shoes, and accessories. * **Performance (Mobile)**: * Use unlit or baked lighting where possible to save battery. * Limit character triangle count to under 5,000 tris. * Texture atlas usage to reduce draw calls. * Implement object pooling for particle effects (hearts exploding). ### 2. Audio Requirements * **BGM**: A loopable, upbeat, and bubbly pop track with a "cute" vibe (think synth-pop or light bossa nova). * **Sound Effects (SFX)**: * **UI Click**: Soft "bubble pop" or "click" sounds. * **Calculation Phase**: A "slot machine" rolling sound effect as the percentage climbs. * **Success/High Score**: A harp glissando or magical chime. * **Dress-Up Action**: A distinct "swish" or fabric rustle sound when clothes are changed. ### 3. Gameplay Loop * **Phase 1: Name Entry (HTML Overlay)**: The game starts with a clean HTML/CSS overlay on top of the canvas asking for "Your Name" and "Crush's Name". * **Phase 2: The Calculation**: * Upon clicking "Calculate", the 3D central heart throbs. * A percentage number (0-100%) counts up rapidly. * **Logic**: Generate a pseudo-random score based on a hash of the two names (so the result is consistent for the same pair). * **Phase 3: Scenario Determination**: * **Low Score (<40%)**: Theme is "Girls Night Out" (Casual wear). * **Mid Score (40-80%)**: Theme is "Romantic Date" (Elegant wear). * **High Score (>80%)**: Theme is "Wedding" (Bridal wear). * **Phase 4: Dress-Up (Core Gameplay)**: * The camera zooms in on the 3D avatar. * A UI panel appears allowing the player to toggle through clothing options relevant to the determined theme. * **Victory**: Player clicks "Finish," the camera captures a "Photo" (freezes frame), and particles explode (confetti/hearts). ### 4. Mobile Controls & Interaction * **Screen Orientation**: **Portrait Mode (Vertical)** is mandatory to best display the full-body character model on phones. * **Touch Controls**: * **Raycasting**: Use Three.js Raycaster for interacting with 3D accessories (if any). * **Swipe to Rotate**: Allow the user to swipe left/right on the character to rotate the model 360 degrees to see the outfit from all angles. * **UI Interactions**: All buttons must be large (minimum 44x44px touch targets) and placed at the bottom of the screen for one-handed thumb use. * **Feedback**: * **Haptic Feedback**: Trigger a short vibration (`navigator.vibrate(50)`) when a clothing item is successfully equipped or the calculation finishes. * **Visual Feedback**: Buttons should scale down slightly (`0.9x`) when pressed to simulate tactility. ### 5. Technical Implementation Note * Use `HTMLOverlay` for the text input fields to ensure native mobile keyboard compatibility (Three.js text input is poor on mobile). * Ensure the `ResizeObserver` is implemented to handle dynamic viewport changes (e.g., browser address bar appearing/disappearing). Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Your Love Calculator is a delightful romantic simulation game that brings together love compatibility testing and creative dress-up gameplay. This free online game lets you explore romantic possibilities by entering your name and your crush's name to discover your compatibility percentage. Based on the results, you can create beautiful avatars and dress them up for various romantic scenarios.

Core Features

Love Compatibility Calculator

The heart of the game lies in its fun love calculator feature. Simply enter two names and watch as the game calculates a compatibility percentage, giving you a playful glimpse into potential romantic chemistry. Whether you score high or low, the game offers entertaining paths forward.

Avatar Creation and Dress-Up

Once you receive your compatibility results, dive into the extensive customization system. Create stunning avatars and choose from a wide variety of outfits, hairstyles, and accessories. Dress your characters appropriately for different romantic scenarios, from casual dates to elegant wedding ceremonies.

Multiple Romantic Scenarios

The game offers various romantic pathways based on your compatibility results: - High Compatibility : Plan your dream wedding and create the perfect ceremony - Low Compatibility : Meet new potential love interests and start fresh romantic adventures
- Friend Zone : Enjoy a wonderful night out with friends and embrace friendship

Beautiful Visual Design

Featuring bright, colorful graphics with a charming pink and purple color scheme, the game creates an enchanting romantic atmosphere. Cute cupid characters and heart-themed elements add to the whimsical romantic experience.

How to Play

Getting Started : 1. Enter your name and your crush's name in the love calculator 2. Watch as the game calculates your compatibility percentage 3. Based on your results, choose your romantic path

Dress-Up Gameplay : - Use your mouse cursor to select and drag clothing items - Mix and match outfits to create the perfect look - Choose hairstyles, accessories, and makeup options - Prepare your avatar for various romantic events

Navigation : - Click and drag to move objects and clothing items - Use the mouse to navigate through different game sections - Select from various customization options with simple clicks

Why Play This Game

Your Love Calculator offers a unique blend of fortune-telling fun and creative expression. It's perfect for players who enjoy: - Romantic themes and love-related gameplay - Dress-up and fashion customization - Casual, stress-free gaming experiences - Creative storytelling through character creation

The game provides hours of entertainment whether you're exploring romantic possibilities or simply enjoying the dress-up mechanics. It's completely free to play and requires no downloads or registrations.

Perfect for All Romantic Dreamers

Whether you're curious about love compatibility, enjoy fashion and styling games, or love creating romantic stories, this game offers something special. The combination of name compatibility testing and extensive customization options creates a uniquely engaging experience that keeps players coming back for more romantic adventures.

Frequently Asked Questions (FAQ)