-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
37 lines (30 loc) · 883 Bytes
/
script.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
//get canvas
var canvas = document.getElementById("maze-canvas");
var context = canvas.getContext("2d");
//change canvas size
var canvasContainer = document.getElementById("canvas-container");
console.log(canvasContainer.offsetWidth);
canvas.style.width = canvasContainer.offsetWidth;
canvas.style.height = canvasContainer.offsetHeight;
//generate maze
var maze = new MazeGenerator(20, 10);
maze.generateMaze();
var mazeGrid = maze.getGrid();
var squareSize = 19;
//function for drawing square
var mkSquare = function(x, y) {
var posX = squareSize*x;
var posY = squareSize*y;
context.beginPath();
context.rect(posX, posY, squareSize, squareSize);
context.fillStyle = "#6666FF";
context.fill();
}
//display maze
for (var i = 0; i < mazeGrid.length; i++) {
for (var j = 0; j < mazeGrid[i].length; j++) {
if (mazeGrid[i][j]) {
mkSquare(i, j);
}
}
}