From f558bd0bcc2f63c3c215193e86d52aa6d444f865 Mon Sep 17 00:00:00 2001 From: Alexander Munch-Hansen Date: Tue, 22 May 2018 00:33:11 +0200 Subject: [PATCH] compiled a new func.js with typescript. Yay for types --- index.html | 2 +- typescript/func.js | 209 +++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 210 insertions(+), 1 deletion(-) create mode 100644 typescript/func.js diff --git a/index.html b/index.html index d4950eb..acf7f2a 100644 --- a/index.html +++ b/index.html @@ -13,7 +13,7 @@ - +
diff --git a/typescript/func.js b/typescript/func.js new file mode 100644 index 0000000..84e8b86 --- /dev/null +++ b/typescript/func.js @@ -0,0 +1,209 @@ +const ip = "127.0.0.1"; +const port = "35270"; +$(function () { + const init_board = [0, 2, 0, 0, 0, 0, -5, 0, -3, 0, 0, 0, 5, -5, 0, 0, 0, 3, 0, 5, 0, 0, 0, 0, -2, 0]; + var board = []; + // var init_board = [0,2,0,-1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0] + const red = "#E83D04"; + const white = "#E8E077"; + const brown = "#4C2E00"; + var prevBoard = []; + var color = white; + let quad = false; + var roll = [Math.floor(Math.random() * 6) + 1, Math.floor(Math.random() * 6) + 1]; + // var roll = [1,3]; + var totalRoll = roll[0] + roll[1]; + if (roll[0] == roll[1]) { + totalRoll = roll[0] * 4; + roll = [roll[0], roll[0], roll[0], roll[0]]; + quad = true; + } + $("#roll").text("roll: " + roll.toString() + " total moves: " + totalRoll.toString()); + console.log("Initial roll:"); + console.log(roll); + // Build pins + for (var i = 0; i < 26; i++) { + if (i < 13 && 0 < i) { + var pos = 'bottom'; + } + else if (i > 12 && i < 25) { + var pos = 'top'; + } + else { + var pos = 'bar'; + } + if (color == white) { + color = red; + } + else { + color = white; + } + if (i == 0 || i == 25) { + color = brown; + } + var div = $("
").addClass("pin").addClass("pin-" + pos).attr('id', 'pin-' + i); + var checkers_div = $("
").addClass("checkers").attr('id', 'checkers-' + i); + var checkers_list = $("
    ").addClass("checkers_list").attr('id', 'checkers_list-' + i).attr('pinId', i); + checkers_div.append(checkers_list); + div.append(checkers_div); + $("#pins").append(div); + } + var div = $("
    ").addClass("pin").addClass("pin-26").attr('id', 'pin-26'); + var checkers_div = $("
    ").addClass("checkers").attr('id', 'checkers-26'); + var checkers_list = $("
      ").addClass("checkers_list").attr('id', 'checkers_list-26').attr('pinId', 26); + checkers_div.append(checkers_list); + div.append(checkers_div); + $("#pins").append(div); + convertToPins(init_board); + prevBoard = convertToBoard(); + $(".checkers_list").sortable({ + connectWith: ".checkers_list", + receive: function (event, ui) { + // Handle putting people on the bar correclty and getting off it. + // Something like look at the index you drop the checker at + var toIdx = event.target.attributes.pinId.value; + var fromIdx = ui.sender.attr("pinId"); + // console.log(fromIdx); + // console.log(toIdx); + if (toIdx < 26) { + var cloned_board = prevBoard.slice(); + var sign = Math.sign(cloned_board[fromIdx]); + // if bar stuff has to be handled + if (cloned_board[toIdx] * sign == -1) { + // Lift checker + cloned_board[fromIdx] += -(sign); + // Check where the opponents bar is + if (sign == -1) { + cloned_board[0] += -(sign); + } + else { + cloned_board[25] += -(sign); + } + // flip the piece at target index + cloned_board[toIdx] *= -1; + // Load the board into the pins + convertToPins(cloned_board); + } + } + board = convertToBoard(); + // console.log("board!!!!"); + // console.log(board); + var dataObject = handleMove(prevBoard, board, roll, totalRoll, quad); + prevBoard = dataObject.board; + // prevBoard = data_stuff['board']; + roll = dataObject.roll; + // roll = data_stuff['roll']; + totalRoll = dataObject.totalRoll; + // totalRoll = data_stuff['totalRoll']; + convertToPins(prevBoard); + console.log("total roll is:"); + console.log(totalRoll); + if (totalRoll == 0) { + if (board != convertToBoard()) { + let botResult = getBotMove(prevBoard); + prevBoard = botResult.board; + convertToPins(prevBoard); + roll = [Math.floor(Math.random() * 6) + 1, Math.floor(Math.random() * 6) + 1]; + totalRoll = roll[0] + roll[1]; + if (roll[0] == roll[1]) { + console.log("huehue"); + totalRoll = roll[0] * 4; + roll = [roll[0], roll[0], roll[0], roll[0]]; + quad = true; + } + } + } + $("#roll").text("roll: " + roll.toString() + " total moves: " + totalRoll.toString()); + } + }); +}); +function handleMove(prevBoard, board, roll, totalRoll, quad) { + var data = postRequest(prevBoard, board, roll, totalRoll, quad); + return data; +} +; +function convertToBoard() { + let board = []; + for (var i = 0; i < 26; i++) { + var amount = $("#checkers_list-" + i).children('li').length; + if (amount != 0) { + var sign = parseInt(($("#checkers_list-" + i + "> li").attr('class').split(' ')[0])); + if (i == 21) { + // console.log(amount) + // console.log(sign) + } + let checkers = sign * amount; + board.push(checkers); + } + else { + board.push(0); + } + } + // console.log("The built board"); + // console.log(board); + return board; +} +function emptyLists() { + for (var i = 0; i < 27; i++) { + $('#checkers_list-' + i).empty(); + } +} +function convertToPins(board) { + // console.log(board); + emptyLists(); + for (var i = 0; i < 26; i++) { + var tmp = parseInt(board[i]); + for (var amt_at_pin = 0; amt_at_pin < Math.abs(tmp); amt_at_pin++) { + var sign = Math.sign(tmp); + if (sign > 0) { + var list_obj = $("
      • ").addClass(Math.sign(tmp).toString()); + } + else if (sign < 0) { + var list_obj = $("
      • ").addClass(Math.sign(tmp).toString()); + } + $('#checkers_list-' + i).append(list_obj); + } + } +} +; +function getBotMove(board) { + let data = { 'board': board.toString() }; + let result = { board: [] }; + $.ajax({ + type: "POST", + async: false, + url: "http://" + ip + ":" + port + "/bot_move", + data: JSON.stringify(data), + success: function (data) { + data.split(",").forEach(function (item, index) { + result.board.push(parseInt(item)); + }); + } + }); + return result; +} +; +function postRequest(prevBoard, board, roll, totalRoll, quad) { + let result = { board: [], totalRoll: 0, roll: [] }; + var data = { 'board': board.toString(), 'prevBoard': prevBoard.toString(), 'roll': roll.toString(), + 'totalRoll': totalRoll.toString(), + 'quad': quad.toString() + }; + $.ajax({ + type: "POST", + async: false, + url: "http://" + ip + ":" + port + "/post_board", + data: JSON.stringify(data), + success: function (data) { + let splitData = data.split("#"); + splitData[0].split(",").forEach(function (item, index) { + result.board.push(parseInt(item)); + }); + result.totalRoll = parseInt(splitData[1]); + splitData[2].split(",").forEach(function (item, index) { + result.roll.push(parseInt(item)); + }); + } + }); + return result; +}