Eliatopia - Online RPG Adventure

Seele01-Flash
By
Eliatopia is a captivating browser-based RPG set in an alien world where you discover new life forms, battle extraterrestrial creatures, and build your character across four unique classes.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Eliatopia Mobile: Alien RPG". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Use a **Low-Poly Cel-Shaded (Toon)** aesthetic to mimic the original cartoon 2D vector art. The rendering should use `MeshToonMaterial` to ensure high performance on mobile devices. * **Camera Perspective**: Fixed **Isometric view** (OrthographicCamera) to maintain the RPG feel, positioned at a 45-degree angle looking down. * **Character Design**: Create a generic "Hero" base model featuring the signature "Cylinder/Box Head" style seen in the screenshot. Implement a simple texture swap or color change to represent 4 classes: * **Warrior**: Grey/Silver armor tint, holds a simple Sword geometry. * **Archer**: Green tint, holds a Bow. * **Wizard**: Blue tint, wears a Cone Hat. * **Gunman**: Brown tint, holds a Rifle. * **Environment**: An alien grassy plain (bright green ground plane) with scattered alien flora (red spiky plants, strange rocks). * **Optimization**: Use **InstancedMesh** for environmental props (grass, rocks) to reduce draw calls. Limit character poly count to under 500 triangles per entity. ### 2. Audio Requirements * **BGM**: A loopable, upbeat **Synthesized Orchestral Adventure** track. It should feel whimsical and space-themed (using theremin or synth leads over a marching beat). * **Sound Effects (SFX)**: * **Jump**: A cartoonish "Boing" or air-woosh sound. * **Attack**: * Warrior: Metal "Clang" or "Swoosh". * Gunman/Archer: "Pew-Pew" laser sound. * **Hit/Damage**: A distinct "Thud" or grunt sound. * **Loot Pickup**: A high-pitched "Ding" or coin jingle. * **UI Feedback**: Soft mechanical clicks for button presses. ### 3. Gameplay Loop * **Core Logic**: The player spawns in a small open world. Enemies (Green Slimes and Flying Bats) spawn periodically from the map edges. * **Combat System**: * Player approaches enemy -> Taps Attack button. * Visual feedback: The enemy flashes white when hit and floating damage numbers appear (Billboard text). * Upon death, enemies disappear and spawn "Loot Orbs" (Coins/XP). * **Progression**: Collecting Loot Orbs fills an XP bar. When full, play a "Level Up" particle effect and increase Player Size by 10% and Damage by 5. * **States**: * **Idle**: Breathing animation (scaling Y axis slightly). * **Run**: Waddle animation or simple rotation rocking. * **Jump**: Vertical translation with gravity logic. ### 4. Mobile Controls & Interaction * **Screen Orientation**: **Landscape Mode** only. * **Movement (Left Screen)**: Implement a dynamic **Virtual Joystick**. * Touching anywhere on the left half of the screen anchors the joystick center. * Dragging moves the character relative to the camera view. * **Actions (Right Screen)**: * **Attack Button (Large)**: Placed at the bottom-right (simulating physical controller layout). Radius ~60px. * **Jump Button (Medium)**: Placed slightly above and to the left of the Attack button. * **Interact/Pickup (Small)**: A context-sensitive button that appears only when near loot or NPCs. * **Haptic Feedback**: Trigger `navigator.vibrate(50)` on every successful attack hit and `navigator.vibrate(20)` on UI button taps. * **UI Layout**: * Top Left: HP Bar and XP Bar. * Top Right: Settings/Inventory Icon (44x44px minimum touch target). * All UI elements must use CSS absolute positioning over the Canvas, ensuring they are not blocked by 3D rendering. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Eliatopia is an immersive online RPG that transports you to the mysterious alien planet of Eliatopia. This browser-based adventure combines classic RPG elements with modern multiplayer features, offering an engaging isometric gaming experience that requires no downloads. Your mission: explore this otherworldly realm, discover new life forms, and survive against hostile alien creatures.

Core Features

Four Distinct Character Classes

Eliatopia offers four specialized classes, each with unique abilities and playstyles: - Warrior : Master of melee combat with superior defensive capabilities - Archer : Ranged specialist with precision attacks and agility - Wizard : Magical powerhouse wielding devastating spells - Gunman : Modern weaponry expert with versatile combat options

Each class features customizable appearance options and unique skill trees that allow for personalized character development.

Rich Progression System

The game features a comprehensive character advancement system: - Experience Points : Gain XP through combat and exploration - Skill Trees : Develop class-specific abilities and core stats - Loot System : Discover weapons, armor, and valuable items - Equipment Upgrades : Enhance both offensive and defensive capabilities - Visual Customization : Gear affects both stats and appearance

Diverse Alien Ecosystem

Explore a vast alien world filled with: - Unique extraterrestrial creatures and monsters - Progressive difficulty scaling that challenges your growing skills - Varied environments and terrains to discover - Hidden areas and secret locations

Social and Multiplayer Features

Eliatopia emphasizes community interaction through: - Player Trading : Exchange items and resources with other adventurers - Team Cooperation : Form parties for challenging content - PvP Combat : Test your skills against other players - Friend System : Stay connected with your gaming community

Gameplay Mechanics

The game utilizes intuitive isometric controls optimized for browser play. Combat is real-time and action-oriented, requiring strategic thinking and quick reflexes. As you progress, you'll encounter increasingly challenging enemies that demand continuous character improvement and tactical adaptation.

Character Development Strategy

Success in Eliatopia requires balancing offensive capabilities with defensive resilience. Players must strategically allocate skill points, choose appropriate equipment, and adapt their playstyle based on encountered threats.

Operation Guide

Movement Controls: - WASD or Arrow Keys : Navigate your character through the alien landscape - Spacebar : Jump over obstacles and terrain features

Combat Actions: - Left Mouse Button or C Key : Execute attacks and abilities - Strategic Positioning : Use terrain and distance to your advantage

Interaction Commands: - E Key : Pick up items, loot, and resources - V Key : Interact with NPCs, objects, and environmental elements

Pro Tips for New Players: - Experiment with different classes to find your preferred playstyle - Regularly upgrade equipment as you progress - Engage with the community for trading opportunities - Balance solo exploration with group activities

Why Play Eliatopia

Eliatopia stands out in the crowded RPG market by offering:

Accessibility : No downloads required - play instantly in any modern browser across desktop and mobile devices

Depth Without Complexity : Easy to learn mechanics that reveal strategic depth over time

Active Community : Engaging multiplayer features that foster lasting friendships and rivalries

Continuous Adventure : Vast world with ongoing discoveries and challenges

Free-to-Play : Complete RPG experience available at no cost

Whether you're a seasoned RPG veteran or new to the genre, Eliatopia provides an engaging alien adventure that grows with your skills and interests.

Frequently Asked Questions (FAQ)