breakOut/index.html at master · Tjaay/breakOut · GitHub

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
<!DOCTYPE html>
<html lang="en">

<head>
  <title>Breakout</title>
  <meta charset="utf-8" />
  <link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>
    <div id="instructions">
      <h3><br>Instructions</h3>
        <p>
          Use the mouse to move the paddle left or right.<br>
          You may also use Left and Right arrow keys to move the paddle.<br>
          Click anywhere to begin the Game, or press hard mode for a challenge.<br>
          Once the game has begin you may click anywhere again to pause.<br>.
        </p>
      </div>
  <div id="canvasContainer">
      <h3>BREAKOUT!</h3>
  <canvas id="canvas" width="600" height="540"></canvas>
  <button type="hardmode" id="hardmode">Hard Mode</button>
  <div id="pause">
    <p>
      Game has been paused. <br>
      Click anywhere on the page to resume the game.
    </p>
  </div>
</div>
  <script type="text/javascript" src="breakout.js"></script>
</body>

</html>