javascript - 在回合制游戏中使用 socket.io 和 Nodejs 传递回合

Question

我正在使用 Nodejs 和 Socket.io 制作一款回合制游戏。

每当按下“通过”按钮或在回合开始后 5 秒过去时，每个回合都必须结束。无论哪个先发生，都必须触发“通过”事件。

即使不是当前玩家回合，我的当前计数器也会一直循环，并且在某些情况下它会提前结束回合。

我对应该使用什么逻辑来让轮流正常工作有疑问。

我的客户端有这个功能

//Pressing "Pass" button
$('#pass_turn').on('click', function(){
    socket.emit('pass_turn');

    $('#your_turn').hide();
    $('#not_turn').show();
});

//This runs everytime the server tells the player its their turn
socket.on('your_turn', function() {
    $('#your_turn').show();
    $('#not_turn').hide();

    var counter = 0;
    var interval = setInterval(function() {
        counter++;

        if (counter == 5) {
            console.log('pass_turn');
            clearInterval(interval);
            $('#pass_turn').trigger("click");
        }
    }, 1000);
});

这是我的服务器端代码:

socket.on('pass_turn', function () {
    var room = socket.rooms;

    for(var item in socket.rooms){
        if(item.substring(0, 7) == 'room_0.'){
            //if conditions met, emit turn to opponent
            socket.broadcast.to(item).emit('your_turn');
        }
    }
});

Answer 1

我用我的方式实现了你的逻辑。
我有一个数组来存储每个连接的玩家(套接字)
这将用于跟踪当前轮到哪个玩家并向玩家发出事件。

服务器端

   let players = [];
   let current_turn = 0;
   let timeOut;
   let _turn = 0;
   const MAX_WAITING = 5000;

   function next_turn(){
      _turn = current_turn++ % players.length;
      players[_turn].emit('your_turn');
      console.log("next turn triggered " , _turn);
      triggerTimeout();
   }

   function triggerTimeout(){
     timeOut = setTimeout(()=>{
       next_turn();
     },MAX_WAITING);
   }

   function resetTimeOut(){
      if(typeof timeOut === 'object'){
        console.log("timeout reset");
        clearTimeout(timeOut);
      }
   }

 io.on('connection', function(socket){
  console.log('A player connected');

  players.push(socket);
  socket.on('pass_turn',function(){
     if(players[_turn] == socket){
        resetTimeOut();
        next_turn();
     }
  })

  socket.on('disconnect', function(){
    console.log('A player disconnected');
    players.splice(players.indexOf(socket),1);
    _turn--;
    console.log("A number of players now ",players.length);
  });
});

1. 玩家连接到服务器后，我将他们推送到数组中，只有第一个连接的玩家通过点击客户端的按钮请求开始游戏(你可以修改这个)。

2. 如果你看 pass_turn 事件，只有当前玩家可以触发事件，这意味着其他玩家被阻止 5 秒，

3. 如果任何玩家断开连接，我们将他从数组中移除并同时减少索引。

4. 如果经过 5 秒或玩家按下客户端的按钮，则触发 next_turn 函数。

5. triggerTimeout函数用于计时5秒，5秒后触发next_turn函数轮到下一个玩家。

6. 当当前玩家在客户端按下按钮时，会触发 resetTimeout 函数。时间重置并立即轮到下一位玩家

客户端

 <button type="button" id="turn" name="button">Next Turn</button>
 $("#turn").on("click",function(e){
     socket.emit('pass_turn');
 })

打开你的服务器，打开3~4个浏览器试试

祝你好运:)