vimp-engine 0.21.0 → 0.22.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vimp-engine",
-  "version": "0.21.0",
+  "version": "0.22.1",
   "description": "VIMP — движок-приложение (мастер, P2P-транспорт, Worker-хост, мета, MVC-каркас клиента)",
   "license": "MIT",
   "repository": {

package/src/client/components/model/Chat.js

@@ -51,7 +51,8 @@ export default class ChatModel {
 
   // обновляет чат-лист. Данные могут быть 2-х видов:
   // - в виде строки '<группа шаблонов>:<номер шаблона>:<параметры>'
-  // - в виде массива [<текст сообщения>,<имя автора>,<тип для класса>]
+  // - в виде массива [<текст сообщения>,<имя автора>,<тип для класса>,
+  //   <цвет ника>?]
   updateChat(arr) {
     // если данные - строка
     if (typeof arr === 'string') {

package/src/client/components/view/Chat.js

@@ -52,12 +52,20 @@ export default class ChatView {
     const text = message[0];
     const name = message[1] || 'System';
     const type = typeof message[2] === 'number' ? message[2] : '';
+    // цвет ника от игры (необязательный четвёртый элемент). CSS красит
+    // `:before` через var(--chat-name-color, <цвет команды>), поэтому без
+    // этого свойства строка выглядит ровно как раньше
+    const color = typeof message[3] === 'string' ? message[3] : '';
 
     line.id = `line_${id}`;
     line.className = `line${type}`;
     line.setAttribute('data-name', `${name}: `);
     line.textContent = text;
 
+    if (color) {
+      line.style.setProperty('--chat-name-color', color);
+    }
+
     this._chat.appendChild(line);
   }
 

package/src/client/style.css

@@ -396,20 +396,22 @@ body.hide-cursor {
   font-weight: bold;
 }
 
+/* --chat-name-color — цвет ника, который игра задала на конкретную строку
+   (ParticipantManager.setChatColor). Его нет — остаётся цвет команды */
 #chat-box .line:before {
-  color: #f00;
+  color: var(--chat-name-color, #f00);
 }
 
 #chat-box .line1:before {
-  color: #f56;
+  color: var(--chat-name-color, #f56);
 }
 
 #chat-box .line2:before {
-  color: #7ed;
+  color: var(--chat-name-color, #7ed);
 }
 
 #chat-box .line3:before {
-  color: #fe5;
+  color: var(--chat-name-color, #fe5);
 }
 
 #cmd {

package/src/host/HostGame.js

@@ -1042,7 +1042,7 @@ export default class HostGame {
       if (message.charAt(0) === '/') {
         this._commandProcessor.parseCommand(gameId, message);
       } else {
-        this._chat.push(message, user.name, user.teamId);
+        this._chat.push(message, user.name, user.teamId, user.chatColor);
       }
     }
   }

package/src/host/meta/core/RoundManager.js

@@ -218,9 +218,22 @@ class RoundManager {
   // `_startRound` раздавал бы точки респауна карты каталога, то есть исходного
   // размера, и расставлял всех по геометрии, которой в ядре уже нет
   // (`@vimp-games/snakes`, `src/host/ArenaScaler.js`).
+  //
+  // Подменяются ОБЕ копии, и это не удобство, а исправление: `sendMap`
+  // отдаёт подключающемуся `_currentMapData`, то есть карту каталога — и
+  // клиент рисовал геометрию, которой в ядре уже нет, пока игра сама не
+  // пришлёт ему MAP_DATA. Между этими двумя кадрами он видит чужую границу.
+  //
+  // `mapData` приходит в КЛИЕНТСКОМ виде (несмасштабированные координаты плюс
+  // `scale`) — это тот же объект, который игра рассылает через `sendMap`, —
+  // поэтому масштабирование делается здесь, ровно как в `_prepareMapData`.
+  // Отдать `_scaledMapData` клиенту напрямую нельзя: клиент масштабирует сам
+  // (`client/main.js`, applyMapData), и при `scale !== 1` карта была бы
+  // умножена дважды.
   overrideMapData(mapData) {
     if (mapData) {
-      this._scaledMapData = mapData;
+      this._currentMapData = mapData;
+      this._scaledMapData = scaleMapData(mapData);
     }
   }
 

package/src/host/meta/modules/chat/Chat.js

@@ -26,9 +26,15 @@ class Chat {
     delete this._userList[gameId];
   }
 
-  // добавляет сообщение
-  push(message, name, teamId) {
-    this._list.push([message, name, teamId]);
+  // добавляет сообщение. color ('#rrggbb') — цвет ника, который игра задала
+  // через ParticipantManager.setChatColor; без него четвёртого элемента в
+  // массиве нет вовсе, и провод игры, которая цвет не задаёт, не меняется
+  push(message, name, teamId, color) {
+    if (typeof color === 'string') {
+      this._list.push([message, name, teamId, color]);
+    } else {
+      this._list.push([message, name, teamId]);
+    }
   }
 
   // добавляет системное сообщение для всех

package/src/host/meta/player/Participant.js

@@ -7,6 +7,12 @@ class Participant {
     this.team = team;
     this.teamId = teamId;
     this.status = 'spectator'; // 'spectator' | 'active' | 'dead'
+
+    // цвет ника в чате ('#rrggbb') или null — тогда ник красит класс команды.
+    // Ставит его игра (ParticipantManager.setChatColor): движок не знает, чем
+    // игра различает игроков визуально, а команда для этого годится не всегда
+    // — в игре на одну команду все ники одного цвета
+    this.chatColor = null;
     // индекс точки респауна, занятой этим участником, или null. Раздаёт и
     // освобождает его RoundManager: размер команды для этого не годится —
     // он меняется на входах и выходах, а между попаданием в команду и

package/src/host/meta/player/ParticipantManager.js

@@ -149,6 +149,22 @@ class ParticipantManager {
     this._participants.delete(gameId);
   }
 
+  // задаёт цвет ника в чате: '#rgb'/'#rrggbb' или null (цвет команды).
+  // Единственный вход для игры — HostGame отдаёт это значение в chat.push,
+  // а клиентская view кладёт его инлайновой переменной на строку
+  setChatColor(gameId, color) {
+    const participant = this._participants.get(gameId);
+
+    if (!participant) {
+      return;
+    }
+
+    participant.chatColor =
+      typeof color === 'string' && /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i.test(color)
+        ? color
+        : null;
+  }
+
   get(gameId) {
     return this._participants.get(gameId);
   }