Magic World - Fantasy Match 3 RPG Adventure

Seele01-Flash
By
Magic World combines strategic match-3 puzzle gameplay with epic fantasy RPG elements. Assemble legendary heroes, battle mythical creatures, and master gem matching to protect the magical realm in this free online adventure.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Magic World". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: High-fantasy "Stylized PBR" look. Use low-poly geometry with high-gloss materials to simulate a premium mobile RPG aesthetic. The scene should be vertical (Portrait Mode). * **Split-Screen Layout**: * **Top Half (Battle Arena)**: A 3D stage featuring a Player Hero (represented by a stylized Mage character or a color-coded capsule with a staff) facing off against an Enemy Boss (e.g., a Goblin or Dragon, represented by a larger, menacing primitive shape). Background should be a dark, atmospheric dungeon or mystical forest with fog particles. * **Bottom Half (Puzzle Grid)**: An 8x8 grid floating in 3D space. The background behind the grid should be semi-transparent dark UI glass to ensure gem visibility. * **Gem Assets**: Create 5 distinct 3D gem geometries representing elements: * Red (Fire/Cube) * Blue (Water/Icosahedron) * Green (Nature/Cylinder) * Yellow (Light/Pyramid) * Purple (Magic/Sphere - referencing the sorceress in the screenshot). * **Effects**: detailed particle explosions when gems are matched (sparks, glow). A projectile trail effect when a match sends energy from the grid to the enemy. * **Optimization**: Use `InstancedMesh` for the gem grid to maintain 60FPS on mobile devices. Use simple shadow blobs instead of expensive dynamic shadows. ### 2. Audio Requirements * **BGM**: An epic, looping orchestral track featuring strings and light percussion, evoking a sense of adventure and magic. * **Sound Effects (SFX)**: * **UI/Interaction**: A crisp "glassy" click when selecting a gem. * **Swap**: A "whoosh" sound for tile movement. * **Match**: A magical, harmonic chime (higher pitch for larger combos). * **Combat**: A "fireball" launch sound when a match clears, followed by an "impact" thud/grunt when it hits the enemy. * **Victory/Defeat**: Short fanfare for win; somber tone for loss. ### 3. Gameplay Loop * **Turn-Based Combat System**: 1. **Player Phase**: Player swaps two adjacent gems to create a line of 3 or more. 2. **Attack Logic**: Matching specific colors triggers an attack. (e.g., Matching 3 Red gems launches a Fireball from the Player to the Enemy). 3. **Damage Calculation**: Each gem matched deals 10 damage. 4. **Enemy Phase**: After the player moves (and cascades settle), the enemy waits 1 second and deals damage to the player's health bar. * **Win/Loss Condition**: * **Win**: Enemy HP reaches 0. * **Loss**: Player HP reaches 0. * **Combo System**: If new matches occur after gems fall (cascade), trigger immediate follow-up attacks with a visual "Combo!" text popup. ### 4. Mobile Controls & Interaction * **Touch Input**: Implement a robust Raycaster system for touch events. * `touchstart`: Select the first gem (highlight it with an emissive glow and slight scale up). * `touchmove`: Detect swipe direction (Up, Down, Left, Right). * `touchend`: Execute the swap. * **Screen Adaptation**: Force or optimize for **Portrait Mode** (Vertical aspect ratio). The camera should be Orthographic to keep the grid perfectly aligned, while the battle scene can have perspective. * **Feedback**: * **Invalid Move**: If a swap results in no match, the gems should visually "shake" and snap back to original positions. * **Haptic**: Trigger `navigator.vibrate(50)` on a successful match if supported. * **UI Layout**: Health bars (Red for Enemy, Green for Player) must be placed at the very top of the screen, distinct from the playable grid area, with large, readable text. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Magic World

Magic World is an innovative fantasy adventure that revolutionizes the match-3 puzzle genre by seamlessly blending strategic RPG combat with addictive gem-matching gameplay. This captivating game challenges players to protect a magical realm by assembling a squad of unique heroes and mastering tactical puzzle battles against mythical creatures and fierce enemies.

Unlike traditional match-3 games, Magic World introduces strategic depth where enemies utilize cover and battlefield advantages, requiring players to develop well-thought-out strategies and smart hero management to achieve victory. The game offers both thrilling single-player campaigns and competitive multiplayer modes for endless entertainment.

Core Features

Strategic Match-3 Combat System

The heart of Magic World lies in its innovative battle mechanics. Players must strategically match three or more gems of the same color to launch attacks against opponents. The twist? Matching gems that correspond to your heroes' elemental colors unleashes devastating special attacks, adding layers of strategy to every move.

Hero Collection and Progression

Build your ultimate fantasy squad by collecting and upgrading diverse heroes, each with unique elemental affinities and special abilities. Strategic hero selection and leveling become crucial as you face increasingly challenging opponents who employ tactical advantages against you.

Multiple Game Modes

  • Story Campaign : Progress through hundreds of challenging levels filled with adventures and mysteries
  • PvP Battles : Compete against players worldwide in real-time strategic combat
  • Clan System : Join or create clans to share resources, strategies, and participate in friendly matches
  • Cooperative Raids : Team up with clan members to defeat powerful bosses including dragons, trolls, and goblins

Cross-Platform Gaming Experience

Enjoy seamless gameplay across all devices with full cross-platform support. Whether you're on desktop, mobile, or tablet, your magical adventure continues wherever you go.

Gameplay Mechanics

How to Master Gem Matching

Success in Magic World requires understanding the strategic depth behind gem matching:

  1. Basic Matching : Align three or more gems horizontally or vertically to attack opponents
  2. Elemental Strategy : Match gems corresponding to your heroes' colors for enhanced damage
  3. Combo Chains : Create multiple matches in sequence for devastating combo attacks
  4. Battlefield Awareness : Adapt your strategy as enemies use cover and positional advantages

Battle Strategy Tips

  • Plan your moves carefully, considering both immediate damage and future matching opportunities
  • Balance offense and defense by managing hero positioning and elemental advantages
  • Utilize special abilities at crucial moments to turn the tide of battle
  • Study enemy patterns and adapt your gem-matching strategy accordingly

Operation Guide

Controls

  • Desktop : Use left mouse button to select and swap gems
  • Mobile/Tablet : Touch and swipe controls for intuitive gem matching
  • Navigation : Simple point-and-click or touch interface for all menus and features

Getting Started

  1. Complete the tutorial to learn basic gem matching and battle mechanics
  2. Assemble your first hero squad from available characters
  3. Begin the story campaign to unlock new heroes and abilities
  4. Experiment with different hero combinations to find your optimal strategy
  5. Join a clan to access cooperative features and additional rewards

Why Play Magic World

Perfect Blend of Genres

Magic World successfully merges the accessibility of match-3 puzzles with the depth of RPG strategy games. This unique combination creates an experience that's easy to learn but offers incredible depth for dedicated players.

Free-to-Play Excellence

Enjoy the complete Magic World experience without any upfront costs. The game provides generous rewards and progression systems that allow skilled players to advance through strategic play rather than mandatory purchases.

Community and Competition

Join a thriving global community of players. Whether you prefer cooperative clan activities or competitive PvP battles, Magic World offers social gaming experiences that keep you engaged long-term.

Regular Content Updates

The magical realm continues to expand with regular content updates, new heroes, challenging events, and seasonal campaigns that provide fresh experiences for returning players.

Accessibility Across Devices

With full browser support and mobile compatibility, Magic World fits into any gaming schedule. Play during short breaks or dive into extended gaming sessions – the choice is yours.

Frequently Asked Questions (FAQ)