Add correspondence chess

author: Mark Powers <markppowers0@gmail.com> 2019-12-07 14:28:18 -0600
committer: Mark Powers <markppowers0@gmail.com> 2019-12-07 14:28:18 -0600
commit: 1682f89e7d696ddba69bbfcfff791b95fd562df5 (patch)
tree: 02d1ee8a7c19b6727e4bd6772907c9d375f3816a
parent: 298329e1bacee29f13a6a0349786a5b2b4343404 (diff)
5 files changed, 573 insertions, 0 deletions
diff --git a/src/html/chess.html b/src/html/chess.html
new file mode 100644
index 0000000..486b395
--- /dev/null
+++ b/src/html/chess.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+    <title>Chess</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+</head>
+
+<body style="padding:0; margin:0; overflow:hidden;">
+    <canvas id="canvas"></canvas>
+    <script src="/js/chess-draw.js"></script>
+    <script src="/js/chess-main.js"></script>
+</body>
+
+</html>
diff --git a/src/index.js b/src/index.js
index 3a01d6f..62d8bb5 100644
--- a/src/index.js
+++ b/src/index.js
@@ -86,6 +86,12 @@ function setUpModels(){
           words: Sequelize.STRING,
           name: Sequelize.STRING,
           best: Sequelize.BOOLEAN
+        }),
+        "chessgames": database.define('chessgame', {
+          pieces: Sequelize.TEXT,
+          name: {type:Sequelize.STRING, primaryKey: true},
+          turn: Sequelize.STRING,
+          userside: Sequelize.STRING
         })
     }
     models.pictures.belongsTo(models.posts);
diff --git a/src/js/chess-draw.js b/src/js/chess-draw.js
new file mode 100644
index 0000000..2cac33f
--- /dev/null
+++ b/src/js/chess-draw.js
@@ -0,0 +1,47 @@
+
+function draw_selected(){
+    if(selected){
+        color("yellow")
+        ctx.fillRect(50*(selected.col-1), 50*(8-selected.row), 50, 50)
+    } 
+}
+function draw_piece(piece){
+    if(piece.inactive){
+        return;
+    }
+    if(piece.side == "white"){
+        color("white")
+    } else {
+        color("black")
+    }
+    ctx.fillRect(50*(piece.col-1)+15, 50*(8-piece.row)+15, 20, 20);
+    if(piece.side == "white"){
+        color("black")
+    } else {
+        color("white")
+    }
+    ctx.fillText(piece.type, 50*(piece.col-1)+18, 50*(8-piece.row+0.2)+20)
+}
+
+function draw() {
+    font(20)
+    color("#ddd");
+    ctx.fillRect(0, 0, 400, 600);
+    color("#aaa")
+    for(var x = 0; x < 8; x++){
+        for(var y = 0; y < 8; y++){
+            if(x % 2 == 0 && y % 2 == 1){
+                ctx.fillRect(50*x, 50*y, 50, 50);
+            }
+            if(x % 2 == 1 && y % 2 == 0){
+                ctx.fillRect(50*x, 50*y, 50, 50);
+            }
+        }
+    }
+    draw_selected();
+    pieces.forEach(piece => {
+        draw_piece(piece)
+    });
+    color("black")
+    ctx.fillText(status, 20, 420)
+}   
+\ No newline at end of file
diff --git a/src/js/chess-main.js b/src/js/chess-main.js
new file mode 100644
index 0000000..d5d3339
--- /dev/null
+++ b/src/js/chess-main.js
@@ -0,0 +1,465 @@
+// Store game with password
+// Load and play from password
+// Admin view?
+
+var gameInterval, canvas, ctx;
+var pieces, turn, user_turn;
+var selected;
+var person;
+var pgn;
+
+var ranks = {
+    1: "a",
+    2: "b",
+    3: "c",
+    4: "d",
+    5: "e",
+    6: "f",
+    7: "g",
+    8: "h",
+}
+
+function default_pawns(row, side) {
+    let arr = []
+    for (var x = 1; x <= 8; x++) {
+        arr.push({
+            "type": "P",
+            "row": row,
+            "col": x,
+            "moved": false,
+            "side": side
+        });
+    }
+    return arr;
+}
+
+function default_pieces(row, side) {
+    let arr = [
+        {
+            "type": "R",
+            "row": row,
+            "col": 1,
+            "side": side
+        },
+        {
+            "type": "R",
+            "row": row,
+            "col": 8,
+            "side": side
+        },
+        {
+            "type": "N",
+            "row": row,
+            "col": 2,
+            "side": side
+        },
+        {
+            "type": "N",
+            "row": row,
+            "col": 7,
+            "side": side
+        },
+        {
+            "type": "B",
+            "row": row,
+            "col": 3,
+            "side": side
+        },
+        {
+            "type": "B",
+            "row": row,
+            "col": 6,
+            "side": side
+        },
+        {
+            "type": "Q",
+            "row": row,
+            "col": 4,
+            "side": side
+        },
+        {
+            "type": "K",
+            "row": row,
+            "col": 5,
+            "side": side
+        }
+    ]
+    return arr;
+}
+
+function is_admin(){
+    return window.location.pathname.startsWith("/admin")
+}
+
+function init() {
+    console.log(window.location.pathname)
+    if (is_admin()) {
+        fetch(new Request("/admin/chess/games", {
+            method: 'GET',
+        }))
+        .then(response => response.json())
+        .then((response) => {
+            load(response)
+            gameInterval = setInterval(game, 1000 / 10);
+        });
+    } else {
+        person = prompt("Please enter your name", "");
+        fetch(new Request("/chess/" + person, {
+            method: 'GET',
+        }))
+        .then(response => response.json())
+        .then((response) => {
+            load(response)
+            gameInterval = setInterval(game, 1000 / 10);
+        });
+    }
+}
+
+function load(response){
+    if (response.game && response.game) {
+        person = response.game.name
+        pieces = JSON.parse(response.game.pieces);
+        turn = response.game.turn;
+        user_turn = response.game.userside;
+        status = "Turn: " + turn + ". You play " + user_turn
+        pgn = [] // TODO
+    } else {
+        pieces = default_pieces(1, "white").concat(default_pawns(2, "white")).concat(
+            default_pieces(8, "black").concat(default_pawns(7, "black")));
+        user_turn = turn = Math.random() < 0.5 ? "white" : "black"
+        status = "You play " + turn
+        if(is_admin()){
+            status = "No games!"
+            pieces.forEach(piece => {
+                piece.inactive = true
+            })
+        }
+        pgn = []
+    }
+}
+
+function next_turn() {
+    if (turn == "white") {
+        turn = "black";
+    } else {
+        turn = "white";
+    }
+    if (turn != user_turn) {
+        status = "Waiting for your turn"
+    } else {
+        status = "It is your turn"
+    }
+    var details = {
+        pieces: JSON.stringify(pieces),
+        name: person,
+        turn: turn,
+        userside: user_turn
+    };
+    var formBody = [];
+    for (var property in details) {
+        var encodedKey = encodeURIComponent(property);
+        var encodedValue = encodeURIComponent(details[property]);
+        formBody.push(encodedKey + "=" + encodedValue);
+    }
+    formBody = formBody.join("&");
+    fetch(new Request("/chess", {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
+        },
+        body: formBody
+    }))
+        .then((response) => {
+            console.log(response)
+        })
+}
+
+window.onload = function () {
+    canvas = document.getElementById("canvas");
+    ctx = canvas.getContext("2d");
+
+    document.addEventListener("mousedown", mousePush);
+
+    // window.addEventListener('resize', resizeCanvas, false);
+    // window.addEventListener('orientationchange', resizeCanvas, false);
+    resizeCanvas();
+
+    init();
+}
+
+function resizeCanvas() {
+    canvas.width = window.innerWidth;
+    canvas.height = window.innerHeight;
+    // scaleX = window.innerWidth / 400;
+    // scaleY = window.innerHeight / 600;
+
+    // if (scaleX / scaleY > 1.3) {
+    //     scaleX = scaleY = 1;
+    // }
+    // ctx.scale(scaleX, scaleY);
+}
+function game() {
+    // update();
+    draw();
+}
+
+function update() {
+
+}
+
+function piece_at(row, col) {
+    return pieces.find(p => {
+        return p.col == col && p.row == row
+    });
+}
+
+// TODO king cannot take piece attacking him from right next door
+function mousePush(e) {
+    if (turn != user_turn && !is_admin()) {
+        return;
+    }
+
+    col = Math.floor(e.clientX / 50) + 1;
+    row = 8 - Math.floor(e.clientY / 50);
+    var ap = piece_at(row, col)
+    // If clicked on players piece
+    if (ap && ap.side == turn) {
+        selected = ap;
+        // If clicked on space piece can move to
+    } else if (selected && !selected.inactive && legal_move(selected, row, col)) {
+        var tempCol = selected.col;
+        var tempRow = selected.row;
+        selected.col = col;
+        selected.row = row;
+        var check = in_check();
+        selected.col = tempCol;
+        selected.row = tempRow;
+        if (check) {
+            console.log("check!")
+            // TODO check for mate
+        } else {
+            target = piece_at(row, col);
+            if (target) {
+                target.inactive = true;
+                console.log("took", target.side, target.type)
+            }
+
+            var pgnTurn = "";
+            if (selected.type == "P") {
+                if (target) {
+                    pgnTurn = ranks[selected.col] + "x"
+                }
+                pgnTurn += ranks[col] + "" + row
+            } else if (selected.type == "K" && !selected.moved && (col == 7 || col == 3)) {
+                // If castled
+                if (col == 7) {
+                    pgnTurn = "O-O"
+                } else {
+                    pgnTurn = "O-O-O"
+                }
+            } else {
+                // Check if ambiguous (two of same type can move to space)
+                // Check if castled
+                pgnTurn += selected.type;
+                if (target) {
+                    pgnTurn = "x"
+                }
+                pgnTurn += ranks[col] + "" + row
+            }
+
+            if (selected.type == "P" && row == 8) {
+                selected.type = "Q"
+            }
+
+            selected.col = col;
+            selected.row = row;
+            selected.moved = true;
+            selected = undefined;
+            next_turn()
+
+            if (in_check()) {
+                pgnTurn += "+"
+            }
+            pgn.push(pgnTurn);
+        }
+    } else {
+        selected = undefined;
+    }
+    // console.log(pgn)
+    console.log(JSON.stringify(pieces))
+}
+function in_check() {
+    // in check if legal move from any opposing piece to king
+    var king = pieces.find(piece => {
+        return piece.type == "K" && piece.side == turn
+    });
+    var attacking = pieces.find(piece => {
+        return (legal_move(piece, king.row, king.col))
+    })
+    return attacking != undefined;
+}
+function legal_move(piece, row, col) {
+    if (row < 1 || row > 8 || col < 1 || col > 8) {
+        return false;
+    }
+    var target = piece_at(row, col);
+    if (piece.type == "P") {
+        var dir;
+        if (piece.side == "white") {
+            dir = 1;
+        } else {
+            dir = -1;
+        }
+        // Move one forward
+        if (!target && piece.col == col && row == piece.row + dir) {
+            return true
+            // Move two forward
+        } else if (piece.col == col && row == piece.row + dir * 2 && !piece.moved
+            && !target && !piece_at(row - dir, col)) {
+            return true;
+            // Attack
+        } else if (target && target.side != piece.side && row == piece.row + dir && Math.abs(col - piece.col) == 1) {
+            return true;
+        }
+        // TODO en passant
+    } else if (piece.type == "R") {
+        if (row == piece.row) {
+            var dir = piece.col < col ? 1 : -1;
+            for (var x = piece.col + dir; x != col; x += dir) {
+                if (piece_at(row, x)) {
+                    return false;
+                }
+            }
+            return !target || target.side != piece.side;
+        } else if (col == piece.col) {
+            var dir = piece.row < row ? 1 : -1;
+            for (var x = piece.row + dir; x != row; x += dir) {
+                if (piece_at(x, col)) {
+                    return false;
+                }
+            }
+            return !target || target.side != piece.side;
+        }
+    } else if (piece.type == "N") {
+        if ((!target || target.side != piece.side) && row != piece.row && Math.abs(row - piece.row) + Math.abs(col - piece.col) == 3) {
+            return true;
+        }
+    } else if (piece.type == "B") {
+        if (Math.abs(row - piece.row) == Math.abs(col - piece.col)) {
+            var dirR = piece.row < row ? 1 : -1;
+            var dirC = piece.col < col ? 1 : -1;
+            for (var x = 1; x < Math.abs(row - piece.row); x++) {
+                if (piece_at(piece.row + dirR * x, piece.col + dirC * x)) {
+                    return false;
+                }
+            }
+            return !target || target.side != piece.side;
+        }
+    } else if (piece.type == "Q") {
+        if (row == piece.row) {
+            var dir = piece.col < col ? 1 : -1;
+            for (var x = piece.col + dir; x != col; x += dir) {
+                if (piece_at(row, x)) {
+                    return false;
+                }
+            }
+            return !target || target.side != piece.side;
+        } else if (col == piece.col) {
+            var dir = piece.row < row ? 1 : -1;
+            for (var x = piece.row + dir; x != row; x += dir) {
+                if (piece_at(x, col)) {
+                    return false;
+                }
+            }
+            return !target || target.side != piece.side;
+        } else if (Math.abs(row - piece.row) == Math.abs(col - piece.col)) {
+            var dirR = piece.row < row ? 1 : -1;
+            var dirC = piece.col < col ? 1 : -1;
+            for (var x = 1; x < Math.abs(row - piece.row); x++) {
+                if (piece_at(piece.row + dirR * x, piece.col + dirC * x)) {
+                    return false;
+                }
+            }
+            return !target || target.side != piece.side;
+        }
+    } else if (piece.type == "K") {
+        if ((Math.abs(row - piece.row) <= 1 && Math.abs(col - piece.col) <= 1)
+            && (row != piece.row || col != piece.col)) {
+            return !target || target.side != piece.side
+        }
+        // castle King side
+        if (row == piece.row && piece.col + 2 == col) {
+            // No pieces between rook and king
+            for (var x = 6; x <= 7; x++) {
+                if (piece_at(row, x)) {
+                    return false
+                }
+            }
+            // Neither has moved nor in check
+            var rook = piece_at(row, 8);
+            if (rook && !rook.moved && !piece.moved && !in_check()) {
+                // King does not pass through attacking
+                for (var x = 6; x <= 6; x++) {
+                    var attacking = pieces.find(piece => {
+                        return piece.side != rook.side && legal_move(piece, row, x)
+                    })
+                    if (attacking) {
+                        return false
+                    }
+                }
+                rook.col = 6;
+                rook.moved = true
+                return true
+            }
+        } else if (row == piece.row && piece.col - 2 == col) {
+            // No pieces between rook and king
+            for (var x = 3; x <= 4; x++) {
+                if (piece_at(row, x)) {
+                    return false
+                }
+            }
+            // Neither has moved nor in check
+            var rook = piece_at(row, 1);
+            if (rook && !rook.moved && !piece.moved && !in_check()) {
+                // King does not pass through attacking
+                for (var x = 4; x <= 4; x++) {
+                    var attacking = pieces.find(piece => {
+                        return piece.side != rook.side && legal_move(piece, row, x)
+                    })
+                    if (attacking) {
+                        return false
+                    }
+                }
+                rook.col = 4;
+                rook.moved = true
+                return true
+            }
+        }
+        // TODO check for check after movie rook and king (rook can't get undone)
+    }
+    return false
+}
+function font(size) {
+    ctx.font = size + "px Courier";
+}
+function color(c) {
+    ctx.fillStyle = c;
+}
+function gameOver() {
+    isGameOver = true;
+    clearInterval(gameInterval);
+
+    const urlParams = new URLSearchParams(window.location.search);
+    const uid = urlParams.get('uid');
+    const mid = urlParams.get('mid');
+    const cid = urlParams.get('cid');
+    const imid = urlParams.get('imid');
+    if (imid) {
+        const request = new Request(`/setScore?uid=${uid}&imid=${imid}&score=${score}`);
+        fetch(request).then(response => console.log("set score"));
+    }
+    else {
+        const request = new Request(`/setScore?uid=${uid}&mid=${mid}&cid=${cid}&score=${score}`);
+        fetch(request).then(response => console.log("set score"));
+    }
+}
+\ No newline at end of file
diff --git a/src/server.js b/src/server.js
index 3bfafa8..b3a39bd 100644
--- a/src/server.js
+++ b/src/server.js
@@ -99,11 +99,34 @@ function setUpRoutes(models, jwtFunctions, database) {
     server.get('/essay', (req, res) => res.sendFile(__dirname + "/html/essay.html"));
     server.get('/snake', (req, res) => res.sendFile(__dirname + "/html/snake.html"));
     server.get('/word-square', (req, res) => res.sendFile(__dirname + "/html/word-square.html"));
+    server.get('/chess', (req, res) => res.sendFile(__dirname + "/html/chess.html"));
+    server.get('/admin/chess', async (req, res, next) => res.sendFile(__dirname + "/html/chess.html"));
     server.get('/projects', (req, res) => res.sendFile(__dirname + "/html/projects.html"));
     server.get('/wordsquares/best', async (req, res, next) => {
         var best = await database.query("select words, name from wordsquares where best = 1", { type: database.QueryTypes.SELECT })
         res.status(200).send({ best: best });
     })
+    server.get('/admin/chess/games', async (req, res, next) => {
+        const { name } = req.params;
+        var game = await models.chessgames.findOne({where: {
+            turn: {
+                [Op.ne]: {$col: 'userside'}
+            }
+        
+            // database.where(
+            //     database.col('userside'),
+            //     database.col('turn')
+            //   )
+        }})
+        // var game = await database.query("select * from chessgames where userside != turn", { type: database.QueryTypes.SELECT })
+        res.status(200).send({game:game});
+    })
+    server.get('/chess/:name', async (req, res, next) => {
+        const { name } = req.params;
+        var game = await models.chessgames.findOne({where: {name: name}})
+        //var game = await database.query("select * from chessgames where name = '"+name+"'", { type: database.QueryTypes.SELECT })
+        res.status(200).send({game:game});
+    })
     server.get('/setScore', (req, res) => {
         request(`http://localhost:8000?${req.url.split("?")[1]}`, function (error, response, body) {
         });
@@ -209,6 +232,22 @@ function setUpRoutes(models, jwtFunctions, database) {
             console.debug("Error with wordsquare submission")
         }
     })
+    server.post('/chess', async (req, res, next) => {
+        const game = req.body;
+        if (game) {
+            models.chessgames.findOne({where: {name: game.name}})
+            .then(obj => {
+                if(obj){
+                    obj.update(game)
+                } else {
+                    models.chessgames.create(game)
+                }
+            })
+        } else {
+            console.debug("Error with chess submission")
+        }
+        res.status(200).send(game);
+    })
 
 
     server.get('/favicon.ico', (req, res) => res.sendFile(__dirname + "/icon/favicon.ico"))
author	Mark Powers <markppowers0@gmail.com>	2019-12-07 14:28:18 -0600
committer	Mark Powers <markppowers0@gmail.com>	2019-12-07 14:28:18 -0600
commit	1682f89e7d696ddba69bbfcfff791b95fd562df5 (patch)
tree	02d1ee8a7c19b6727e4bd6772907c9d375f3816a
parent	298329e1bacee29f13a6a0349786a5b2b4343404 (diff)