在 socket.io 中游戏完成后获取房间内所有用户的分数

Question

我正在开发一款多人游戏，其中有四个房间，每个房间都有多个正在玩游戏的客户。完成游戏后，我想将所有用户的分数发送到服务器，将其存储在数组中，进行比较并希望返回获胜者的姓名。那么，在完成游戏后，我怎样才能得到房间里所有用户的分数。

var delayInMilliseconds = 2000;
var hit = 0;

$('#hit').click(function() 
{
  hit++;
});

var modal = document.getElementById('myModal');
var btn = document.getElementsByClassName("common");
var span = document.getElementsByClassName("close")[0];

setTimeout(function() 
{
    var seconds_left = 15;
    var interval = setInterval(function() 
    {
        document.getElementById('timer').innerHTML = --seconds_left;
        if (seconds_left <= 0)
        {
            // document.getElementById('timer').innerHTML = "Time's up!";
            clearInterval(interval);
          console.log(hit);
          $('#hit').attr("disabled", true);
          $('#score').html(hit);
          modal.style.display = "block";

        }
    }, 1000);
}, delayInMilliseconds);

上面是游戏的客户端代码，游戏会在15秒后完成，所以我的想法是我可以将数据发送到if(seconds_left <= 0)，但是我怎样才能得到房间里所有客户端的分数。

Answer 1

首先，您必须以某种方式识别用户。让我们将它们保存到名为 users 的对象中，其中包含 key userName 和 value score。就像这样：var users = { user1: 12, user2: 9 };.
比我们必须将此数据发送到服务器。我们可以像官方socket.io documentation的例子那样做

<script>
  var socket = io('http://localhost');
  socket.on('connection', function () {
    console.log('Socket connected');
  });

  // here is your code to handle users actions. 
  // When the game is finished, you do it like this
  socket.emit('game finished', users);
</script>

在服务器端，您可以使用要解析的数据侦听 game finished 事件。

此外，您可以使用ajax 向服务器发出请求以处理分数数据，您可以阅读有关jQuery implementation 或native JS 的信息