-
Notifications
You must be signed in to change notification settings - Fork 0
/
minoboard.js
executable file
·118 lines (101 loc) · 3.19 KB
/
minoboard.js
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
var Board = function(size,paper) {
var SIDE = 35;
var PAD = 12;
this.side = SIDE;
this.pad = PAD;
this.size = size;
this.paper = paper;
this.spaces = [];
this.borders = [];
this.borders[0] = [];
this.borders[1] = [];
for (var i=0;i<=size;i++) {
if (i<size) {
this.spaces[i] = [];
this.borders[1][i] = [];
}
this.borders[0][i] = [];
for (var j=0;j<=size;j++) {
if (i<size && j<size) {
this.createSpace(i,j);
}
if ((i+j) < (size*2)) {
this.createBorders(i,j);
}
}
}
}
Board.prototype.createSpace = function (x,y) {
var tempSpace = new Space(x,y,this);
this.spaces[x][y] = tempSpace;
};
Board.prototype.createBorders = function (x,y) {
if (this.borders[0][x] !== undefined && y<this.size)
{this.borders[0][x][y] = new Border(x,y,0,this);}
if (this.borders[1][x] !== undefined) {this.borders[1][x][y] = new Border(x,y,1,this);}
};
var Space = function(x,y,board) {
this.x = x;this.y = y;
this.board = board;
this.side = board.side;
this.pad = board.pad;
this.n = [y-1,x];
this.s = [y+1,x];
this.e = [y,x+1];
this.w = [y,x-1];
if (this.n[0]<0) {this.n = null;}
if (this.w[1]<0) {this.w = null;}
if (this.e[1]>this.board.size) {this.e = null;}
if (this.s[0]>this.board.size) {this.s = null;}
this.create();
}
Space.prototype.setColor = function (col_in) {
};
Space.prototype.create = function () {
var xoffset = (this.x * (this.side + this.pad)) + this.pad;
var yoffset = (this.y * (this.side + this.pad)) + this.pad;
// console.log(xoffset,yoffset);
this.board.paper.rect(xoffset,yoffset,this.side,this.side,6)
.attr({fill:'ecc',
stroke: '200',
'stroke-width': 3});
};
var Border = function(x,y,ori,board) {
var VERT = 0; var HORIZ = 1;
this.x = x; this.y = y;
this.orientation = ori;
this.board = board;
this.walled = false;
this.side = board.side;
this.pad = board.pad;
this.create();
}
Border.prototype.toggleWall = function () {
this.walled = !this.walled;
//change color
};
Border.prototype.create = function () {
if (this.orientation === 0) {
var xoffset = (this.x * (this.side + this.pad)) + (this.pad/2);
var yoffset = (this.y * (this.side + this.pad)) + this.pad;
var spath = "M"+xoffset.toString()+" "+yoffset.toString()+"L"+xoffset.toString()+
" "+(yoffset+this.side).toString();
this.board.paper.path(spath)
.attr({stroke:'aca',
'stroke-width': 3
});
} else {
var xoffset = (this.x * (this.side + this.pad)) + this.pad;
var yoffset = (this.y * (this.side + this.pad)) + (this.pad/2);
var spath = "M"+xoffset.toString()+" "+yoffset.toString()+"L"+
(xoffset+this.side).toString()+" "+yoffset.toString();
this.board.paper.path(spath)
.attr({stroke:'aca',
'stroke-width': 3
});
}
};
window.onload = function () {
var paper = new Raphael(document.getElementById('canvas_container'),500,500);
var board = new Board(10,paper);
}