如何绘制多个图像并将其分配给玩家。[html5 canvas]

Question

你好我希望当玩家连接到游戏时，客户端每次有人连接时为他们绘制图像并以某种方式分配给他们当他们移动其他人时可以看到该玩家图像正好移动。

这是我的代码：

播放器连接服务器时

socket.on('connected', function(data)
{
    if(username != data.username)
    {
    newplayer = true;
    newplayername = data.username;
    playerdirection = data.playerdirection;
    playerframe = data.playerframe;
    }
});

然后客户为他绘制图像：

var playerimage = new Image();
playerimage.src = "images/player.png";

if(newplayer == true)
{
ctx.drawImage(playerimage, playerframe, playerdirection, 96/3, 128/4, playerx, playery, 96/3, 128/4);
}

我想让每个玩家拥有自己的玩家和玩家自己的形象，因为每个玩家只有整体形象...（所有玩家控制一个图像）