Hex Bois - Free IO Strategy Game

Seele01-Flash
By
Hex Bois is a captivating free IO strategy game where you build generators, construct defensive walls, and compete for territorial dominance on a hexagonal grid battlefield.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Hex Bois". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Minimalist 3D Strategy. The aesthetic should be clean, bright, and abstract, similar to a "digital board game." * **Models (Procedural):** * **The Grid:** Use `THREE.CylinderGeometry` with 6 radial segments to create hexagonal tiles. * **Tile Variations:** * *Base Tile:* Flat height. White/Light Grey for neutral territory. * *Generator:* Taller extrusion, emitting a subtle glow or pulsing animation. * *Wall:* Thick, medium height, darker shade of the owner's color to indicate durability. * **Colors:** High contrast colors for different factions. * **Player:** Neon Cyan (#00BCD4). * **Enemy Bots:** Hot Pink (#E91E63) and Deep Purple (#9C27B0). * **Neutral:** Off-White (#F5F5F5). * **Text Labels:** Each hex must display a 3D floating number (using `FontLoader` or a Canvas texture sprite) indicating its current "Strength" or "Health" value, visible from the top-down view. * **Mobile Optimization:** * **Crucial:** Use `THREE.InstancedMesh` for the hexagonal grid to ensure 60 FPS on mobile devices, as there will be hundreds of tiles. * **Lighting:** Use a simple setup: one AmbientLight and one DirectionalLight (casting soft shadows) to minimize calculation overhead. * **Camera:** Orthographic Camera rotated -90 degrees on X (Top-down view) or a slight isometric angle (Top-down + slight Z-tilt) to maintain clarity of the grid layout. ### 2. Audio Requirements * **BGM:** A repetitive, catchy, "thinking-style" electronic track. Style: Lo-fi beats or light Techno/Synth-pop. * **Sound Effects (SFX):** * *Select/Click:* A soft "pop" or bubble sound. * *Build:* A digital construction "shimmer" sound. * *Capture:* A positive "ding" when expanding territory. * *Attack/Collision:* A dull thud or "crunch" when attacking walls. * *Error:* A low-pitch buzzer if the player tries to build without enough resources. ### 3. Gameplay Loop * **Core Mechanism:** A real-time strategy area-control game (IO style). * **Resources:** "Energy." Automatically generates over time based on the number of "Generator" tiles owned. * **Loop:** 1. **Start:** Player starts with 1 Hex (Base) and a small amount of Energy. 2. **Expand:** Player taps an adjacent neutral hex to capture it (Costs Energy). 3. **Build:** Player taps an owned hex to upgrade it into a **Generator** (increases passive Energy income) or a **Wall** (high Health/Strength to block enemies). 4. **Combat:** To attack an enemy, the player must have higher "Strength" numbers on their adjacent tiles. Tapping an enemy tile transfers Strength from player tiles to damage/overtake the enemy tile. * **Victory:** Eliminate all enemy colors from the map. * **AI:** Simple bot logic for Pink and Purple teams that automatically expands towards the player and builds random generators. ### 4. Mobile Controls & Interaction * **Camera Control:** * **Pan:** One-finger drag to move the camera around the large grid. * **Zoom:** Two-finger pinch to zoom in/out. * **Interaction (Raycaster):** * **Tap:** Detects tap on a specific Hex. * **Logic:** * If tapping an *Empty/Neutral* neighbor: Attempt to capture. * If tapping *Self*: Open a minimal radial menu or bottom overlay to select "Build Generator" or "Build Wall." * If tapping *Enemy*: Initiate attack from adjacent owned tiles. * **UI Overlay (DOM Elements):** * **Top Center:** Large, clear text showing current "Energy" count. * **Bottom Bar:** Build buttons (Icon-based: Generator, Wall, Upgrade) that are large (min 48x48px) and easy to tap. * **Feedback:** * **Haptics:** Trigger `navigator.vibrate(50)` when a structure is built or territory is captured. * **Visual:** When a tile is captured, use GSAP or a simple tween to animate its color changing and scale it up/down slightly ("bouncy" effect). Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Hex Bois is an engaging IO strategy game that combines territorial conquest with resource management in a unique hexagonal grid world. Rated 4.3/5 by players, this free browser-based game challenges you to build a thriving kingdom while competing against other players for map control.

In this strategic battlefield, every hex tile matters as you work to expand your influence and dominate the game board through smart placement and tactical decision-making.

Core Features

Strategic Hex-Based Gameplay

Unlike traditional strategy games, Hex Bois uses a hexagonal grid system that creates unique strategic opportunities. Each hex placement affects your overall territory control and resource generation capabilities.

Real-Time Multiplayer Competition

As an IO game, you'll face off against real players from around the world in intense territorial battles. Success requires both quick thinking and long-term strategic planning.

Progressive Building System

  • Power Generators : Create energy-producing structures that fuel your expansion
  • Defensive Walls : Protect your territory and generators from enemy attacks
  • Strategic Upgrades : Unlock new hex structures as you generate more resources

Incremental Progression

The game features satisfying incremental mechanics where small gains compound over time. Start with basic generators and gradually build a powerful hex empire.

Game Mechanics

Territory Control System

Hex Bois revolves around area majority and influence. Your goal is to control as much territory as possible while defending your existing holdings from competitors.

Resource Generation

Power generators produce energy points that serve as your primary currency. These points allow you to purchase additional structures and expand your territorial presence.

Strategic Decision Making

Every placement matters in Hex Bois. You'll constantly face choices: - Should you build another generator for more income? - Is it time to construct defensive walls? - Which areas of the map offer the best expansion opportunities?

How to Play

Basic Controls

  • Click to Select : Choose from available hex structures in your building menu
  • Click to Place : Position your selected structure on an available hex tile
  • Strategic Planning : Monitor your energy generation and plan your next moves

Winning Strategy Tips

  1. Start with Generators : Focus on energy production early to fund rapid expansion
  2. Protect Your Assets : Use walls strategically to defend key generators
  3. Control Choke Points : Identify and secure important map positions
  4. Balance Offense and Defense : Don't neglect either expansion or protection

Why Play Hex Bois

Perfect for Strategy Fans

If you enjoy games like Civilization or other territory control games, Hex Bois offers that same strategic depth in a fast-paced, accessible format.

Quick Sessions, Deep Strategy

Games are designed for relatively quick sessions while still offering meaningful strategic choices and progression.

Free and Accessible

  • Completely Free : No payment required to access all game features
  • Browser-Based : Play instantly without downloads or installations
  • Cross-Platform : Works on desktop computers, tablets, and smartphones
  • HTML5 Technology : Smooth performance across all modern browsers

Active Community

Join thousands of players in this competitive IO environment where every match brings new challenges and opponents with different strategies.

Frequently Asked Questions (FAQ)