Battle of Knights: Robby and Dragons

Seele01-Flash
By
Battle of Knights: Robby and Dragons is an engaging 3D clicker arena game where you transform from a bare-handed fighter into a legendary knight. Train your hero, collect powerful weapons and pets, and battle fierce dragons in your quest for glory.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Battle of Knights: Robby and Dragons**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Create a **Low-Poly, Roblox-inspired** aesthetic. The world should be colorful, blocky, and cartoonish. * **Character Models:** * **Player:** A simple blocky humanoid (Lego-style proportions). The base model starts with no armor (just a "noob" look). * **Enemies:** Use simple geometry to represent tiered enemies: a small "Newbie" dummy, a medium-sized "Knight" opponent, and a large, blocky "Dragon" boss (composed of cubes/prisms). * **Pets:** Small floating blocky creatures (e.g., a cube with wings) following the player. * **Environment:** A circular or square arena with a bright green flat ground plane. * **Skybox:** A simple blue sky gradient with fluffy white low-poly clouds. * **Decorations:** Place 3 simple "Shop Booths" (Sword Store, Pet Store, Skin Store) on the periphery of the arena, represented by distinct colored zones or simple kiosk models. * **Performance:** Optimize for mobile. Use simple materials (`MeshLambertMaterial` or `MeshToonMaterial`), share geometries where possible, and limit the number of dynamic lights to one main Directional Light (Sun) and soft Ambient Light. ### 2. Audio Requirements * **BGM:** Generate (or simulate placeholders for) an upbeat, adventurous medieval fantasy track—think synthesized flutes and marching drums, but lighthearted and repetitive for an idle game loop. * **Sound Effects (SFX):** * **Impact:** A "Thwack" or comedic "Bonk" sound when hitting enemies. * **Coins:** A high-pitched "Ding" or "Ching" sound when earning money. * **Upgrade:** A rising magical chime sound when purchasing items. * **Jump:** A cartoonish "Boing" sound. * **Ambient:** Subtle wind noise. ### 3. Gameplay Loop * **Core Mechanic:** The player approaches an enemy and taps an "Attack" button. The player's "Strength" determines damage. * **Progression System:** * **Combat:** Killing enemies drops "Coins". * **Enemy Tiers:** * Newbie: Low HP, drops 1 coin. * Simple Fight: Medium HP, drops 3 coins. * Dragon: High HP, drops 50 coins. * **Upgrades (Store Logic):** * **Swords (Force Multiplier):** Cost increases exponentially (1, 25, 100...). Increases damage output. * **Pets (Strength Boost):** Cost increases (5, 30, 100...). Adds flat damage bonuses. * **Victory Condition:** Defeating the Dragon is the "level clear" condition (though the game is endless/incremental). * **UI Display:** Always show current "Coins" and "Strength" at the top of the screen. ### 4. Mobile Controls & Interaction * **Movement:** Implement a **Virtual Joystick** in the bottom-left corner of the screen for character movement (XZ plane). * **Camera:** Implement **Touch Swipe** anywhere on the right half of the screen to rotate the camera around the player (OrbitControls-like behavior but touch-optimized). * **Action Buttons:** * **Jump Button:** A circular button in the bottom-right corner. * **Attack Button:** A prominent button near the Jump button (or auto-attack when in range). Let's use a manual "Sword Icon" button for engagement. * **Shop Interaction:** When the player walks into a Shop Zone, display a modal/popup UI to buy upgrades. Ensure buttons in this UI are large (min 44x44px) and easy to tap. * **Orientation:** Force **Landscape Mode** layout for the UI. * **Feedback:** Add simple "camera shake" on critical hits and float damage numbers upwards from the enemy when hit. ### 5. Code Structure * Use `three.js` for rendering. * Use `cannon.js` (or a simple custom collision system) for basic physics (preventing walking through walls/enemies). * Encapsulate logic in a `Game` class. * Ensure the canvas resizes correctly on mobile device rotation. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Battle of Knights: Robby and Dragons is an immersive 3D clicker arena game that combines incremental gameplay with epic medieval battles. Starting with nothing but your bare fists, you'll embark on an exciting journey to become the ultimate knight hero. The game features engaging clicker mechanics, strategic upgrades, and thrilling dragon battles that will keep you coming back for more.

This free-to-play browser game offers a perfect blend of simple clicking action and deep progression systems. With its colorful 3D graphics and Roblox-inspired visual style, players of all ages can enjoy the satisfying experience of watching their knight grow stronger with every battle.

Core Features

Progressive Knight Development

Start your journey as a humble fighter with nothing but determination. Each victory brings valuable coins and progression opportunities, allowing you to transform from a novice into a legendary dragon-slaying knight.

Extensive Weapon Upgrade System

The game features a comprehensive sword upgrade system with multiple tiers: - Entry-level weapons (2x-4x force multipliers) - Mid-tier swords (8x-50x force boosts) - Legendary weapons (80x-150x force multipliers)

Each weapon significantly increases your combat effectiveness, making previously challenging enemies much easier to defeat.

Companion Pet System

Recruit powerful pets that provide permanent strength bonuses ranging from +3 to +20,000 strength. These loyal companions fight alongside you, making battles more manageable and rewarding.

Character Customization

Personalize your knight's appearance through the comprehensive skin store. Upgrade various parts including arms, beard, body, cloak, feet, hands, head, helmet, and pants. Looking the part of a true knight isn't just cosmetic—it's essential for earning the respect needed to claim ultimate victory.

Multiple Battle Tiers

Engage in battles of varying difficulty levels: - Newbie fights (1 coin reward) - Simple battles (3 coins) - Medium challenges (6 coins) - Strong encounters (10 coins) - Ultimate dragon battles (50 coins)

Gameplay Mechanics

Simple Click-to-Fight System

The core gameplay revolves around intuitive clicking mechanics. A simple left-click engages enemies, making the game accessible to players of all skill levels while maintaining engaging progression.

Strategic Resource Management

Coins serve as the primary currency for all upgrades. Players must decide whether to invest in weapons for immediate combat power, pets for permanent strength boosts, or cosmetic upgrades for character development.

360-Degree Exploration

Explore the medieval world with full mouse-controlled camera rotation. The 3D environment allows for immersive exploration as you discover new challenges and opportunities.

Controls and Platform Support

Desktop Controls

  • WASD keys : Character movement
  • Spacebar : Jump action
  • Mouse movement : Camera rotation and battle engagement
  • Left-click : Attack enemies and interact with objects

Mobile Controls

  • Virtual joystick : Character movement
  • Jump button : Located in lower right corner
  • Touch and swipe : Camera control and battle interaction

Why Play Battle of Knights?

Addictive Progression System

The game's incremental mechanics provide constant satisfaction as you watch your knight's power grow exponentially. Each upgrade feels meaningful and opens up new gameplay possibilities.

Free and Accessible

Completely free to play with no downloads required. Simply open your browser on any device and start your knightly adventure immediately.

Perfect for All Play Sessions

Whether you have 5 minutes or 5 hours, the game adapts to your schedule. Quick battles provide instant gratification, while longer sessions allow for significant character development.

Cross-Platform Compatibility

Seamlessly switch between desktop and mobile devices. Your progress saves automatically, allowing you to continue your quest wherever you are.

Ultimate Goal: Dragon Victory

The game provides a clear and exciting endgame objective—defeat all dragons to win the princess and prove yourself as the ultimate knight hero.

Frequently Asked Questions (FAQ)