Получить координаты X / Y и переместить игрока из 2D Array Grid - PullRequest
0 голосов
/ 19 сентября 2018

Javascript:

$(document).ready(function(){
  let currentKey = {};
  let Player = {
        character: "<span class='player'>&times;</span>"
  };

  let World = {
      x: 1,
      y: 3,
      map: [
        [0,0,0,0,0,0,0,0,0],
        [0,0,0,0,0,0,0,0,0],
        [0,0,0,0,0,0,0,0,0]]
        ,

      drawMap: function(){
        var grid = "<table align='center'>";
        for(var i = 0; i < this.map.length; i++) {
          grid += "<tr>";
          for(var j = 0; j < this.map[i].length; j++){
            grid += `<td class='square' data-x="${this.map[i]}">`;
              this.map[World.x][World.y] = Player.character;
              if(this.map[i][j] !== 0){
                 grid += this.map[i][j];
              }
            grid += "</td>";
          }
          grid += "</tr>";
        }
          grid += "</table>";
        $('#map').append(grid);
      }
  };

    World.drawMap();

    $('.square').click(function(){
       console.log(World.x);
    });
});

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

<html>
<head>
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript">
    </script>

<link rel="stylesheet" type="text/css" href="css/style.css">
<link href='https://fonts.googleapis.com/css?family=Roboto:400,300italic,300,100italic,100,400italic,500,500italic,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,300italic' rel='stylesheet' type='text/css'>
</head>
<body>

    <div id='map'>
    </div>

    <div class="console">
        <span>Command: Player has click coordinate [0][2] 2:25PM</span>
    </div>



</body>
</html>

Я хотел бы получить координаты [x] [y] в зависимости от того, на каком квадрате вы щелкнете.После этого я бы хотел переместить Player.character в это место соответственно.Таким образом, человек перемещается туда, куда вы щелкаете.

Я легко достиг этого раньше в PHP, и я могу перемещать игроков по сетке на основе координат.Я потерял, как сделать это в Javascript.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...