Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

pshenok/server-survival

Repository files navigation

Server Survival

Gameplay Demo

Server Survival is an interactive 3D simulation game where you play as a Cloud Architect. Your mission is to build and scale a resilient cloud infrastructure to handle increasing traffic loads while fighting off DDoS attacks, managing your budget, and keeping your services healthy.

PLAY NOW

How to Play

Objective

Survive as long as possible! Manage your Budget ($), Reputation (%), and Service Health.

  • Earn Money by successfully processing legitimate traffic requests.
  • Lose Reputation if requests fail or if malicious traffic slips through.
  • Maintain Health - Services degrade under load and need repairs.
  • Game Over if Reputation hits 0% or you go bankrupt ($-1000).

Traffic Types

Traffic Color Destination Reward Description
STATIC Green CDN / Storage 0ドル.50 Static file requests (images, CSS, JS)
READ Blue SQL DB 0ドル.80 Database read operations

Infrastructure & Services

Build your architecture using the toolbar. Each service has a cost, capacity, and upkeep:

Service Cost Capacity Upkeep Function
Firewall 40ドル 30 Low Security. First line of defense. Blocks malicious traffic.
Queue 40ドル Queue:200 Low Buffer. Buffers requests during spikes. Prevents drops.
Load Balancer 50ドル 20 Medium Distribution. Distributes traffic to multiple instances.
Compute 60ドル 4 High Processing. Processes requests. Upgradeable T1→T3.
CDN 60ドル 50 Low Delivery. Caches STATIC content at edge (95% hit rate).
Cache 60ドル 30 Medium Caching. Caches responses to reduce DB load.
SQL DB 150ドル 8 Very High Database. Destination for READ/WRITE/SEARCH. Upgradeable T1→T3.
Storage 25ドル 25 Low File System. Destination for STATIC/UPLOAD traffic.

Scoring & Economy

Action Money Score Reputation
Static Request +0ドル.50 +3 +0.1
DB Read +0ドル.80 +5 +0.1
DB Write +1ドル.20 +8 +0.1
File Upload +1ドル.50 +10 +0.1
Search Query +0ドル.80 +5 +0.1
Attack Blocked +0ドル.50 +10 -
Request Failed - -half -1
Attack Leaked - - -5

Upkeep & Cost Scaling

  • Base Upkeep: Each service has per-minute upkeep costs
  • Upkeep Scaling: Costs increase 1x to 2x over 10 minutes
  • Repair Costs: 15% of service cost to manually repair
  • Auto-Repair: +10% upkeep overhead when enabled

Game Modes

Survival Mode

The core experience - survive as long as possible against escalating traffic with constant intervention required:

Dynamic Challenges:

  • RPS Acceleration - Traffic multiplies at time milestones (×ばつ1.3 at 1min → ×ばつ4.0 at 10min)
  • Random Events - Cost spikes, capacity drops, traffic bursts every 15-45 seconds
  • Traffic Shifts - Traffic patterns change every 40 seconds
  • DDoS Spikes - 50% malicious traffic waves every 45 seconds
  • Service Degradation - Services lose health under load, require repairs

New UI Features:

  • Health bars on all services
  • Active event indicator bar at top
  • Detailed finances panel (income/expenses breakdown)
  • Service health panel with repair costs
  • Auto-repair toggle
  • Game over analysis with tips

Sandbox Mode

A fully customizable testing environment for experimenting with any architecture:

Control Description
Budget Set any starting budget (slider 0-10K, or type any amount)
RPS Control traffic rate (0 = stopped, or type 100+ for stress tests)
Traffic Mix Adjust all 6 traffic type percentages independently
Burst Spawn instant bursts of specific traffic types
Upkeep Toggle Enable/disable service costs
Clear All Reset all services and restore budget

No game over in Sandbox - experiment freely!

Recent Features (v2.1)

  • Constant Intervention Mechanics - Game requires active management throughout
  • Service Health System - Visual health bars, manual/auto repair options
  • RPS Milestones - Traffic surge warnings with multiplier display
  • Active Event Bar - Shows current random event with countdown timer
  • Detailed Finances - Income by request type, expenses by service with counts
  • Game Over Analysis - Failure reason, description, and contextual tips
  • Retry Same Setup - Restart with same architecture after game over
  • Interactive Tutorial - Guided walkthrough for new players

Controls

  • Left Click: Select tools, place services, and connect nodes.
  • Right Click + Drag: Pan the camera.
  • Scroll: Zoom in and out.
  • WASD / Arrows: Move camera (pan) when zoomed in.
  • ESC: Open main menu and pause game. Press again or click Resume to close menu (stays paused).
  • Camera Reset: Press R to reset the camera position.
  • Birds-Eye View: Press T to switch between isometric and top-down view.
  • Hide HUD: Press H to toggle UI panels.
  • Connect Tool: Click two nodes to create a connection (flow direction matters!).
    • Valid Flows: Internet -> (Firewall/CDN) -> Load Balancer -> Queue -> Compute -> Cache -> (SQL DB/Storage)
  • Delete Tool: Remove services to recover 50% of the cost.
  • Time Controls: Pause, Play (1x), and Fast Forward (3x).

Strategy Tips

  1. Block Attacks First: Always place a Firewall immediately connected to the Internet. Malicious leaks destroy reputation fast (-5 per leak).
  2. Use CDN for Static Content: Connect Internet -> CDN -> Storage. The CDN handles 95% of static traffic cheaply!
  3. Watch Service Health: Damaged services have reduced capacity. Click to repair or enable Auto-Repair.
  4. Scale for Traffic Surges: RPS multiplies at milestones - prepare before ×ばつ2.0 at 3 minutes!
  5. Balance Income vs Upkeep: Start lean, scale as income grows. Over-provisioning leads to bankruptcy.
  6. Use Cache Wisely: Reduces database load significantly for READ requests.
  7. Buffer with Queue: Queue helps survive traffic burst events without dropping requests.
  8. React to Events: Watch the event bar - cost spikes mean hold off on purchases, traffic bursts mean ensure capacity.

Tech Stack

  • Core: Vanilla JavaScript (ES6+)
  • Rendering: Three.js for 3D visualization.
  • Styling: Tailwind CSS for the glassmorphism UI.
  • Build: No build step required! Just standard HTML/CSS/JS.

Getting Started

  1. Clone the repository.
  2. Open index.html in your modern web browser.
  3. Start building your cloud empire!

Community

Join our Discord server to discuss strategies and share your high scores: Join Discord


Built with code and chaos.

About

Tower defense game that teaches cloud architecture. Build infrastructure, survive traffic, learn scaling.

Topics

Resources

License

Contributing

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

Packages

No packages published

AltStyle によって変換されたページ (->オリジナル) /