hackathon-client/quad.js at main · ericahin/hackathon-client · 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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
function Quad() {

  let x = 200;
  let y = 200;
  let d = 40;
  let mapOn = false;

  let JYCZone = {
    x: 400,
    y: 400,
    size: 40,
    draw: function () {
      fill('blue');
      rect(this.x, this.y, this.size, this.size);
    }
  };

  let miniMap = {
    x: 50,
    y: 50,
    size: 400,
    draw: function () {
      fill('orange');
      rect(this.x, this.y, this.size, this.size);
    }
  };

  let dormZone = {
    x: 440,
    y: 20,
    size: 40,
    draw: function () {
      fill('green');
      rect(this.x, this.y, this.size, this.size);
    }
  };

  let libraryZone = {
    x: 100,
    y: 20,
    size: 40,
    draw: function () {
      fill('pink');
      rect(this.x, this.y, this.size, this.size);
    }
  };

  let wilkensZone = {
    x: 100,
    y: 420,
    size: 40,
    draw: function () {
      fill('yellow');
      rect(this.x, this.y, this.size, this.size);
    }
  };

  this.setup = function () {
    // canvas
    createCanvas(500, 500);
  }

  this.draw = function () {
    background(220);
    if (keyIsPressed) {
      player.keyIsPressed(keyCode);

        if (keyCode == BACKSPACE) {
          mapOn = true;
        } else {
          mapOn = false;
        }

      }

      JYCZone.draw();
      dormZone.draw();
      libraryZone.draw();
      wilkensZone.draw();

      if (mapOn == true) {
        miniMap.draw();
      }

      let jycDist = dist(player.x, player.y, JYCZone.x + JYCZone.size / 2, JYCZone.y + JYCZone.size / 2);
      if (jycDist < 30) {
        this.sceneManager.showScene(JYC);
        player.x = 360;
        player.y = 420
        JYCZone.y = 400;
      }

      let dormDist = dist(player.x, player.y, dormZone.x + dormZone.size / 2, dormZone.y + dormZone.size / 2);
      if (dormDist < 30) {
        this.sceneManager.showScene(dorm);
        player.x = 400;
        player.y = 40;
        dormZone.y = 20;
      }

      let libraryDist = dist(player.x, player.y, libraryZone.x + libraryZone.size / 2, libraryZone.y + libraryZone.size / 2);
      if (libraryDist < 30) {
        this.sceneManager.showScene(Library);
        player.x = 180;
        player.y = 40;
        libraryZone.y = 20;
      }

      let wilkensDist = dist(player.x, player.y, wilkensZone.x + wilkensZone.size / 2, wilkensZone.y + wilkensZone.size / 2);
      if (wilkensDist < 30) {
        this.sceneManager.showScene(wilkens);
        player.x = 180;
        player.y = 440;
        wilkensZone.y = 420;
      }

      player.draw();
    }

  }

    // create an array of all the pages
    // then create a variable to keep track of what page you're on
    // identify what areas on the map are 'transporation zones'
    // when the sprite enters a transporation zone,
    // alter the 'current' variable to match the corresponding map/page