index.html 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <!DOCTYPE html>
  2. <!-- saved from url=(0026)https://lab.hakim.se/core/ -->
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <meta name="description" content="Use your shield to defend the Core from the evil red organisms!">
  6. <meta name="author" content="Hakim El Hattab">
  7. <meta http-equiv="X-UA-Compatible" content="chrome=1">
  8. <meta name="apple-mobile-web-app-capable" content="yes">
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  10. <meta name="viewport" content="width = 450">
  11. <title>core</title>
  12. <link href="css/reset.css" rel="stylesheet" media="screen">
  13. <link href="css/main.css" rel="stylesheet" media="screen">
  14. <link href="css/css" rel="stylesheet">
  15. </head>
  16. <body data-gr-c-s-loaded="true" class="vsc-initialized">
  17. <div id="status" class="ui" style="left: -49px; top: -12px; display: block;">Score: <span>5457</span> Time:
  18. <span>59.98s</span>
  19. </div>
  20. <div id="panels" style="left: -49px; top: -12px; width: 1000px; height: 650px; display: block;">
  21. <div id="message" class="ui">
  22. <h2 id="title">Core</h2>
  23. <p>
  24. Protect the core from incoming red projectiles. Let green ones through.
  25. <em>Press &amp; hold SPACE</em> for a temporary shield.
  26. </p>
  27. <button id="startButton" class="start-button">Start game</button>
  28. </div>
  29. </div>
  30. <canvas id="world" width="1000" height="650" style="position: absolute; left: -55px; top: -18px;">
  31. <p class="no-canvas">
  32. You need a <a href="https://www.google.com/chrome">modern browser</a> to view this.
  33. </p>
  34. </canvas>
  35. <canvas id="background" width="1000" height="650" style="position: absolute; left: -49px; top: -12px;"></canvas>
  36. <script src="js/timbre.js"></script>
  37. <script src="js/core-audio.js"></script>
  38. <script src="js/core.js"></script>
  39. </body>