Question

我正在使用带有Socket.io的Nodejs制作一个回合制游戏。

每次转弯必须在按下“通过”按钮或转弯开始后经过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);
  });
});

玩家连接到服务器后，我将它们推入阵列，只有点击客户端的按钮，才可以通过第一个连接的玩家请求启动游戏（你可以修改它）
如果你看一下pass_turn事件，只有当前玩家可以触发事件，这意味着其他玩家被阻挡了5秒钟，
如果任何玩家断开连接，我们会将他从阵列中移除并减少索引。
如果通过5秒或玩家按下客户端的按钮，则触发next_turn功能。
triggerTimeout函数用于计算5秒，5秒后触发next_turn函数转动下一个玩家。
当当前播放器按下客户端的按钮时，会触发resetTimeout功能。时间重置并立即转向下一位玩家

客户

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

打开服务器，打开3~4个浏览器并尝试

在回合制游戏中使用socket.io和Nodejs进行转弯

1 个答案: