repl.it
@javakid999/

Colonize Mars! alpha 1.3.5

HTML, CSS, JS

um it's never going to be finished but at least hopefully it'll work

fork
loading
Files
  • index.html
  • init.js
  • mars_base.jpg
  • mars_fav.ico
  • script.js
  • style.css
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Colonize Mars(factorial) indev (pre-alpha)</title>
    <link rel="icon" type="image/ico" href="mars_fav.ico" />
    <link href="style.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <h1>Colonize Mars(factorial optional) V0.38 indev (pre-alpha)</h1>
    <img src="mars_fav.ico"/>
    <br>

      <div id="pageCover"></div>
  <div id="mars">
    <div id="resources">
      <h3>Resources:</h3>
      <div id="magnesium">Magnesium: 0 kg</div>
      <div id="aluminum">Aluminum: 0 kg</div>
      <div id="iron">Iron: 0 kg</div>
      <div id="titanium">Titanium: 0 kg</div>
      <div id="silicon">Silicon: 0</div>
    </div>

    <div id="base">
      <h3>Base:</h3>
      <div id="rover">Rovers: 0</div>
      <div id="garbage">Garbage: 0</div>
      <div id="sol">Sol: 0</div>
    </div>

    <div id="basecontrol">
      <h3>Base Control:</h3>
      <button id="rovermine" title="Sends rovers out to mine. For every rover, it will gather 1 ore of a random type" class="button">Send all Rovers for mining</button>
      <br />
      <button id="makepanel" title="Makes a solar panel. You need 5 silicon and 1 iron" class="button">Construct Solar Panel</button>
      <br />
      <button id="makefarm" title="Builds a farm. You need 2 iron, and 3 silicon" class="button">Construct Farm</button>
      <br />
      <button id="makepump" title="Builds a water pump. You need 5 iron and 3 aluminum" class="button">Construct Water Pump</button>
      <br />
      <button id="burntrash" title="Burns your trash" class="button">Burn 1 Trash</button>
      <br />
      <button id="makerover" title="Builds a base rover, if you have 20 iron, 20 aluminum, and 15 titanium" class="button">Construct Base Rover</button>
        <div id="specialrover">
          </button id="maketrashrover" title="Builds a trash rover on top of one of the base rovers. Burns 1 trash per sol, automatically. Costs 30 iron, 25 aluminum, and 30 titanium" class="button">Construct Trash Rover</button>
        </div>
    </div>

    <div id="powercategory">
      <h3>Power:</h3>
        <div id="reqpower">Required Power: 0</div>
        <div id="power">Power: 0</div>
        <div id="solarpanels">Solar Panels: 0</div>
    </div>

    <div id="humancategory">
      <h3>Humans:</h3>
        <div id="pop">Population: 2</div>
        <div id="happiness">Happiness: 90</div>
        <div id="habunits">Hab Units: 1</div>
        <div id="maxpop">Max Pop: 10</div>
    </div>

    <div id="foodandwatercategory">
      <h3>Food and Water:</h3>
      <div id="waterpumps">Water Pumps: 1</div>
      <div id="farms">Farms: 1</div>
      <div id="water">Water: 0</div>
      <div id="food">Food: 0</div>
    </div>

    <div id="researchcategory">
      <div id="respoints">Research Points: 0</div>
      <div id="researchspeed">Research Speed: 0</div>
    </div>

    <br />

    <div id="tutorial">
      <div id="tut">Welcome to the game! You want to keep your happiness up whilst keeping the trash levels down. To start, you can build 5 solar panels, but you will have to manually burn trash until you unlock specialized rovers. Your worker happiness will go down if you have 5 or more kg of trash in your base. And the happiness will go up, provided you have more water functional water pumps and farms in your base than citizens.</div>
    </div>
    <button id="pause">Pause Game</button>

  </div>

    <script src="init.js"></script>
    <script src="script.js"></script>
  </body>
</html>
result
console
?