@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

This Plugin Crashed!

Error: Error: must not create an existing file {"type":"CREATE_FILE","wid":"0.9316133990183968","path":"index.html","file":{"path":"index.html","content":{"asEncoding":{"base64":"PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPG1ldGEgY2hhcnNldD0idXRmLTgiPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCI+CiAgICA8dGl0bGU+Q29sb25pemUgTWFycyhmYWN0b3JpYWwpIGluZGV2IChwcmUtYWxwaGEpPC90aXRsZT4KICAgIDxsaW5rIHJlbD0iaWNvbiIgdHlwZT0iaW1hZ2UvaWNvIiBocmVmPSJtYXJzX2Zhdi5pY28iIC8+CiAgICA8bGluayBocmVmPSJzdHlsZS5jc3MiIHJlbD0ic3R5bGVzaGVldCIgdHlwZT0idGV4dC9jc3MiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPGgxPkNvbG9uaXplIE1hcnMoZmFjdG9yaWFsIG9wdGlvbmFsKSBWMC4zOCBpbmRldiAocHJlLWFscGhhKTwvaDE+CiAgICA8aW1nIHNyYz0ibWFyc19mYXYuaWNvIi8+CiAgICA8YnI+CgogICAgICA8ZGl2IGlkPSJwYWdlQ292ZXIiPjwvZGl2PgogIDxkaXYgaWQ9Im1hcnMiPgogICAgPGRpdiBpZD0icmVzb3VyY2VzIj4KICAgICAgPGgzPlJlc291cmNlczo8L2gzPgogICAgICA8ZGl2IGlkPSJtYWduZXNpdW0iPk1hZ25lc2l1bTogMCBrZzwvZGl2PgogICAgICA8ZGl2IGlkPSJhbHVtaW51bSI+QWx1bWludW06IDAga2c8L2Rpdj4KICAgICAgPGRpdiBpZD0iaXJvbiI+SXJvbjogMCBrZzwvZGl2PgogICAgICA8ZGl2IGlkPSJ0aXRhbml1bSI+VGl0YW5pdW06IDAga2c8L2Rpdj4KICAgICAgPGRpdiBpZD0ic2lsaWNvbiI+U2lsaWNvbjogMDwvZGl2PgogICAgPC9kaXY+CgogICAgPGRpdiBpZD0iYmFzZSI+CiAgICAgIDxoMz5CYXNlOjwvaDM+CiAgICAgIDxkaXYgaWQ9InJvdmVyIj5Sb3ZlcnM6IDA8L2Rpdj4KICAgICAgPGRpdiBpZD0iZ2FyYmFnZSI+R2FyYmFnZTogMDwvZGl2PgogICAgICA8ZGl2IGlkPSJzb2wiPlNvbDogMDwvZGl2PgogICAgPC9kaXY+CgogICAgPGRpdiBpZD0iYmFzZWNvbnRyb2wiPgogICAgICA8aDM+QmFzZSBDb250cm9sOjwvaDM+CiAgICAgIDxidXR0b24gaWQ9InJvdmVybWluZSIgdGl0bGU9IlNlbmRzIHJvdmVycyBvdXQgdG8gbWluZS4gRm9yIGV2ZXJ5IHJvdmVyLCBpdCB3aWxsIGdhdGhlciAxIG9yZSBvZiBhIHJhbmRvbSB0eXBlIiBjbGFzcz0iYnV0dG9uIj5TZW5kIGFsbCBSb3ZlcnMgZm9yIG1pbmluZzwvYnV0dG9uPgogICAgICA8YnIgLz4KICAgICAgPGJ1dHRvbiBpZD0ibWFrZXBhbmVsIiB0aXRsZT0iTWFrZXMgYSBzb2xhciBwYW5lbC4gWW91IG5lZWQgNSBzaWxpY29uIGFuZCAxIGlyb24iIGNsYXNzPSJidXR0b24iPkNvbnN0cnVjdCBTb2xhciBQYW5lbDwvYnV0dG9uPgogICAgICA8YnIgLz4KICAgICAgPGJ1dHRvbiBpZD0ibWFrZWZhcm0iIHRpdGxlPSJCdWlsZHMgYSBmYXJtLiBZb3UgbmVlZCAyIGlyb24sIGFuZCAzIHNpbGljb24iIGNsYXNzPSJidXR0b24iPkNvbnN0cnVjdCBGYXJtPC9idXR0b24+CiAgICAgIDxiciAvPgogICAgICA8YnV0dG9uIGlkPSJtYWtlcHVtcCIgdGl0bGU9IkJ1aWxkcyBhIHdhdGVyIHB1bXAuIFlvdSBuZWVkIDUgaXJvbiBhbmQgMyBhbHVtaW51bSIgY2xhc3M9ImJ1dHRvbiI+Q29uc3RydWN0IFdhdGVyIFB1bXA8L2J1dHRvbj4KICAgICAgPGJyIC8+CiAgICAgIDxidXR0b24gaWQ9ImJ1cm50cmFzaCIgdGl0bGU9IkJ1cm5zIHlvdXIgdHJhc2giIGNsYXNzPSJidXR0b24iPkJ1cm4gMSBUcmFzaDwvYnV0dG9uPgogICAgICA8YnIgLz4KICAgICAgPGJ1dHRvbiBpZD0ibWFrZXJvdmVyIiB0aXRsZT0iQnVpbGRzIGEgYmFzZSByb3ZlciwgaWYgeW91IGhhdmUgMjAgaXJvbiwgMjAgYWx1bWludW0sIGFuZCAxNSB0aXRhbml1bSIgY2xhc3M9ImJ1dHRvbiI+Q29uc3RydWN0IEJhc2UgUm92ZXI8L2J1dHRvbj4KICAgICAgICA8ZGl2IGlkPSJzcGVjaWFscm92ZXIiPgogICAgICAgICAgPC9idXR0b24gaWQ9Im1ha2V0cmFzaHJvdmVyIiB0aXRsZT0iQnVpbGRzIGEgdHJhc2ggcm92ZXIgb24gdG9wIG9mIG9uZSBvZiB0aGUgYmFzZSByb3ZlcnMuIEJ1cm5zIDEgdHJhc2ggcGVyIHNvbCwgYXV0b21hdGljYWxseS4gQ29zdHMgMzAgaXJvbiwgMjUgYWx1bWludW0sIGFuZCAzMCB0aXRhbml1bSIgY2xhc3M9ImJ1dHRvbiI+Q29uc3RydWN0IFRyYXNoIFJvdmVyPC9idXR0b24+CiAgICAgICAgPC9kaXY+CiAgICA8L2Rpdj4KCiAgICA8ZGl2IGlkPSJwb3dlcmNhdGVnb3J5Ij4KICAgICAgPGgzPlBvd2VyOjwvaDM+CiAgICAgICAgPGRpdiBpZD0icmVxcG93ZXIiPlJlcXVpcmVkIFBvd2VyOiAwPC9kaXY+CiAgICAgICAgPGRpdiBpZD0icG93ZXIiPlBvd2VyOiAwPC9kaXY+CiAgICAgICAgPGRpdiBpZD0ic29sYXJwYW5lbHMiPlNvbGFyIFBhbmVsczogMDwvZGl2PgogICAgPC9kaXY+CgogICAgPGRpdiBpZD0iaHVtYW5jYXRlZ29yeSI+CiAgICAgIDxoMz5IdW1hbnM6PC9oMz4KICAgICAgICA8ZGl2IGlkPSJwb3AiPlBvcHVsYXRpb246IDI8L2Rpdj4KICAgICAgICA8ZGl2IGlkPSJoYXBwaW5lc3MiPkhhcHBpbmVzczogOTA8L2Rpdj4KICAgICAgICA8ZGl2IGlkPSJoYWJ1bml0cyI+SGFiIFVuaXRzOiAxPC9kaXY+CiAgICAgICAgPGRpdiBpZD0ibWF4cG9wIj5NYXggUG9wOiAxMDwvZGl2PgogICAgPC9kaXY+CgogICAgPGRpdiBpZD0iZm9vZGFuZHdhdGVyY2F0ZWdvcnkiPgogICAgICA8aDM+Rm9vZCBhbmQgV2F0ZXI6PC9oMz4KICAgICAgPGRpdiBpZD0id2F0ZXJwdW1wcyI+V2F0ZXIgUHVtcHM6IDE8L2Rpdj4KICAgICAgPGRpdiBpZD0iZmFybXMiPkZhcm1zOiAxPC9kaXY+CiAgICAgIDxkaXYgaWQ9IndhdGVyIj5XYXRlcjogMDwvZGl2PgogICAgICA8ZGl2IGlkPSJmb29kIj5Gb29kOiAwPC9kaXY+CiAgICA8L2Rpdj4KCiAgICA8ZGl2IGlkPSJyZXNlYXJjaGNhdGVnb3J5Ij4KICAgICAgPGRpdiBpZD0icmVzcG9pbnRzIj5SZXNlYXJjaCBQb2ludHM6IDA8L2Rpdj4KICAgICAgPGRpdiBpZD0icmVzZWFyY2hzcGVlZCI+UmVzZWFyY2ggU3BlZWQ6IDA8L2Rpdj4KICAgIDwvZGl2PgoKICAgIDxiciAvPgoKICAgIDxkaXYgaWQ9InR1dG9yaWFsIj4KICAgICAgPGRpdiBpZD0idHV0Ij5XZWxjb21lIHRvIHRoZSBnYW1lISBZb3Ugd2FudCB0byBrZWVwIHlvdXIgaGFwcGluZXNzIHVwIHdoaWxzdCBrZWVwaW5nIHRoZSB0cmFzaCBsZXZlbHMgZG93bi4gVG8gc3RhcnQsIHlvdSBjYW4gYnVpbGQgNSBzb2xhciBwYW5lbHMsIGJ1dCB5b3Ugd2lsbCBoYXZlIHRvIG1hbnVhbGx5IGJ1cm4gdHJhc2ggdW50aWwgeW91IHVubG9jayBzcGVjaWFsaXplZCByb3ZlcnMuIFlvdXIgd29ya2VyIGhhcHBpbmVzcyB3aWxsIGdvIGRvd24gaWYgeW91IGhhdmUgNSBvciBtb3JlIGtnIG9mIHRyYXNoIGluIHlvdXIgYmFzZS4gQW5kIHRoZSBoYXBwaW5lc3Mgd2lsbCBnbyB1cCwgcHJvdmlkZWQgeW91IGhhdmUgbW9yZSB3YXRlciBmdW5jdGlvbmFsIHdhdGVyIHB1bXBzIGFuZCBmYXJtcyBpbiB5b3VyIGJhc2UgdGhhbiBjaXRpemVucy48L2Rpdj4KICAgIDwvZGl2PgogICAgPGJ1dHRvbiBpZD0icGF1c2UiPlBhdXNlIEdhbWU8L2J1dHRvbj4KCiAgPC9kaXY+CgogICAgPHNjcmlwdCBzcmM9ImluaXQuanMiPjwvc2NyaXB0PgogICAgPHNjcmlwdCBzcmM9InNjcmlwdC5qcyI+PC9zY3JpcHQ+CiAgPC9ib2R5Pgo8L2h0bWw+"},"asBuffer":null},"loaded":true}}
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