You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 1.5KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width">
  6. <title>GameJam Game</title>
  7. <style>
  8. body {
  9. margin: 0px;
  10. padding: 0px;
  11. background-color: #000;
  12. color: #ccc;
  13. overflow: hidden;
  14. }
  15. .view {
  16. display: none;
  17. }
  18. .view.current {
  19. display: block;
  20. width: 100%;
  21. height: 100%;
  22. }
  23. .view.pre.current {
  24. max-width: 900px;
  25. margin: auto;
  26. }
  27. x-script {
  28. display: none;
  29. }
  30. </style>
  31. </head>
  32. <body>
  33. <div class="view pre">
  34. <p>Umbreosyl. Once a peaceful paradise, your home planet is now shredded by the mighty blow of The Deathers and their powerful Death Moon.</p>
  35. <p>Umbreosylians are a fickle race. At the first sign of danger, of course, everyone you knew flew away to migrate to a safe place. Except you. You overslept, missed the ships, and are now abandoned.</p>
  36. <p>You barely managed to enter your ship, lift off, and get to a somewhat safe distance from the planet, before The Deathers destroyed Umbreosyl. You're currently sitting in your space ship, blood boiling, watching the debris from your beloved home planet encounter you from behind, and ships from The Deathers from ahead.</p>
  37. <button id="startGameBtn">Start</button>
  38. </div>
  39. <div class="view game">
  40. <canvas id="canvas">Your browser is bad and you should feel bad.</canvas>
  41. </div>
  42. <script src="js/view.js"></script>
  43. <script src="node_modules/socksugar/client.js"></script>
  44. <script src="bundle.js"></script>
  45. <script>
  46. view("pre");
  47. </script>
  48. </body>
  49. </html>