test-physics/testPolygonPolygonCollisions.html at main · CS2510/test-physics · 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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!-- Please carefully review the rules about academic integrity found in the academicIntegrity.md file found at the root of this project. -->

<!doctype html>
<html>

<head>
  <title>Test Polygon/Polygon Collisions</title>
  <style>
    /* Engine-Specific */
    * {
      margin: 0;
      overflow: hidden;
    }
  </style>
</head>

<body>
  <canvas id="canv"></canvas>
  <script src="./engine/Engine.js"></script>
  <script src="./engine/Scene.js"></script>
  <script src="./engine/GameObject.js"></script>
  <script src="./engine/Component.js"></script>
  <script src="./engine/Input.js"></script>
  <script src="./engine/Vector2.js"></script>
  <script src="./engine/Time.js"></script>
  <script src="./engine/Collisions.js"></script>

  <script src="./engine/components/Transform.js"></script>
  <script src="./engine/components/TextLabel.js"></script>
  <script src="./engine/components/Polygon.js"></script>
  <script src="./engine/components/Collider.js"></script>

  <script>

    class MainScene extends Scene {
      constructor() {
        super()

        const polygonGameObject = this.instantiate(new GameObject("Polygon Game Object"), new Vector2(300, 300))
        polygonGameObject.addComponent(new Polygon(), {
          points: [
            new Vector2(300, -200),
            new Vector2(200, 200),
            new Vector2(-200, 200),
            new Vector2(-200, -200),

          ]
        })
        polygonGameObject.addComponent(new Collider())


        const mouseFollower = this.instantiate(new GameObject("Mouse Follower Game Object"), new Vector2(0,0))
        mouseFollower.addComponent(new MouseFollowerComponent())
        mouseFollower.addComponent(new Polygon(), {points: [new Vector2(-50, -50), new Vector2(-50, 50), new Vector2(50, 50), new Vector2(50, -50)], fillStyle: "transparent", strokeStyle: "blue"})
        mouseFollower.addComponent(new Collider())

        const ghostFollower = this.instantiate(new GameObject("Ghost Follower Game Object"), new Vector2(0, 0))
        ghostFollower.addComponent(new Polygon(), {points: [new Vector2(-50, -50), new Vector2(-50, 50), new Vector2(50, 50), new Vector2(50, -50)], fillStyle: "transparent", strokeStyle: "green"})
        ghostFollower.addComponent(new Collider())

      }

    }

    class MouseFollowerComponent extends Component {
      start
      end
      update() {
        if (Input.mousePosition) {
          this.start = Input.mousePosition.clone()
          this.transform.position = Input.mousePosition.clone()
          delete this.end

          const polygon = GameObject.find("Polygon Game Object")
          const ghostFollower = GameObject.find("Ghost Follower Game Object")
          const result = Collisions.isCollisionGameObjectGameObject(this.gameObject, polygon)
          if (result) {
            this.end = this.start.add(result)
            ghostFollower.transform.position = this.end.clone()
          }

        }

      }
      draw(ctx) {
        if (this.start && this.end) {
          ctx.strokeStyle = "red"
          ctx.lineWidth = 5
          ctx.beginPath()
          ctx.moveTo(this.start.x, this.start.y)
          ctx.lineTo(this.end.x, this.end.y)
          ctx.stroke()

        }

      }
    }


    Engine.currentScene = new MainScene()
    Engine.start()
  </script>
</body>

</html>