RectangleOverlap/index.html at master · GOPJ1/RectangleOverlap · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
  <head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.1/p5.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.1/addons/p5.dom.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.1/addons/p5.sound.min.js"></script>
    <link rel="stylesheet" type="text/css" href="styles.css">
  </head>
  <body>
      <h1>Overlap</h1>
      <h4>Press "a" for an alert telling you if the rectangles overlap.</h4>
      <h4>Press "n" to draw new rectangles.</h4>
      <h4>Press "h" to highlight the overlap if one occurs.</h4>
      <p id="blueP">Blue Rectangle: X = Y = </p>
      <p id="redP">Red Rectangle: X = Y = </p>
        <script src="overlapPoints.js"></script>
        <script src="rectangle.js"></script>
        <script src="sketch.js"></script>
  </body>
</html>