Love Balls - Drawing Puzzle Game

Seele01-Flash
By
Love Balls is a charming drawing puzzle game where you help two adorable colored balls reunite by drawing creative paths and bridges. With simple controls and increasingly challenging levels, it's perfect for puzzle lovers of all ages.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Love Balls - Physics Drawing Puzzle**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** 2.5D aesthetic using an **Orthographic Camera** to simulate a flat "paper notebook" look. The background should be a tiling texture of a white sheet with a light blue dotted grid pattern. * **Characters:** Two primary spheres: * **Blue Ball:** Cyan color, simple texture face with eyebrows and a smirk. * **Pink Ball:** Magenta color, simple texture face with eyelashes and a shy smile. * Both balls should have a slight shadow (using a plane below them or shadow mapping) to separate them from the paper background. * **Dynamic Lines (The Pencil):** The lines drawn by the player should appear as dark grey "graphite" meshes. They should have a slightly rough texture to mimic a pencil stroke. * **Performance:** Use low-poly spheres (e.g., `THREE.SphereGeometry(radius, 16, 16)`). Use a shared material for the lines to minimize draw calls. ### 2. Audio Requirements * **BGM:** A light, whimsical, and acoustic track (guitar or pizzicato strings) that loops seamlessly. It should be relaxing and not distracting. * **Sound Effects (SFX):** * **Drawing:** A scratching "scribble" sound that plays continuously while the user is dragging their finger/mouse. * **Collision:** A soft "thud" or wooden "clack" when balls hit the ground or the drawn lines. * **Win:** A "kiss" sound followed by a cheerful major-chord chime or harp glissando when the balls touch. * **Fail:** A "whoosh" sound if a ball falls off the screen. ### 3. Gameplay Loop * **Core Mechanic:** The game starts with the two balls placed at different locations, often separated by gaps or obstacles. Gravity is active. * **Interaction:** The player draws shapes or lines on the screen. Once a stroke is finished (finger lifted), the line becomes a physical object with mass and collision (using a physics engine compatible with Three.js, like **Matter.js** or **Cannon.js** restricted to 2D planes). * **Win Condition:** The Blue Ball and Pink Ball must collide and stay in contact for 1 second. * **Lose Condition:** Either ball falls below the bottom edge of the viewport (y < -screenHeight/2). * **Level Progression:** Upon winning, display a "Level Complete" modal with 1-3 stars based on how much "ink" (line length) was used. ### 4. Mobile Controls & Interaction * **Touch Input:** * Implement `touchstart`, `touchmove`, and `touchend` listeners. * Prevent default browser behavior (scrolling/zooming) to ensure smooth drawing. * **Drawing Logic:** Raycast from the touch position to the Z=0 plane. Create a `THREE.TubeGeometry` or `THREE.ExtrudeGeometry` dynamically following the touch path. * **Screen Adaptation:** * The game must be responsive. The camera zoom should adjust based on `window.innerWidth` so the level fits within the screen bounds regardless of aspect ratio (Portrait or Landscape). * **UI Elements:** * **Restart Button:** A prominent "Refresh" icon in the top-right corner (min-size 44x44px for touch targets). * **Ink Bar:** A UI bar at the top showing how much ink is remaining for the level. * **Feedback:** * **Trail Renderer:** Show a temporary line immediately under the finger while drawing, before the physics mesh is finalized. * **Haptic:** Trigger a light vibration (`navigator.vibrate(20)`) when the balls successfully collide. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Love Balls

Love Balls is a delightful drawing puzzle game that combines creativity with logical thinking. The premise is beautifully simple yet engaging: help two star-crossed lover balls - one blue and one pink - find their way to each other across challenging obstacles and gaps.

This physics-based puzzle game has captured hearts worldwide with its charming art style, intuitive gameplay, and progressively challenging levels that keep players coming back for more. Whether you're looking for a quick brain teaser or a relaxing puzzle experience, Love Balls delivers the perfect balance of challenge and satisfaction.

Core Features

Creative Drawing Mechanics

Unlike traditional puzzle games, Love Balls gives you complete creative freedom. Draw lines, curves, ramps, and bridges using your mouse or finger. Your drawings become physical objects that interact with the game's physics engine, creating endless possibilities for creative solutions.

Physics-Based Gameplay

Every line you draw follows realistic physics. The balls roll, bounce, and slide naturally based on gravity and momentum. This creates authentic puzzle-solving experiences where your creative solutions must also work within the laws of physics.

Progressive Difficulty System

Start with simple gap-crossing challenges and gradually face more complex puzzles involving multiple obstacles, moving platforms, and intricate level designs. Each level introduces new mechanics while building on previous skills.

Hint System

Stuck on a particularly challenging level? The built-in hint system provides helpful guidance without completely spoiling the solution, ensuring you still experience the satisfaction of solving puzzles yourself.

Cross-Platform Compatibility

Enjoy seamless gameplay across all your devices. Whether you prefer playing on your computer with a mouse or drawing with your finger on a mobile device, Love Balls adapts perfectly to your preferred platform.

Game Mechanics

Drawing Tools

Your primary tool is a virtual pen that creates solid lines and shapes. These drawings become physical barriers and pathways that the balls can interact with. The game encourages experimentation - there's often more than one way to solve each puzzle.

Obstacle Navigation

Levels feature various obstacles including gaps, walls, spikes, and moving elements. Success requires analyzing each level's layout and determining the most effective path for both balls to meet safely.

Victory Conditions

Win by making the two love balls touch each other. However, be careful - if either ball falls off the screen edges, you'll need to restart the level and try a different approach.

Operation Guide

Basic Controls

  • Mouse Users : Click and drag to draw lines and shapes
  • Mobile Users : Touch and drag your finger across the screen
  • Eraser Tool : Remove unwanted drawings to try new approaches
  • Restart Button : Quickly reset the level to attempt different solutions
  • Hint Button : Access helpful tips when you're stuck

Drawing Strategies

  • Simple Solutions First : Try the most straightforward approach before attempting complex designs
  • Physics Consideration : Remember that balls need momentum to roll uphill
  • Strategic Planning : Analyze the entire level before drawing to avoid wasted efforts
  • Experimentation : Don't be afraid to try unconventional solutions

Why Play Love Balls

Brain Training Benefits

This game excellently exercises spatial reasoning, creative problem-solving, and logical thinking skills. Each level presents a unique challenge that requires analyzing problems from multiple angles.

Stress Relief

The cute, colorful graphics and gentle gameplay make Love Balls an excellent choice for relaxation. The satisfaction of watching the two balls finally meet creates positive emotional rewards.

Accessibility

With no time limits and the ability to restart levels instantly, Love Balls welcomes players of all skill levels. The hint system ensures that everyone can progress and enjoy the experience.

Perfect for Short Sessions

Each level can be completed in just a few minutes, making it ideal for quick gaming breaks, commutes, or whenever you have a few spare moments.

Family-Friendly Entertainment

The game's wholesome theme and non-violent content make it suitable for players of all ages. Parents and children can enjoy solving puzzles together.

Advanced Gameplay Tips

Efficient Line Usage

Many levels have optimal solutions that use minimal drawing. Challenge yourself to find the most elegant solution using the fewest lines possible.

Multiple Solution Paths

Experiment with different approaches to the same level. You might discover creative solutions that are more satisfying than the obvious ones.

Physics Mastery

As you advance, understanding momentum, angles, and gravity becomes increasingly important for solving complex puzzles efficiently.

Frequently Asked Questions (FAQ)