Question

我找到了这个game，它在画布上运行。

如何在同一个位置（1个画布中）有2个字符？

他们可能每秒都会像这样更新游戏角色：

context.clearRect(0, 0, width, height);
for (i=0;i<players.lenght;i++){
   context.drawImage(player, player[i][x], player[i][y]);
}

使用此代码，如果2名玩家拥有相同的位置，则1名玩家将不可见..

有没有更好的方法来吸引所有球员？

Answer 1

仅仅因为玩家可能在同一个游戏中，并不意味着他们看到相同的视图:)（想想你在网上玩过的任何FPS游戏）

但是，您的假设是有效的。我添加到示例代码中的代码只是将您的播放器添加为阵列中的最后一个播放器，这意味着您将始终在您的游戏中显示为顶部（无论是否有2或10个玩家）

context.clearRect(0, 0, width, height);

// Move your player to the top
for (i=0;i<players.lenght;i++){
    if (players.isYou()) {
        var you = players.splice(i, 1);
        players.push(you);
    }
}

for (i=0;i<players.lenght;i++){
    context.drawImage(player, player[i][x], player[i][y]);
}

HTML画布中重叠的精灵

1 个答案: