Sugar Heroes - Sweet Match-3 Adventure

Seele01-Flash
By
Sugar Heroes is a delightful match-3 puzzle adventure featuring colorful candies, lovable characters, and challenging levels. Match sweet treats, use special power-ups, and rescue your friends in this engaging puzzle game that's free to play online.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Sugar Heroes". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: High-saturation "Toon" aesthetic. Use `MeshToonMaterial` for all game objects to replicate the glossy, 2D-cartoon look of the screenshot in a 3D environment. The palette should be vibrant: cyan skies, bright red watermelons, and deep blue water. * **Scene Composition**: Divide the screen (conceptually) into two sections for Landscape mode: * **Left Side (Narrative)**: A low-poly 3D environment featuring a wooden post emerging from a stylized ocean. The ocean should use a custom `ShaderMaterial` with a sine wave vertex displacement to simulate gentle rolling water. Place a "Donut Character" (Torus geometry) hanging from the post. * **Right Side (Puzzle Grid)**: A floating 8x8 grid. * **Game Pieces (Tiles)**: Create 3D representations of the fruits/sweets shown: * **Watermelon**: Triangular prism (Red/Green). * **Apple**: Sphere with a slight deformation (Green). * **Popsicle**: Rounded box geometry on a stick (Blue). * **Grapes**: Cluster of small spheres (Purple). * **Honey Jar**: Cylinder with a lid (Orange/Yellow). * **Performance**: Use `InstancedMesh` for the grid tiles to reduce draw calls on mobile devices. Texture resolution should be capped at 1024x1024. ### 2. Audio Requirements * **BGM**: An upbeat, tropical-themed loop featuring marimbas, ukuleles, and light percussion to match the beach setting. * **Sound Effects (SFX)**: * **Interaction**: A "succulent" click or squish sound when a tile is selected. * **Swap**: A "whoosh" sound for tile movement. * **Match**: A satisfying high-pitched "pop" or "ding" chord (C-E-G) when 3 items align. * **Wrong Move**: A low-pitched "boing" sound if a swap results in no match. * **Environment**: Faint ambient ocean wave sounds. ### 3. Gameplay Loop * **Core Mechanic**: Classic Match-3. The player swaps adjacent items horizontally or vertically. * **Logic Flow**: 1. **Swap**: Player drags one tile to an adjacent slot. 2. **Validation**: Check if the swap creates a line of 3 or more identical types. 3. **Resolution**: * **If Match**: Tiles explode (scale down to 0 with particle effect), score increases, tiles above fall down (gravity), and new tiles spawn at the top. * **If No Match**: Animate tiles swapping back to original positions. * **Objective**: Reach a target score within a limited number of moves to "save" the hanging Donut character. * **Win/Loss**: * **Win**: Confetti particles erupt, and the Donut character jumps to safety. * **Loss**: The Shark (simple fin geometry) rises from the water, and a "Try Again" UI overlay appears. ### 4. Mobile Controls & Interaction * **Touch Input**: Implement a robust Raycaster system mapped to `touchstart`, `touchmove`, and `touchend` events. * **Gesture Recognition**: * **Tap**: Select first item, Tap adjacent item to swap. * **Swipe**: Detect swipe direction (Up/Down/Left/Right) based on vector difference between start and end touch coordinates (threshold > 20px). * **Visual Feedback**: * **Selection**: The selected tile should gently pulse (scale up/down) or have a glowing outline. * **Invalid Move**: Shake animation on the two tiles if the swap is invalid. * **UI/UX**: * Ensure the grid scales to fit within the `Safe Area` of mobile screens. * UI buttons (Settings, Restart) must have a hit area of at least 44x44 pixels. * Trigger `navigator.vibrate(50)` (Haptic Feedback) on successful matches. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Sugar Heroes

Sugar Heroes is a captivating match-3 puzzle adventure that combines classic gameplay mechanics with charming characters and vibrant visuals. In this sweet-themed puzzle game, players join a quirky crew of adorable characters on a colorful journey filled with challenging puzzles, strategic gameplay, and endless entertainment.

The game features an ever-expanding map of fun-filled levels where you'll encounter tricky obstacles, discover new mechanics, and collect various sweet treats including cakes, jellies, watermelons, cupcakes, popsicles, and donuts. Each level presents unique challenges that require careful planning and strategic thinking to overcome.

Core Features

Classic Match-3 Gameplay with a Twist

Sugar Heroes elevates traditional match-3 mechanics by introducing dynamic rule changes and evolving grid complexity as you progress. While the basic concept involves matching three or more similar items, the game keeps things fresh with varying objectives and innovative puzzle elements.

Special Power-ups and Strategic Elements

The game features powerful special items like the lollipop , which can be swapped with any piece on the grid to remove all same-colored elements instantly. These strategic power-ups add depth to the gameplay and help players clear challenging boards more effectively.

Engaging Story and Character Rescue Missions

Each puzzle is part of a larger narrative where you must rescue adorable friends from tricky situations. These rescue missions are cleverly woven into the puzzle mechanics, making every level feel meaningful and exciting.

Multiple Game Modes

  • Story Mode : Progress through an expanding map of levels
  • Daily Challenges : Complete special tasks for epic rewards
  • Multiplayer Tournaments : Compete against other players
  • Mission-based Objectives : Varied goals keep gameplay fresh

Gameplay Mechanics

Basic Match-3 Strategy

Your primary goal is to collect specific items like cakes and jellies by matching elements on the grid. The key strategy involves matching pieces adjacent to your target items, which boosts your collection count and maximizes efficiency with each move.

Advanced Techniques

  • Strategic Planning : Think several moves ahead to create powerful combinations
  • Chain Reactions : Set up cascading matches for higher scores
  • Power-up Combinations : Combine special pieces for explosive effects
  • Objective Focus : Prioritize moves that directly contribute to level goals

Operation Guide

Controls

  • Mouse : Drag and drop to swap adjacent items
  • Touch : On mobile devices, tap and drag to make matches
  • Strategy : Plan moves carefully - sometimes quick action is needed!

Winning Conditions

Clear levels by accumulating the required points from your matches. Each successful level completion earns you rewards like coins or soda bottles, which help you progress further and unlock new content.

Progression System

As you advance through Sugar Heroes, you'll encounter: - Increasingly complex grid layouts - New matching rules and mechanics - Fresh obstacles and challenges - Upgraded power-ups and special abilities

Why Play Sugar Heroes

Sugar Heroes stands out in the crowded match-3 genre through its perfect blend of familiar gameplay and innovative features. The game offers:

  • Free-to-Play : Enjoy the complete experience without any upfront cost
  • Cross-Platform : Play seamlessly on web browsers, mobile devices, and tablets
  • Regular Updates : Fresh content and new levels added regularly
  • Family-Friendly : Suitable for players of all ages
  • No Download Required : Play instantly in your browser
  • Engaging Storyline : Meaningful progression with character rescue missions
  • Strategic Depth : Easy to learn, challenging to master gameplay

Whether you're a casual puzzle fan looking for relaxing gameplay or a strategic thinker seeking challenging puzzles, Sugar Heroes delivers a sweet gaming experience that keeps you coming back for more delicious adventures.

Frequently Asked Questions (FAQ)