Elemental Merge - Strategic Element Combining Game

Seele01-Flash
By
Elemental Merge is a strategic arcade game where you combine basic elements like water, fire, earth, and air to create powerful armies and engage in tactical battles against enemies.

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**: Use a **Low-Poly, Toon-Shaded** aesthetic with high color saturation to mimic the cute 2D vector art of the reference. The scene should look like a lively, casual arcade game. * **Character Models**: Create procedural low-poly meshes for the elements based on geometric primitives: * *Fire*: Animated orange/red spheres with noise vertex displacement to simulate flames. * *Water*: Blue translucent blobs/spheres with specular highlights. * *Earth*: Brown, blocky/cuboid shapes simulating rocks. * *Air*: White/Grey spiral cones (tornado shape). * *Advanced Units*: Combine geometries for higher levels (e.g., Lava = Red Rocks, Ice = Light Blue sharp crystals, Coal = Black Rocks). * **Faces**: Apply simple textures or child planes to all units featuring "cute" faces (two eyes, simple mouth) to match the reference image. * **Environment**: A split battlefield arena. * **Ground**: A dual-themed floor (e.g., Magma on the left, Ice/Water on the right) or a neutral grid pattern for the player's deployment zone. * **Background**: A simple gradient skybox (Warm orange to Cool blue) or low-poly environmental props (stylized trees, volcano) on the periphery. * **Mobile Optimization**: * Use `InstancedMesh` for rendering multiple units of the same type to reduce draw calls. * Limit real-time shadows; use baked shadow textures (blobs) under units. * Target 60 FPS on mid-range mobile devices by keeping polygon count per unit under 500 triangles. ### 2. Audio Requirements * **BGM**: A fast-paced, optimistic "Arcade/Casual" loop. Synth-heavy but lighthearted, similar to hyper-casual mobile games. * **Sound Effects (SFX)**: * *Merge Action*: A satisfying, high-pitched "Pop" or "Ding" sound with a rising scale when two units successfully merge. * *Attack*: Distinct sounds for elements (Fire = *Whoosh*, Water = *Splash*, Earth = *Thud*, Air = *Wind gust*). * *UI*: Soft "Click" for buttons, "Ka-ching" for earning coins. * *Battle End*: A cheerful fanfare for Victory, a "wa-wa-wa" descending tone for Defeat. ### 3. Gameplay Loop * **Data Structure**: Implement a `UnitStats` configuration object defining the 8 Levels of evolution (Health, Damage, Attack Speed). Include the **Elemental Advantage System** (e.g., Water deals +30% dmg to Fire). * **Phase 1: Preparation (Merge)**: * Player spends "Coins" to spawn Level 1 basic elements (Water, Fire, Earth, Air) into the grid. * **Merging Logic**: Dragging a unit onto another identical unit removes both and spawns the next Tier unit (e.g., Water + Water = Lvl 2 Water; later: Water + Earth = Wood) at that position. * **Phase 2: Battle**: * Upon clicking "Fight", units switch to an **Auto-Battle State**. * **AI Behavior**: Units automatically identify the nearest enemy, move within range, and attack. * **Projectile System**: Ranged units (Fire, Air, Water) shoot simple mesh projectiles; Melee units (Earth) move into contact range. * **Win/Loss Condition**: The level ends when all units of one side are destroyed. * *Win*: Award coins based on remaining health. Unlock next difficulty. * *Loss*: Restart the level. ### 4. Mobile Controls & Interaction * **Touch Input**: Implement a robust Raycaster for `touchstart`, `touchmove`, and `touchend` events. * **Drag & Drop**: * When the player holds a unit, elevate it slightly (y-axis) and add a bobbing animation. * Draw a "target highlight" on the grid cell under the finger. * If dropped on an empty slot: Snap to grid. * If dropped on a matching unit: Trigger **Merge**. * If dropped on a non-matching unit: Snap back to original position. * **Orientation**: **Portrait Mode** design. * *Top half*: Enemy Army area. * *Bottom half*: Player Grid (5x5 or similar). * *Bottom UI Bar*: "Buy Unit" button (Left), "Start Battle" button (Right). Large touch targets (min height 60px). * **Feedback**: * **Haptic Feedback**: Trigger `navigator.vibrate(50)` on a successful merge. * **Visual Feedback**: Spawn particle explosions (confetti or sparks) upon merging. Display floating damage numbers during combat. 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 an engaging strategic merge game that combines the addictive mechanics of element combining with tactical army-building gameplay. Players start with four basic elements - water, fire, earth, and air - and strategically merge them to create increasingly powerful elemental warriors across 8 challenging levels.

The game features a unique battle system where each element has specific strengths and weaknesses against others, creating a rock-paper-scissors dynamic that requires strategic thinking. With colorful 2D graphics and intuitive drag-and-drop mechanics, this free browser game offers hours of engaging gameplay without requiring any downloads.

Core Features

Strategic Element Combining System

The heart of Elemental Merge lies in its sophisticated merging mechanics. Players can combine basic elements to discover new, more powerful combinations:

  • Basic Elements : Water, Fire, Earth, and Air form the foundation
  • Advanced Combinations : Wood (Water + Earth), Ice (Water + Air), Lava (Fire + Earth)
  • Elite Elements : Progress through 8 levels to unlock Obsidian, Hybrid, and Matter
  • Ultimate Forms : Enhanced versions of basic elements with massive power boosts

Tactical Battle Mechanics

Each element features unique combat statistics and advantages:

  • Damage Multipliers : Elements deal 20-30% bonus damage to specific opponents
  • Varied Attack Speeds : From Air's very fast attacks to Earth's slow but powerful strikes
  • Progressive Health Scaling : Health ranges from 20 at level 1 to over 12,000 at level 8
  • Strategic Depth : Understanding elemental matchups is crucial for victory

Army Building and Resource Management

Success requires careful resource allocation and army composition:

  • Coin Economy : Earn currency by defeating enemies to expand your forces
  • Strategic Merging : Choose combinations wisely - wrong merges can set you back
  • Progressive Difficulty : Each level introduces more complex tactical decisions

Game Mechanics

Elemental Progression System

The game features 8 distinct levels of elemental evolution:

Levels 1-3 : Master the four basic elements, each with increasing health and damage Level 4 : Unlock combination elements like Wood, Ice, Lava, and Coal Level 5 : Discover Obsidian through strategic Ice and Fire fusion Level 6 : Create the powerful Hybrid element with balanced combat abilities Level 7 : Achieve Matter, the penultimate elemental form Level 8+ : Access enhanced versions of basic elements with ultimate power

Combat Effectiveness Guide

Understanding elemental advantages is key to success:

  • Water excels against Fire, Lava, and Hybrid elements
  • Fire dominates Air, Wood, and Coal opponents
  • Earth crushes Water, Ice, and Matter enemies
  • Air overwhelms Water, Earth, and Obsidian foes

Operation Guide

Basic Controls

  • Mouse Drag : Use left mouse button to move and position elements
  • Merge Action : Drag one element onto another to combine them
  • Battle Deployment : Position merged elements strategically for combat

Winning Strategy Tips

  1. Study Matchups : Learn which elements counter others for maximum damage
  2. Resource Management : Invest coins wisely to build a balanced army
  3. Timing Matters : Consider attack speeds when planning your formations
  4. Progressive Building : Focus on reaching higher-tier elements for better combat effectiveness

Why Play Elemental Merge

Elemental Merge offers a perfect blend of casual accessibility and strategic depth. The game's free-to-play model ensures anyone can jump in immediately through their web browser, while the complex elemental system provides lasting engagement for strategy enthusiasts.

The colorful art style and intuitive interface make it approachable for all ages, while the tactical combat system offers genuine strategic challenges. With 8 levels of progression and dozens of possible elemental combinations, players will discover new strategies and combinations long after their first playthrough.

Whether you're looking for a quick gaming session or a deep strategic experience, Elemental Merge delivers engaging gameplay that grows more rewarding as you master its elemental mysteries.

Frequently Asked Questions (FAQ)