From de499f868ca01caf000df027216987c282506d4c Mon Sep 17 00:00:00 2001
From: Richard Halsall <–richard-glyn.halsall@informatik.hs-fulda.e>
Date: Wed, 8 Feb 2023 17:48:42 +0100
Subject: [PATCH] refactoring: Spielbrett jetzt mit einem einzelnen
 Funktionsaufruf aufgebaut

---
 schlangen_und_leitern/HTML.html               |  2 +-
 schlangen_und_leitern/js/Bridge.js            | 15 ++++-----
 .../js/{makeBoard.js => boardHandling.js}     | 32 +++++++++++--------
 3 files changed, 26 insertions(+), 23 deletions(-)
 rename schlangen_und_leitern/js/{makeBoard.js => boardHandling.js} (93%)

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 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <script type="text/javascript" src="js/diceHandling.js"></script> 
-    <script type= "text/javascript" src="js/makeBoard.js"></script>
+    <script type= "text/javascript" src="js/boardHandling.js"></script>
     <script type= "text/javascript" src="js/Bridge.js"></script>
     <script type= "text/javascript" src="js/playerHandling.js"></script>
     <title>Document</title>
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++){