diff --git a/schlangen_und_leitern/HTML.html b/schlangen_und_leitern/HTML.html
index 2fc2f93..8a0eb22 100644
--- a/schlangen_und_leitern/HTML.html
+++ b/schlangen_und_leitern/HTML.html
@@ -6,7 +6,7 @@
-
+
Document
diff --git a/schlangen_und_leitern/js/Bridge.js b/schlangen_und_leitern/js/Bridge.js
index 13c4e79..3af95c3 100644
--- a/schlangen_und_leitern/js/Bridge.js
+++ b/schlangen_und_leitern/js/Bridge.js
@@ -4,13 +4,13 @@ let turnCount = 1;
function init(playerCount){
//hide menue
hideStartMenu()
-
+ //arrays deklaren
+ var canvasPointArr= [];
+ let objectArr = [];
// Spielbrett Aufbauen
- boardArr = buildBoard();
- drawBoard(boardArr);
+ buildBoard(objectArr,canvasPointArr);
//spielbret objekte genererien
- let objectArr = [];
- generateBoardObjects(leitern, schlangen, objectArr);
+
// spieler Strukturen aufbauen mit hilfe spieler Anzahl
let playerArray = buildPlayerArray(playerCount);
@@ -22,10 +22,9 @@ function init(playerCount){
////////experiemnt
- var canvasPointArr= [];
- drawCanavas();
+
canvasPointGen(canvasPointArr);
- createBoardObjects(canvasPointArr, objectArr)
+ drawBoardObjects(canvasPointArr, objectArr)
diff --git a/schlangen_und_leitern/js/makeBoard.js b/schlangen_und_leitern/js/boardHandling.js
similarity index 93%
rename from schlangen_und_leitern/js/makeBoard.js
rename to schlangen_und_leitern/js/boardHandling.js
index ba30bd7..b1d40e7 100644
--- a/schlangen_und_leitern/js/makeBoard.js
+++ b/schlangen_und_leitern/js/boardHandling.js
@@ -1,12 +1,12 @@
//ein Array erstellen, aus dem die Spilebrett gezeichnet werden kann
-function buildBoard(){
-
+function buildBoard(objectArr,canvasPointArr){
+
let boardArr = [];
let width = 10;
let height = 10;
let count = 100
let direction = 0 //0 = gerade reihe (links nach Rechts) ; 1 = ungerade reihe (rechts nach Links)
-
+ // construct board array
for(var y = 0; y < height ; y++){
let row = [];
if(direction == 0){
@@ -29,14 +29,20 @@ function buildBoard(){
}
boardArr.push(row)
}
- console.log(boardArr)
- return boardArr;
- }
-
-
+ // draw board on screen using board array
+ drawBoard(boardArr);
+ //draw canvas overlay
+ drawCanavas()
+ // cast points to center of board cells
+ canvasPointGen(canvasPointArr);
+ // add snakes and ladders objects to object array
+ generateBoardObjects(leitern, schlangen, objectArr)
+ //draw board objects
+ drawBoardObjects(canvasPointArr, objectArr)
+}
function drawBoard(arr){
@@ -57,11 +63,6 @@ function drawBoard(arr){
cell.innerHTML = (arr[y][x]);
}
}
- // add drawing of snakes and ladders
-
-
-
-
}
//spielbrett objekt Struktur
@@ -100,6 +101,9 @@ function generateBoardObjects (leitern, schlangen, objectArray){
objectArray.push(schlange);
}
}
+
+
+
//make a canvas the same size as the playbaord
function drawCanavas(){
var ctx = document.getElementById("canvas");
@@ -215,7 +219,7 @@ function drawLine(type, startPosX, startPosY, endPosX, endPosY){
}
-function createBoardObjects(canvasPointArr, objectArray){
+function drawBoardObjects(canvasPointArr, objectArray){
//loop through all object in the object array
for(let i = 0; i < objectArray.length; i++){