AL-2020/Archiwum/frontend/js/main.js

// //Klasy
// class Agent{
//     constructor(positionX, positionY, turn){
//         this.positionX = positionX;
//         this.positionY = positionY;
//         this.turn = turn;
//     }
//
//     getParams(){
//         let params = {};
//
//         positionX = this.positionX;
//         positionY = this.positionY;
//         turn = this.turn;
//
//         params = {positionX, positionY, turn};
//
//         return params;
//     }
//
//     turnLeft(){
//         if(this.turn == 'Up'){
//             this.turn = 'Left';
//         }
//         else if(this.turn == 'Down'){
//             this.turn = 'Right';
//         }
//         else if(this.turn == 'Left'){
//             this.turn = 'Down';
//         }
//         else if(this.turn == 'Right'){
//             this.turn = 'Up'
//         }
//     }
//
//     turnRight(){
//         if(this.turn == 'Up'){
//             this.turn = 'Right';
//         }
//         else if(this.turn == 'Down'){
//             this.turn = 'Left';
//         }
//         else if(this.turn == 'Left'){
//             this.turn = 'Up';
//         }
//         else if(this.turn == 'Right'){
//             this.turn = 'Down'
//         }
//     }
//
//     showAgent(){
//         if(this.turn === "Up"){
//             document.getElementById(this.positionX + "-" + this.positionY).style.backgroundImage = "url('img/Up.png')";
//         }
//         else if(this.turn === "Down"){
//             document.getElementById(this.positionX + "-" + this.positionY).style.backgroundImage = "url('img/Down.png')";
//         }
//         else if(this.turn === "Right"){
//             document.getElementById(this.positionX + "-" + this.positionY).style.backgroundImage = "url('img/Right.png')";
//         }
//         else if(this.turn === "Left"){
//             document.getElementById(this.positionX + "-" + this.positionY).style.backgroundImage = "url('img/Left.png')";
//         }
//
//     }
//
//     hideAgent(){
//         document.getElementById(this.positionX + "-" + this.positionY).style.backgroundImage = "";
//     }
//
//     goForward(){
//         this.hideAgent()
//         if(this.turn == 'Up'){
//             this.positionY += 1;
//         }
//         else if(this.turn == 'Down'){
//             this.positionY -= 1;
//         }
//         else if(this.turn == 'Left'){
//             this.positionX -= 1;
//         }
//         else if(this.turn == 'Right'){
//             this.positionX += 1;
//         }
//         this.showAgent()
//     }
//
//     goToField(field){
//         if(field.yField > this.positionY){
//             //pole jest nad agentem
//
//         }
//         if(field.yField < this.positionY){
//             //pole jest pod agentem
//
//         }
//         if(field.xField > this.positionX){
//             //pole jest na prawo
//
//         }
//         if(field.xField < this.positionX){
//             //pole jest na lewo
//
//         }
//     }
//
//
// }
//
// class Field{
//     constructor(x, y, isShelf, isOccupiedByAgent, costOfTravel){
//         this.xField = x;
//         this.yField = y;
//         this.isShelf = isShelf;
//         this.isOccupiedByAgent = isOccupiedByAgent;
//         this.costOfTravel = costOfTravel;
//         this.neighbors = [];
//         this.g = 0;
//         this.h = 0;
//         this.f = 0;
//         this.previous = undefined;
//     }
//
//     getParams(){
//         let params = {};
//
//         xField = this.xField;
//         yField = this.yField;
//         isShelf = this.isShelf;
//         isOccupiedByAgent = this.isOccupiedByAgent;
//         costOfTravel = this.costOfTravel;
//         params = {xField, yField, isShelf, isOccupiedByAgent, costOfTravel}
//
//         return params;
//     }
//
// 	setIsShelf(isShelf){
// 		this.isShelf = isShelf;
// 	}
//
// 	getIsShelf(){
// 		return this.isShelf;
// 	}
//
// 	setIsOccupiedByAgent(isOccupiedByAgent){
// 		this.isOccupiedByAgent = isOccupiedByAgent;
// 	}
//
// 	setCostOfTravel(costOfTravel){
// 		this.costOfTravel = costOfTravel;
//     }
//
//     setNeighbors(field){
//         if(field.isShelf == false){
//             this.neighbors.push(field)
//         }
//     }
// }
//
// class Shelf{
// 	constructor(accessY, accessX, havePlace, box1, box2, box3){
//         this.accessX = accessX;
//         this.accessY = accessY;
// 		this.havePlace = true;
// 		this.box1 = box1;
// 		this.box2 = box2;
// 		this.box3 = box3;
//     }
//
// 	getParams(){
//         let params = {};
//
//         xField = this.xField;
//         yField = this.yField;
// 		havePlace = this.havePlace;
// 		box1 = this.box1;
// 		box2 = this.box2;
// 		box3 = this.box3;
//         params = {xField, yField, havePlace, box1, box2, box3}
//
//         return params;
//     }
//
// 	setbox1(box1){
// 		this.box1 = box1;
// 	}
//
// 	setbox2(box1){
// 		this.box2 = box2;
// 	}
//
// 	setbox3(box1){
// 		this.box3 = box3;
// 	}
//
// 	setHavePlace(havePlace){
// 		this.havePlace = havePlace;
// 	}
// }
//
// class Candy{
// 	constructor(type, taste, mark, id){
//         this.type = type;
// 		this.taste = taste;
//         this.mark = mark;
// 		this.id = id;
//     }
//
// 	getId(){
// 		return this.id;
// 	}
//
// }
//
// //funkcje
//
// function createBoard(rangeX, rangeY){
//     const board = [];
//
//     for(let y = 0; y < rangeY; y++){
//         const row = [];
//         for(let x = 0; x < rangeX; x++){
//             let field = new Field(x, y, false, false, 1);
//             row.push(field)
//         }
//         board.push(row)
//     }
//     return board
// }
//
// function createShelfOnBoard(board){
// 	//pierwszy poziom
// 	board[2][2].setIsShelf(true);
// 	board[3][2].setIsShelf(true);
//
// 	board[2][4].setIsShelf(true);
// 	board[3][4].setIsShelf(true);
//
// 	board[2][6].setIsShelf(true);
// 	board[3][6].setIsShelf(true);
//
// 	board[2][8].setIsShelf(true);
// 	board[3][8].setIsShelf(true);
//
// 	//drugi poziom
// 	board[5][2].setIsShelf(true);
// 	board[5][3].setIsShelf(true);
//
// 	board[5][7].setIsShelf(true);
// 	board[5][8].setIsShelf(true);
//
// 	//trzeci poziom
// 	board[7][2].setIsShelf(true);
// 	board[8][2].setIsShelf(true);
//
// 	board[7][4].setIsShelf(true);
// 	board[8][4].setIsShelf(true);
//
// 	board[7][6].setIsShelf(true);
// 	board[8][6].setIsShelf(true);
//
// 	board[7][8].setIsShelf(true);
// 	board[8][8].setIsShelf(true);
// 	return board
// }
//
// function createCostofField(board, rangeX, rangeY){
// 	let cost;
// 	let number;
// 	for(let y = 0; y < rangeY; y++){
// 		for(let x = 0; x < rangeX; x++){
// 			number = 0;
// 			if(y<9 && board[y+1][x].getIsShelf()){
// 				number = number + 1;
// 			}
// 			if(y>0 && board[y-1][x].getIsShelf()){
// 				number = number + 1;
// 			}
// 			if(x<9 && board[y][x+1].getIsShelf()){
// 				number = number + 1;
// 			}
// 			if(x>0 && board[y][x-1].getIsShelf()){
// 				number = number + 1;
// 			}
// 			cost = number*2;
// 			if(cost==0){
// 				cost = 1;
// 			}
// 			board[y][x].setCostOfTravel(cost);
// 		}
// 	}
// 	return board;
// }
//
// function createShelf(){
// 	const listOfShelf = [];
//
// 	//pierwszy poziom
// 	let shelf = new Shelf(2, 1, true, 211, 212, 0);
// 	listOfShelf.push(shelf)
// 	shelf = new Shelf(3, 1, true, 311, 0, 0);
// 	listOfShelf.push(shelf)
//
// 	shelf = new Shelf(4, 4, false, 441, 442, 443);
// 	listOfShelf.push(shelf)
// 	shelf = new Shelf(1, 4, true, 0, 0, 0);
// 	listOfShelf.push(shelf)
//
// 	shelf = new Shelf(4, 6, true, 461, 462, 0);
// 	listOfShelf.push(shelf)
// 	shelf = new Shelf(1, 6, true, 161, 0, 0);
// 	listOfShelf.push(shelf)
//
// 	shelf = new Shelf(3, 9, true, 391, 0, 0);
// 	listOfShelf.push(shelf)
// 	shelf = new Shelf(2, 9, true, 291, 0, 0);
// 	listOfShelf.push(shelf)
//
// 	//drugi poziom
// 	shelf = new Shelf(5, 1, true, 511, 0, 0);
// 	listOfShelf.push(shelf)
// 	shelf = new Shelf(5, 4, true, 541, 0, 0);
// 	listOfShelf.push(shelf)
//
// 	shelf = new Shelf(5, 6, true, 561, 0, 0);
// 	listOfShelf.push(shelf)
// 	shelf = new Shelf(5, 9, true, 591, 0, 0);
// 	listOfShelf.push(shelf)
//
// 	//trzeci poziom
// 	shelf = new Shelf(7, 1, true, 711, 0, 0);
// 	listOfShelf.push(shelf)
// 	shelf = new Shelf(8, 1, true, 811, 0, 0);
// 	listOfShelf.push(shelf)
//
// 	shelf = new Shelf(6, 4, true, 641, 0, 0);
// 	listOfShelf.push(shelf)
// 	shelf = new Shelf(9, 4, true, 941, 0, 0);
// 	listOfShelf.push(shelf)
//
// 	shelf = new Shelf(6, 6, true, 661, 0, 0);
// 	listOfShelf.push(shelf)
// 	shelf = new Shelf(9, 6, true, 961, 0, 0);
// 	listOfShelf.push(shelf)
//
// 	shelf = new Shelf(7, 9, true, 791, 0, 0);
// 	listOfShelf.push(shelf)
// 	shelf = new Shelf(8, 9, true, 891, 0, 0);
// 	listOfShelf.push(shelf)
//
//
// 	return listOfShelf;
// }
//
// function showBoard(board){
//     for(let y = board.length - 1; y >= 0 ; y--){
//         document.getElementById("board").innerHTML += "<div class='row' id='row-" + y + "'> </div>";
//
//         for(let x = 0; x < board[y].length; x++){
// 			if(board[y][x].getIsShelf())
// 				document.getElementById("row-" + y).innerHTML += "<div class='regal2' id=" + x + "-" + y + "> </div>"
// 			else
// 				document.getElementById("row-" + y).innerHTML += "<div class='field' id=" + x + "-" + y + ">"+ board[y][x].costOfTravel + "</div>"
//         }
//     }
// }
//
// function getDistance(field, goalField){
//     // var a = field.xField - goalField.xField;
//     // var b = field.yField - goalField.yField;
//     // var c = Math.sqrt(a*a + b*b);
//     var d = Math.abs(field.xField - goalField.xField) + Math.abs(field.yField - goalField.yField)
//     return d
// }
//
// function addNeighbors(board){
//     for(var y = 0; y < 10; y++){
//         for(var x = 0; x < 10; x++){
//             var leftNeigbor, rightNeighbor, topNeighbor, bottomNeighbor;
//             if(x > 0){
//                 leftNeigbor = board[y][x - 1];
//                 board[y][x].setNeighbors(leftNeigbor);
//             }
//             if(x < board[y].length - 1){
//                 rightNeighbor = board[y][x + 1];
//                 board[y][x].setNeighbors(rightNeighbor);
//             }
//             if(y > 0){
//                 bottomNeighbor = board[y - 1][x];
//                 board[y][x].setNeighbors(bottomNeighbor);
//             }
//             if(y < board.length - 1){
//                 topNeighbor = board[y + 1][x];
//                 board[y][x].setNeighbors(topNeighbor);
//             }
//         }
//     }
// }
//
// // function colorGreen(field){
// //     document.getElementById(field.xField + "-" + field.yField).style.backgroundColor = "green";
// // }
//
// // function colorRed(field){
// //     document.getElementById(field.xField + "-" + field.yField).style.backgroundColor = "red";
// // }
//
// // function colorYellow(field){
// //     document.getElementById(field.xField + "-" + field.yField).style.backgroundColor = "yellow";
// // }
//
// const colorFactory = color => (field, animationFrame) => {
//     const delay = animationFrame * 50
//     console.log(delay)
//     setTimeout(() => {
//         document.getElementById(field.xField + "-" + field.yField).style.backgroundColor = color;
//     }, delay);
//     return ++animationFrame
// }
//
// const colorYellow = colorFactory('yellow')
// const colorGreen = colorFactory('green')
// const colorRed = colorFactory('red')
//
// // function addNeighborsToOpenSet(set, neigbors){
// //     for(x = 0; x < neigbors.length; x++){
// //         set.push(neigbors[x]);
// //         colorGreen(neigbors[x]);
// //     }
// // }
//
// function addToClosedSet(set, field){
//     set.push(field);
//     colorRed(field);
// }
//
//
// function addToOpenSet(set, field){
//     set.push(field);
//     colorGreen(field);
// }
//
// function calculateFScore(field, goalField){
//     let fscore, distanceToGoal, costOfTravel;
//     distanceToGoal = getDistance(field, goalField);
//     costOfTravel = field.costOfTravel;
//     fscore = costOfTravel + distanceToGoal;
//     return fscore;
// }
//
// function findLowestFScore(openSet, goalField){
//     let bestField = openSet[0];
//     for(var x = 1; x < openSet.length; x++){
//         if(calculateFScore(openSet[x], goalField) < calculateFScore(bestField, goalField)){
//             bestField = openSet[x];
//         }
//     }
//     return bestField;
// }
//
// function removeFromSet(openSet, promisingField){
//     for(var x = openSet.length - 1; x >= 0; x--){
//         if(openSet[x] == promisingField){
//             openSet.splice(x,1);
//         }
//     }
// }
//
// function aStar(startField, goalField){
//     let closedSet = [];
//     let openSet = [];
//     var path;
//     let animationFrame = 0
//
//     // addToOpenSet(openSet, startField)
//     openSet.push(startField);
//     colorGreen(startField, animationFrame);
//
//     while(openSet.length > 0){
//
//         // let current = findLowestFScore(openSet, goalField);
//         let winner = 0;
//         for(let i = 0; i < openSet.length; i++){
//             if (openSet[i].f < openSet[winner].f){
//                 winner = i
//             }
//         }
//
//         let current = openSet[winner];
//
//         if(current === goalField){
//             path = []
//             var temp = current;
//             path.push(temp);
//             while(temp.previous){
//                 path.push(temp.previous);
//                 temp = temp.previous
//             }
//             console.log("A* COMPLETED");
//
//             for(var i = 0; i < path.length; i++){
//                 animationFrame = colorYellow(path[i], animationFrame);
//             }
//             return path;
//         }
//
//         removeFromSet(openSet, current);
//         // addToClosedSet(closedSet, current);
//         closedSet.push(current);
//         animationFrame = colorRed(current, animationFrame);
//
//         var neighbors = current.neighbors;
//
//         for(var i = 0; i < neighbors.length; i++){
//             var neighbor = neighbors[i];
//
//             if(!closedSet.includes(neighbor)){
//                 var tempG = current.g + neighbor.costOfTravel;
//
//                 if(openSet.includes(neighbor)){
//                     if(tempG < neighbor.g){
//                         neighbor.g = tempG;
//                     }
//                 } else {
//                     neighbor.g = tempG;
//                     // addToOpenSet(openSet, neighbor);
//                     openSet.push(neighbor);
//                     animationFrame = colorGreen(neighbor,animationFrame);
//                 }
//                 neighbor.h = getDistance(neighbor, goalField);
//                 neighbor.f = neighbor.g + neighbor.h;
//
//                 neighbor.previous = current;
//             }
//         }
//     }
// }
//
// function executePath(agent, path){
//
// }
//
//
// let board = createBoard(10,10);
// board = createShelfOnBoard(board);
// board = createCostofField(board, 10, 10);
// let candy = new Candy('zelek', 'truskawkowy', 'Jumbo', 541);
// let shelfs = createShelf();
// let agent = new Agent(0,0, 'Right');
//
// addNeighbors(board);
//
// function delayedFunction(func, index, time) {
//     setTimeout(() => func(), time * index);
// }
//
// function start(){
//     showBoard(board);
//
//     // for (let i = 0; i<9; i++) {
//     //     delayedStep(agent, i);
//     // }
//     const path = aStar(board[0][0], board[9][9]);
//     // agent.showAgent();
//     console.log(path.reverse())
// }
//
//
//