1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
- <title>Adrift</title>
- <link rel="stylesheet" type="text/css" href="main.css">
- </head>
- <body>
- <canvas id="viewport"></canvas>
- <div id="progressContainer">
- <progress id="progressBar" max="100"></progress> <span id="progressLabel">[error]</span></div>
- <div id="shipContainer" class="container">
- <div id="shipStatus"></div>
- <div id="shipActions"><button id="repair">Repair</button></div>
- </div>
- <div id="cargoContainer" class="container">
- <h2>Cargo Hold</h2>
- <div id="cargo"></div>
- </div>
- <div id="navigationContainer" class="container">
- <h2>Navigation</h2>
- <div id="exitsContainer" class="container">
- <h3>Coordinates</h3>
- <div id="nearbySystems">
- <button id="travel">Next sector</button>
- </div>
- </div>
- <div id="manualEntry"></div>
- </div>
- <div id="craftingContainer" class="container">
- <h2>Replication</h2>
- <div id="replication"></div>
- </div>
- <div id="gameSettingsContainer" class="container">
- <h2>Game Settings</h2>
- <button id="reset">Delete Game</button>
- </div>
- <footer>
- Cephalopod Studios 2016
- </footer>
- <div id="imagePreload">
- <img src="images/playerShip1_blue.png" id="shipImage" />
- <img src="images/playerShip1_damage1.png" id="shipDamage1Image" />
- <img src="images/playerShip1_damage2.png" id="shipDamage2Image" />
- <img src="images/playerShip1_damage3.png" id="shipDamage3Image" />
- <img src="images/fire10.png" id="shipThrustImage" />
- <img src="images/blue.png" id="backgroundImage" />
- </div>
- <div id="popupContainer"></div>
- <script type="text/javascript" src="rAF.js"></script>
- <script type="text/javascript" src="recipies.js"></script>
- <script type="text/javascript" src="meter.js"></script>
- <script type="text/javascript" src="viewport.js"></script>
- <script type="text/javascript" src="player.js"></script>
- <script type="text/javascript" src="messager.js"></script>
- <script type="text/javascript" src="story.js"></script>
- <script type="text/javascript" src="game.js"></script>
- <script type="text/javascript" src="commands.js"></script>
-
- </body>
- </html>
|