A faithful recreation of Sid Meier's Civilization I (1991) built with React, Vite, and HTML5 Canvas.
Build a lasting empire from 4000 BC to 2100 AD through urban development, technological advancement, diplomacy, exploration, and warfare. Compete against 2-7 other civilizations led by famous historical figures.
Choose from 14 historical civilizations:
- Americans (Abraham Lincoln)
- Aztecs (Montezuma)
- Babylonians (Hammurabi)
- Chinese (Mao Tse Tung)
- Egyptians (Ramesses II)
- English (Elizabeth I)
- French (Napoleon Bonaparte)
- Germans (Frederick the Great)
- Greeks (Alexander the Great)
- Indians (Mahatma Gandhi)
- Kazakhs (Dschingis Khan)
- Romans (Julius Caesar)
- Russians (Joseph Stalin)
- Zulus (Shaka)
Eliminate all other civilizations by capturing or destroying their cities.
Build the Apollo Program wonder, then construct and launch a spaceship to Alpha Centauri before other civilizations.
Have the highest civilization score when the game ends in 2100 AD.
Founding Cities
- Use Settler units to found new cities on suitable terrain
- City placement affects resources, defense, and growth potential
- Cities cannot be founded adjacent to existing cities
City Growth
- Cities grow by accumulating food surplus
- Population size affects production and science output
- Aqueduct required for cities to grow beyond size 10
Production
- Cities produce units, buildings, or wonders
- Production rate depends on terrain, population, and improvements
- Granary building reduces food needed for growth by 50%
- Resource: Shields (production points) โ used to build units and improvements.
- Rule: Each city can construct one unit or improvement at a time.
- Shield Accumulation: At the end of each turn, the city adds its total production (shields) to the current project's progress.
- Completion: When accumulated shields >= project cost, the unit or improvement is completed and spawned/applied in the city. Any excess shields carry over to the next project.
- Surplus Completion: If the city produces sufficient surplus resources to complete the item the city is producing, that item is added to the city.
- Unit Support: If your city does not produce sufficient resources to support all of the existing units for which it is the home city, units are destroyed until enough support is available. Units farthest away from the city are destroyed first.
Happiness
- Citizens can be Happy, Content, or Unhappy
- Too many unhappy citizens cause disorder (city produces nothing)
- Temples, Colosseums, and Wonders improve happiness
- Martial law (military units in city) can suppress unhappiness
Research System
- Choose which technology to research each turn
- Research speed depends on total science output from cities
- Technologies unlock new units, buildings, and wonders
- Libraries increase science production by 50%
Technology Eras
- Ancient - Pottery, Bronze Working, The Wheel, Alphabet, Writing
- Classical - Iron Working, Mathematics, Currency, Republic, Monarchy
- Medieval - Feudalism, Chivalry, Theology
- Renaissance - Democracy, Invention, Navigation
- Industrial - Railroad, Steam Engine, Industrialization
- Modern - Rocketry, Computers, Space Flight, Nuclear Fission
Unit Types
- Settler (0/1/1) - Founds cities, builds improvements
- Warrior (1/1/1) - Basic military unit
- Phalanx (1/2/1) - Defensive infantry (requires Bronze Working)
- Legion (4/2/1) - Roman heavy infantry (requires Iron Working)
- Horsemen (2/1/2) - Fast cavalry (requires Horseback Riding)
- Chariot (3/1/2) - Ancient mobile unit (requires The Wheel)
- Catapult (6/1/1) - Siege weapon (requires Mathematics)
- Trireme (1/1/3) - Naval transport (requires Map Making)
- Pikemen (1/2/1) - Medieval defensive unit (requires Feudalism)
- Musketeer (2/3/1) - Gunpowder unit (requires Gunpowder)
Combat
- Combat strength = Base Attack/Defense ร Terrain Bonus ร Fortification ร Veteran Status
- Hills: +100% defense, Mountains: +200% defense
- Fortified units: +50% defense
- Veteran units: +50% combat strength
- Cities with walls: ร3 defense
Unit Experience
- Units become Veterans after winning battles
- Barracks make all new units Veterans
- Veterans have +50% combat effectiveness
Terrain Types
- Grassland - 2 food, 0 production, 0 trade
- Plains - 1 food, 1 production, 0 trade
- Desert - 0 food, 1 production, 0 trade
- Tundra - 1 food, 0 production, 0 trade
- Forest - 1 food, 2 production, 0 trade (defense +50%)
- Hills - 1 food, 2 production, 0 trade (defense +100%)
- Mountains - 0 food, 1 production, 0 trade (defense +200%)
- Ocean - 1 food, 0 production, 2 trade
Terrain Improvements
- Road - Reduces movement cost to 1/3, +1 trade on terrain producing trade
- Railroad - Reduces movement to 0, +50% production
- Irrigation - +1 food on grassland, plains, desert
- Mine - +1 production on hills, mountains
- Fortress - +100% defense, heals units
Ancient Wonders
- Pyramids - Granary effect in every city (cost: 200)
- Hanging Gardens - +1 happy citizen in every city (cost: 200)
- Colossus - +1 trade in every square (cost: 200)
- Lighthouse - Safe sea travel for Triremes (cost: 200)
- Oracle - Temple in every city (cost: 300)
- Great Wall - Double defense vs barbarians (cost: 300)
Classical/Medieval Wonders
- Great Library - Free techs discovered by 2 civs (cost: 300)
- Copernicus' Observatory - +50% science in city (cost: 300)
Modern Wonders
- Isaac Newton's College - Doubles science in city (cost: 400)
- Apollo Program - Enables spaceship construction (cost: 600)
Despotism (Starting)
- High corruption
- Free unit support
- No bonuses
Monarchy (requires Monarchy tech)
- Medium corruption
- Low unit costs
- Martial law more effective
Republic (requires Republic tech)
- Low corruption
- Medium unit costs
- +1 trade per square with trade
- Senate may prevent war declarations
Democracy (requires Democracy tech)
- Minimal corruption
- High unit costs
- +1 trade per square with trade
- Maximum citizen happiness
- Senate strictly controls war
Communism (requires Communism tech)
- Low corruption
- Medium unit costs
- No senate interference
- Effective spy operations
Diplomatic Actions
- Declare War
- Negotiate Peace
- Sign Alliance
- Trade Technologies
- Establish Embassy
- Demand Tribute
- Exchange Maps
Diplomatic States
- Peace - No hostilities
- War - Active conflict
- Alliance - Military cooperation
- Cease Fire - Temporary peace
Barbarian Mechanics
- Spawn randomly in unexplored areas
- Frequency increases with difficulty level
- Attack nearby cities and units
- Defeating barbarians provides gold rewards
- Great Wall wonder doubles defense against barbarians
- Arrow Keys - Scroll map
- Enter - End turn
- B - Build city (with Settler)
- F - Fortify unit
- S - Sleep/Sentry unit
- Space - Skip unit
- W - Wait (keep unit active)
- I - Irrigate
- M - Mine
- R - Build road
- Ctrl+S - Quick save
- F1 - Info Menu (Tech Tree)
- F2 - City list
- F3 - Technology tree
- Left Click - Select unit/city
- Right Click - Context menu
- Scroll Wheel - Zoom in/out
- Click + Drag - Pan map
- Barracks (40) - New land units are Veterans
- Factory (200) - +50% production
- Marketplace (80) - +50% gold from trade
- Bank (120) - +50% gold (requires Marketplace)
- Stock Exchange (160) - +50% gold (requires Bank)
- Library (80) - +50% science
- University (160) - +50% science (requires Library)
- Research Lab (160) - +50% science (requires University)
- Temple (40) - Makes 1 unhappy citizen content
- Colosseum (100) - Makes 3 unhappy citizens content
- Cathedral (120) - Makes 3 unhappy citizens content (requires Temple)
- Granary (60) - Growth requires 50% less food
- Aqueduct (120) - Allows growth beyond size 10
- City Walls (80) - Triple defense for units
- Courthouse (80) - Reduces corruption by 50%
Score Calculation
- Population (1 point per citizen)
- Land area (1 point per tile)
- Cities (5 points per city)
- Technologies (5 points per tech)
- Wonders (20 points per wonder)
- Future Tech (5 points each)
- Peace years (bonus)
- Pollution (penalty)
- Build 2-3 Settlers immediately to claim prime locations
- Research Pottery โ Bronze Working โ Alphabet
- Found cities near rivers and resources
- Build Warriors/Phalanx for defense and exploration
- Establish contact with other civilizations
- Build Libraries in all cities for science boost
- Research Currency โ Republic for economic power
- Construct Wonders like Great Library, Oracle
- Expand military for territorial control
- Switch to Republic government
- Focus on Democracy for maximum productivity
- Build Factories and Research Labs
- Research toward Space Flight for space race
- Build Apollo Program + spaceship parts
- Or conquer remaining civilizations
- Rivers - +1 trade on river squares
- Coast - Access to ocean trade and naval units
- Resources - Bonus food/production/trade
- Defense - Hills and forests provide defensive bonuses
- Spacing - Leave room for city radius (2 tiles) to grow
Science Victory: Alphabet โ Writing โ Code of Laws โ Literacy โ Republic โ Democracy โ Rocketry โ Space Flight
Military Victory: Bronze Working โ Iron Working โ Mathematics โ Gunpowder โ Metallurgy โ Conscription
Economic Victory: Pottery โ The Wheel โ Currency โ Trade โ Banking โ Economics
- โ Hex-based world map with 9 terrain types
- โ 14 playable civilizations with historical leaders
- โ City founding and basic management
- โ Unit movement and combat
- โ Technology tree research system
- โ Minimap with world overview
- โ Context menu for unit orders
- โ Terrain examination modal
- โ Adjustable UI settings
- ๐ Complete city production system
- ๐ Building construction mechanics
- ๐ Wonder construction
- ๐ AI civilization behavior
- ๐ Diplomacy system
- ๐ Government changes and effects
- ๐ Victory condition checking
- ๐ Save/load game system
- ๐ Full tech tree
- ๐ Animated unit combat
- ๐ Sound effects and music
- ๐ Multiplayer support (hot-seat)
- ๐ Advanced AI strategies
- ๐ Random events system
- ๐ Barbarian uprising mechanics
This clone aims to faithfully recreate the original Civilization I experience while modernizing the interface for contemporary browsers. Game balance, technology costs, and unit statistics mirror the 1991 original where possible.
Original Game: Sid Meier's Civilization (MicroProse, 1991) Design: Sid Meier & Bruce Shelley This browser clone: Educational recreation project
Glory to your civilization! May you build an empire to stand the test of time! ๐๏ธ