froot/froot.js at master · JudeKratzer/froot · 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
//Constants
var W, H;

//functions
var within;
var fillGrid;
var functionOfGrid;

//classes
var Garden;

//game parts
var box;

//defining functions
within = function(px, py, rectx1, recty1, rectx2, recty2) {
  if(px >= rectx1 && px < rectx2 && py >= recty1 && py < recty2) {
    return true;
  }
  return false;
}
fillGrid = function(rows, cols, els){
  var retarr = [];
  for(var i = 0; i < rows; i++) {
    var temparr = [];
    for(var j = 0; j < cols; j++){
      temparr.push(els(i, j));
    }
    retarr.push(temparr);
  }
  return(retarr);
}

function setup() {
  W = windowWidth;
  H = windowHeight;
  createCanvas(W, H);

  //functions


  //functionOfGrid;

  //classes
  Garden = function(rows, columns, centerx, centery, borderthickness, insidethickness, highlightcolor, bordercolor, sidelength) {
    this.init = function(r, c, cx, cy, bt, it, hc, bc, s) {
      this.rows = r;
      this.cols = c;
      this.cx = cx;
      this.cy = cy;
      this.bordert = bt;
      this.insidet = it;
      this.highc = hc;
      this.borderc = bc;
      this.sidelength = s;

      this.plants = fillGrid(this.rows, this.cols, function(r,c) {return(0) });
    }

    this.init(rows, columns, centerx, centery, borderthickness, insidethickness, highlightcolor, bordercolor, sidelength);

    this.gridrender = function(mX, mY) {
      var tl = [this.cx - this.cols * this.sidelength / 2, this.cy - this.rows * this.sidelength / 2];
      var tr = [this.cx + this.cols * this.sidelength / 2, this.cy - this.rows * this.sidelength / 2];
      var bl = [this.cx - this.cols * this.sidelength / 2, this.cy + this.rows * this.sidelength / 2];
      var br = [this.cx + this.cols * this.sidelength / 2, this.cy + this.rows * this.sidelength / 2];
      var msx = floor((mX - tl[0]) / this.sidelength);
      var msy = floor((mY - tl[1]) / this.sidelength);

      fill(this.highc);
      strokeWeight(0);
      if(within(msx, msy, 0, 0, this.rows, this.cols)) {
        rect(tl[0] + msx * this.sidelength, tl[1] + msy * this.sidelength, this.sidelength, this.sidelength);
      }


      stroke(this.borderc);
      strokeWeight(this.bordert);

      line(...tl, ...tr);
      line(...tr, ...br);
      line(...br, ...bl);
      line(...bl, ...tl);

      stroke(this.borderc);
      strokeWeight(this.insidet);
      for(var i = 1; i < this.rows; i++) {
        line(tl[0] + i * this.sidelength, tl[1], bl[0] + i * this.sidelength, bl[1]);
      }
      for(var i = 1; i < this.cols; i++) {
        line(tl[0], tl[1] + i * this.sidelength, tr[0], tr[1] + i * this.sidelength);
      }


    }
    this.plantrender = function() {
      return "hi"
    }
    this.plant = function(r, c, plant) {
      this.plants[r][c] = plant;
    }
  }


  box = new Garden(5, 5, W/2, H/2, 5, 2, color(100), color(0), 50);


}


function draw() {
  background(40);
  box.gridrender(mouseX, mouseY);
}