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++)