43、HTML5 Canvas 多人应用开发与探索

HTML5 Canvas 多人应用开发与探索

1. 多人聊天应用开发

在多人聊天应用开发中，我们需要处理消息显示和服务器连接等多个方面的内容。

首先，定义了两个变量， starty 初始化为 15， maxMessages 设为 22。这两个变量在后续消息显示时会起到重要作用。如果消息数组长度超过 maxMessages ，我们只显示最新的 22 条消息。为了找到这些消息，我们会设置一个新变量 starti ，其值为 statusMessages 数组长度减去 maxMessages ，这样就能得到要显示的第一条消息在数组中的索引。对于 chatMessages 数组，我们也进行同样的操作。

以下是相关代码：

var starty = 15;
var maxMessages = 22;
//status box
context.strokeStyle = '#000000';
context.strokeRect(345,  10, 145, 285);
var starti = 0;
if (statusMessages.length > maxMessages) {
    starti = (statusMessages.length) - maxMessages;
}
for (var i = starti;i< statusMessages.length;i++)