Spring26-Day14-Collision-Resolution/testMouseEvents.html at main · CS2510/Spring26-Day14-Collision-Resolution · 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
109
110
111
112
113
<!-- 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 Mouse Events</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()

        //Static text at the top
        this.instantiate(new GameObject("Title Text Game Object"), new Vector2(20, 20)).addComponent(new TextLabel(), { text: "Button Test - Mouse over, click, and drag button to test events", fillStyle: "Red"})

        //The main button
        const mainButton = this.instantiate(new GameObject("Main Button Game Object"), new Vector2(400, 200))
        mainButton.addComponent(new Polygon, {points: [new Vector2(-50, -20), new Vector2(-50, 20), new Vector2(50, 20), new Vector2(50, -20)], fillStyle:"red", strokeStyle: "blue"})
        mainButton.addComponent(new Collider())
        mainButton.addComponent(new ButtonController())

        //The dynamic text
        this.instantiate(new GameObject("Mouse Enter Text"), new Vector2(20, 60)).addComponent(new TextLabel())
        this.instantiate(new GameObject("Mouse Over Text"), new Vector2(20, 100)).addComponent(new TextLabel())
        this.instantiate(new GameObject("Mouse Exit Text"), new Vector2(20, 140)).addComponent(new TextLabel())
        this.instantiate(new GameObject("Mouse Down Text"), new Vector2(20, 180)).addComponent(new TextLabel())
        this.instantiate(new GameObject("Mouse Up Text"), new Vector2(20, 220)).addComponent(new TextLabel())
        this.instantiate(new GameObject("Mouse Up as Button Text"), new Vector2(20, 260)).addComponent(new TextLabel())
        this.instantiate(new GameObject("Mouse Drag Text"), new Vector2(20, 300)).addComponent(new TextLabel())

      }
    }


    class ButtonController extends Component{
      frames = 0
      update(){
        if(this.frames%3==0){
        GameObject.find("Mouse Enter Text").getComponent(TextLabel).text = GameObject.find("Mouse Enter Text").getComponent(TextLabel).text.slice(0, -1)
        GameObject.find("Mouse Over Text").getComponent(TextLabel).text = GameObject.find("Mouse Over Text").getComponent(TextLabel).text.slice(0, -1)
        GameObject.find("Mouse Exit Text").getComponent(TextLabel).text = GameObject.find("Mouse Exit Text").getComponent(TextLabel).text.slice(0, -1)
        GameObject.find("Mouse Down Text").getComponent(TextLabel).text = GameObject.find("Mouse Down Text").getComponent(TextLabel).text.slice(0, -1)
        GameObject.find("Mouse Up Text").getComponent(TextLabel).text = GameObject.find("Mouse Up Text").getComponent(TextLabel).text.slice(0, -1)
        GameObject.find("Mouse Up as Button Text").getComponent(TextLabel).text = GameObject.find("Mouse Up as Button Text").getComponent(TextLabel).text.slice(0, -1)
        GameObject.find("Mouse Drag Text").getComponent(TextLabel).text = GameObject.find("Mouse Drag Text").getComponent(TextLabel).text.slice(0, -1)
        }
        this.frames++
      }
      onMouseEnter(){
        console.log("Mouse Enter")
        GameObject.find("Mouse Enter Text").getComponent(TextLabel).text = "Mouse Enter"
      }
      onMouseOver(){
        console.log("Mouse Over")
        GameObject.find("Mouse Over Text").getComponent(TextLabel).text = "Mouse Over"
      }
      onMouseExit(){
        console.log("Mouse Exit")
        GameObject.find("Mouse Exit Text").getComponent(TextLabel).text = "Mouse Exit"
      }
      onMouseDown(){
        console.log("Mouse Down")
        GameObject.find("Mouse Down Text").getComponent(TextLabel).text = "Mouse Down"
      }
      onMouseUp(){
        console.log("Mouse Up")
        GameObject.find("Mouse Up Text").getComponent(TextLabel).text = "Mouse Up"
      }
      onMouseUpAsButton(){
        console.log("Mouse Up as Button")
        GameObject.find("Mouse Up as Button Text").getComponent(TextLabel).text = "Mouse Up as Button"
      }
      onMouseDrag(){
        console.log("Mouse Drag")
        GameObject.find("Mouse Drag Text").getComponent(TextLabel).text = "Mouse Drag"
        this.transform.position = this.transform.position.add(Input.mousePositionDelta)
      }
    }

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

</html>