Elemental Merge - Strategic Battle Arena

Seele01-Flash
By
Elemental Merge is an addictive strategy game where you combine basic elements like water, fire, earth, and air to create powerful armies. Master 8 levels of elemental combinations and defeat enemies in tactical battles.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Elemental Merge**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: 3D Low-poly with **Toon Shading (Cel Shading)** to mimic the colorful, cartoonish 2D reference art. Models should be cute and distinct, using basic shapes (blobs, cubes, spheres) with simple "face" textures (eyes/mouth) applied to them. * **Camera & Perspective**: Use an **Orthographic Camera** positioned at a fixed high angle (isometric view, approx 45-60 degrees) to ensure a clear view of the tactical grid. * **Environment**: A split-biome arena. The left side of the battlefield should feature a "Lava/Volcano" floor texture, and the right side an "Ice/Tundra" floor texture, blending in the middle. The background needs a simple gradient skybox (warm orange to cool blue). * **Unit Models**: * *Basic*: Water (Blue teardrop), Fire (Red/Orange flame shape), Earth (Brown rocky cube), Air (White tornado/cone). * *Advanced*: Wood (Brown/Green cylinder), Ice (Light blue crystal), Obsidian (Black/Purple jagged rock), Hybrid (Dark, multi-colored). * **Performance**: Use instanced mesh rendering for the grid tiles. Limit unit polygon count to <500 faces per unit. Use a single texture atlas for all unit colors to reduce draw calls. ### 2. Audio Requirements * **BGM**: A lighthearted, upbeat "Arcade/Casual" loop. It should be energetic but not aggressive, similar to standard hyper-casual mobile games (synth-pop style). * **Sound Effects (SFX)**: * *Merge*: A satisfying "pop" or high-pitched magical chime. * *Placement*: A soft "thud" or "snap" sound when dropping a unit on the grid. * *Attack*: Distinct sounds for elements (Sizzle for fire, splash for water, crumbling sound for earth, whoosh for air). * *UI*: Crisp clicking sounds for buttons. ### 3. Gameplay Loop * **State Machine**: The game consists of two distinct phases: **Preparation Phase** and **Battle Phase**. * **Preparation Phase**: * Player spends "Coins" to spawn random Level 1 units (Water, Fire, Earth, Air) onto a 5x4 grid. * **Merge Logic**: Implement a recipe-based merge system. * *Upgrade*: Level 1 Water + Level 1 Water = Level 2 Water (Stats increase). * *Mutation*: Water + Earth = Wood (Level 4); Water + Wind = Ice (Level 4); Fire + Earth = Lava (Level 4); etc., following the provided game description logic. * **Battle Phase**: * Player presses "FIGHT". Units become autonomous. * **AI Behavior**: Units find the nearest enemy, move within range, and attack. * **Elemental Bonus**: Implement the Rock-Paper-Scissors damage logic (e.g., Water deals 1.3x damage to Fire; Fire deals 1.3x to Air/Wood). * **Victory Condition**: Eliminate all enemy units to earn Coins and progress to the next level. Defeat resets the current level. ### 4. Mobile Controls & Interaction * **Orientation**: **Portrait Mode** (Vertical) is mandatory to accommodate the grid at the bottom and the enemy army at the top. * **Touch Controls**: * Implement `Raycaster` for touch detection. * **Drag & Drop**: Users touch a unit, drag it to another grid cell, and release. * **Snapping**: Units must visually "snap" to the center of the nearest grid tile when released. * **UI Layout**: * "Spawn Unit" button: Large, thumb-friendly button (bottom center, >88px height). * "Fight" button: Prominent call-to-action button. * Top Bar: Current Level indicator and Coin count. * **Feedback**: * **Visual**: Highlight valid target tiles (green glow) when dragging a unit. Display floating damage numbers during battle. * **Haptic**: Trigger a short vibration (`navigator.vibrate(50)`) upon a successful merge. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Elemental Merge is a captivating strategic battle game that combines the addictive mechanics of merge gameplay with tactical combat. In this colorful 2D arcade experience, you'll collect and merge fundamental elements to build an unstoppable army. The game features a sophisticated progression system across 8 distinct levels, each offering unique elemental combinations and enhanced battle capabilities.

The core gameplay revolves around strategically combining water, fire, earth, and air elements to discover powerful new forms. Each merger creates stronger units with enhanced stats, special abilities, and tactical advantages against specific enemy types. With simple drag-and-drop mechanics, the game is easy to learn but offers deep strategic depth for dedicated players.

Core Features

Complete Elemental System

Experience a comprehensive 8-level progression system where basic elements evolve into advanced forms: - Level 1-3 : Master the four fundamental elements (Water, Fire, Earth, Air) - Level 4 : Unlock combined elements like Wood, Ice, Lava, and Coal - Level 5-6 : Discover rare elements like Obsidian and Hybrid - Level 7-8 : Access ultimate Matter elements and enhanced versions

Strategic Battle Mechanics

Every element possesses unique characteristics that create tactical depth: - Damage Advantages : Each element deals 30% extra damage to specific opponents - Varied Attack Speeds : From Air's lightning-fast strikes to Earth's powerful slow attacks - Health Scaling : Units grow exponentially stronger, from 20 HP basics to 12,200 HP masters - Tactical Positioning : Smart placement and timing determine battle outcomes

Progressive Difficulty

The game challenges players with increasingly complex battles requiring strategic thinking and resource management. As you advance, you'll need to balance offensive power with defensive capabilities while managing your elemental army composition.

Free Browser Gaming

  • No Download Required : Play instantly in any web browser
  • Cross-Platform Support : Perfect performance on desktop and mobile devices
  • Completely Free : Full game access without payment or registration

Game Mechanics

Element Fusion System

Merging is the heart of Elemental Merge strategy. Combine identical or compatible elements to create stronger units: - Basic Merging : Drag elements onto each other to combine - Strategic Combinations : Water + Earth = Wood, Ice + Fire = Obsidian - Risk vs Reward : Wrong merges can set back your progress significantly

Battle Strategy

Success requires understanding elemental relationships and combat mechanics: - Type Advantages : Fire beats Air/Wood/Coal, Water counters Fire/Lava/Hybrid - Speed Balancing : Fast attackers vs heavy hitters create tactical decisions - Army Composition : Mix different elements for versatile battle performance

How to Play

Basic Controls

  • Mouse Drag : Select and move elements around the battlefield
  • Merge Action : Drag one element onto another to combine them
  • Battle Deployment : Position your merged army strategically for combat

Winning Strategy Tips

  1. Start with Basics : Master the four fundamental elements before advancing
  2. Study Damage Tables : Learn which elements counter your opponents
  3. Balance Speed vs Power : Mix fast attackers with heavy damage dealers
  4. Resource Management : Earn coins from victories to expand your army
  5. Experiment Safely : Test new combinations in early levels before major battles

Progressive Gameplay

Begin with simple water, fire, earth, and air elements. As you progress through 8 levels, unlock advanced combinations like Obsidian (Ice + Fire) and Matter elements. Each level introduces new strategic possibilities and combat challenges.

Why Play Elemental Merge

Elemental Merge offers the perfect blend of casual accessibility and strategic depth. Whether you're looking for a quick gaming session or deep tactical gameplay, this game delivers. The progression system keeps you engaged with constant unlocks and discoveries, while the battle mechanics provide satisfying tactical challenges.

The game's free-to-play model means you can dive straight into the action without any barriers. Its browser-based design ensures you can play anywhere, anytime, making it perfect for both desktop strategists and mobile gamers on the go.

Frequently Asked Questions (FAQ)