{"id":351745,"date":"2024-05-20T21:54:46","date_gmt":"2024-05-20T21:54:46","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=351745"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=351745","title":{"rendered":"\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043c\u0443\u043b\u044c\u0442\u0438\u043f\u043b\u0435\u0435\u0440\u043d\u043e\u0439 \u0438\u0433\u0440\u044b \u043d\u0430 Dart+Flutter.\u00a0\u0427\u0430\u0441\u0442\u044c 2<\/span>"},"content":{"rendered":"
<\/div>\n
\n
\n
\n
\n

\u0412\u0441\u0435\u043c \u043f\u0440\u0438\u0432\u0435\u0442. \u042d\u0442\u043e \u0432\u0442\u043e\u0440\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043c\u0443\u043b\u044c\u0442\u043f\u043b\u0435\u0435\u0440\u043d\u043e\u0439 \u0438\u0433\u0440\u044b. \u041f\u0435\u0440\u0432\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u0437\u0434\u0435\u0441\u044c<\/a><\/p>\n

\u0415\u0441\u043b\u0438 \u0432\u0430\u0441 \u043d\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0443\u0435\u0442 \u0441\u0442\u0430\u0442\u044c\u044f, \u0430 \u043d\u0443\u0436\u0435\u043d \u0442\u043e\u043b\u044c\u043a\u043e \u043a\u043e\u0434, \u0442\u043e \u043e\u043d \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u0442\u0443\u0442<\/a><\/p>\n

\u0412 \u043f\u0440\u043e\u0448\u043b\u044b\u0439 \u0440\u0430\u0437 \u043c\u044b \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043b\u0438\u0441\u044c \u043d\u0430 \u0442\u043e\u043c \u0447\u0442\u043e \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u043b\u0438 \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u0443\u044e \u0447\u0430\u0441\u0442\u044c. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u0435\u0440\u0435\u0439\u0434\u0435\u043c \u043a \u043a\u043b\u0438\u0435\u043d\u0442\u0443<\/p>\n

\u041a\u043b\u0438\u0435\u043d\u0442<\/h2>\n

\u0417\u0430 \u043a\u043b\u0438\u0435\u043d\u0442 \u0443 \u043d\u0430\u0441 \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u0432\u0435\u0447\u0430\u0442\u044c \u0441\u0432\u044f\u0437\u043a\u0430 flutter<\/a>+flame<\/a>.<\/p>\n

Flutter \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u0432\u0435\u0447\u0430\u0442\u044c \u0437\u0430 \u043c\u0443\u043b\u044c\u0442\u0438\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0443, \u0430 flame — \u0438\u0433\u0440\u043e\u0432\u043e\u0439 \u0434\u0432\u0438\u0436\u043e\u043a. \u0427\u0435\u0441\u0442\u043d\u043e \u0433\u043e\u0432\u043e\u0440\u044f, \u0438\u0433\u0440\u0430 \u043e\u0447\u0435\u043d\u044c \u043f\u0440\u043e\u0441\u0442\u0430\u044f \u0438 \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0431\u044b \u043e\u0431\u043e\u0439\u0442\u0438\u0441\u044c \u0442\u043e\u043b\u044c\u043a\u043e flutter<\/code>, \u043d\u043e \u0442\u0430\u043a \u043a\u0430\u043a \u044d\u0442\u043e pet project \u0438 \u0432\u043e\u043e\u0431\u0449\u0435 \u043c\u044b \u0443\u0447\u0438\u043c\u0441\u044f, \u043f\u043e\u0447\u0435\u043c\u0443 \u0431\u044b \u043d\u0435 \u043f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u0442\u044c \u0437\u0430\u043e\u0434\u043d\u043e \u0438 flame<\/code>?<\/p>\n

\u041d\u0430\u0447\u043d\u0435\u043c \u0441 \u0441\u0430\u043c\u043e\u0433\u043e \u043f\u0440\u043e\u0441\u0442\u043e\u0433\u043e — \u0441 \u0438\u0433\u0440\u043e\u0432\u043e\u0433\u043e \u043f\u043e\u043b\u044f. \u0423 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u043f\u043e\u043b\u0435 — \u0432 \u043d\u0435\u043c \u0442\u0440\u0438 \u043a\u0432\u0430\u0434\u0440\u0430\u0442\u0430 \u043f\u043e \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u0438 \u0438 \u043f\u044f\u0442\u044c \u043f\u043e \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u0438:<\/p>\n

\"\u0438\u0433\u0440\u043e\u0432\u043e\u0435<\/p>\n
\u0438\u0433\u0440\u043e\u0432\u043e\u0435 \u043f\u043e\u043b\u0435<\/figcaption><\/div>\n<\/figure>\n

\u0412 \u043f\u0430\u043f\u043a\u0435 lib<\/code> \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u043f\u0430\u043f\u043a\u0443 client<\/code>, \u0432 \u043d\u0435\u0439 \u043f\u0430\u043f\u043a\u0443 ui<\/code> \u0438 \u0432 \u043d\u0435\u0439 \u0444\u0430\u0439\u043b grid.dart<\/code><\/p>\n

\ngrid.dart<\/summary>\n
\n
import 'dart:async'; import 'dart:ui'; import 'package:flame\/components.dart';  import '..\/client_constants.dart'; import '..\/my_game.dart';  class Grid extends PositionComponent with HasGameRef<MyGame> {   late double cellSize;    late double xStartOffset;    @override   FutureOr<void> onLoad() {     cellSize = calculateCellSize(gameRef.canvasSize.x, gameRef.canvasSize.y);     xStartOffset = gameRef.canvasSize.x \/ 2 - cellSize * 1.5;     return super.onLoad();   }    @override   void onGameResize(Vector2 size) {     cellSize = calculateCellSize(size.x, size.y);     xStartOffset = size.x \/ 2 - cellSize * 1.5;     super.onGameResize(size);   }    @override   void render(Canvas canvas) {     const Color color = Color(ClientConstants.gridColor);     for (int i = 0; i <= 3; i++) {       canvas.drawLine(           Offset(xStartOffset + i * cellSize, 0),           Offset(xStartOffset + i * cellSize, cellSize * 5),           Paint()..color = color);     }     for (int i = 1; i <= 5; i++) {       canvas.drawLine(           Offset(xStartOffset, cellSize * i),           Offset(xStartOffset + cellSize * 3, cellSize * i),           Paint()..color = color);     }     super.render(canvas);   }    double calculateCellSize(double x, double y) {     return y \/ 5 <= x \/ 3 ? y \/ 5 : x \/ 3;   } }<\/code><\/pre>\n<\/p>\n<\/div>\n<\/details>\n
\u0412\u0437\u0433\u043b\u044f\u043d\u0435\u043c \u043d\u0430 \u043a\u043e\u0434: \u043f\u0435\u0440\u0432\u043e\u0435 \u0447\u0442\u043e \u0431\u0440\u043e\u0441\u0430\u0435\u0442\u0441\u044f \u0432 \u0433\u043b\u0430\u0437\u0430 — import '..\/my_game.dart'<\/code> \u0438 \u043a\u0430\u043a\u0438\u0445-\u0442\u043e \u043d\u043e\u0432\u044b\u0445 \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442 import '..\/client_constants.dart'<\/code> . \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u043f\u0440\u043e\u0441\u0438\u0442\u044c \u0437\u0430\u0447\u0435\u043c \u043d\u0430\u043c \u043d\u043e\u0432\u044b\u0439 \u0444\u0430\u0439\u043b \u0441 \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u0430\u043c\u0438, \u0435\u0441\u043b\u0438 \u0443 \u043d\u0430\u0441 \u0443\u0436\u0435 \u0435\u0441\u0442\u044c \u043e\u0434\u0438\u043d? \u041e\u0442\u0432\u0435\u0442 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0441\u0442 — \u0432 \u044d\u0442\u0438\u0445 \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u0430\u0445 \u0443 \u043d\u0430\u0441 \u0431\u0443\u0434\u0443\u0442 \u0446\u0432\u0435\u0442\u0430, \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u0438 \u0444\u0438\u0433\u0443\u0440 \u043d\u0430 \u043f\u043e\u043b\u0435 \u0438 \u0432\u0441\u0435 \u043f\u0440\u043e\u0447\u0435\u0435 \u0447\u0442\u043e \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043a \u043a\u043b\u0438\u0435\u043d\u0442\u0443. \u041a\u0440\u043e\u043c\u0435 \u0442\u043e\u0433\u043e, \u0446\u0432\u0435\u0442\u0430 \u043c\u044b \u0431\u0435\u0440\u0435\u043c \u0438\u0437 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 flutter\/material.dart<\/code>, \u0430 \u043e\u043d\u0430 \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0435 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u0432 dart \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043d\u0430\u043f\u0438\u0441\u0430\u043d \u0441\u0435\u0440\u0432\u0435\u0440. \u041e my_game.dart<\/code> \u043c\u044b \u043f\u043e\u0433\u043e\u0432\u043e\u0440\u0438\u043c \u043f\u043e\u0437\u0436\u0435. <\/p>\n
\u0412\u0437\u0433\u043b\u044f\u043d\u0435\u043c \u043d\u0430 \u043a\u043e\u0434 \u0434\u0430\u043b\u044c\u0448\u0435. \u0422\u0443\u0442 \u0435\u0441\u0442\u044c \u0441\u0442\u0440\u043e\u0447\u043a\u0430<\/p>\n
class Grid extends PositionComponent with HasGameRef<MyGame><\/code><\/pre>\n
\u041e\u043d\u0430 \u0433\u043e\u0432\u043e\u0440\u0438\u0442 \u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u043c: Grid — \u044d\u0442\u043e \u043e\u0431\u044a\u0435\u043a\u0442 \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0438\u043c\u0435\u0435\u0442 \u0441\u0432\u043e\u044e \u043f\u043e\u0437\u0438\u0446\u0438\u044e \u0432 \u0438\u0433\u0440\u0435 (PositionComponent<\/code> \u0438\u0437 \u043f\u0430\u043a\u0435\u0442\u0430 flame<\/code>), \u0430 HasGameRef<MyGame><\/code> \u0433\u043e\u0432\u043e\u0440\u0438\u0442 \u043e \u0442\u043e\u043c, \u0447\u0442\u043e \u043c\u044b \u0445\u043e\u0442\u0438\u043c \u0438\u043c\u0435\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u0438\u043d\u0441\u0442\u0430\u043d\u0441\u0443 \u0441\u0430\u043c\u043e\u0439 \u0438\u0433\u0440\u044b \u0432\u043d\u0443\u0442\u0440\u0438 \u043d\u0430\u0448\u0435\u0433\u043e \u043e\u0431\u044a\u0435\u043a\u0442\u0430. \u0414\u043e\u0441\u0442\u0443\u043f \u043a \u0438\u043d\u0441\u0442\u0430\u043d\u0441\u0443 \u0438\u0433\u0440\u044b \u043d\u0430\u043c \u043d\u0443\u0436\u0435\u043d \u0447\u0442\u043e\u0431\u044b \u0440\u0435\u0430\u0433\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0430 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0440\u0430\u0437\u043c\u0435\u0440\u0430 \u043e\u043a\u043d\u0430 \u0438\u0433\u0440\u044b. \u0412\u0437\u0433\u043b\u044f\u043d\u0435\u043c \u043d\u0430 \u043c\u0435\u0442\u043e\u0434 onLoad<\/code> — \u0437\u0434\u0435\u0441\u044c \u0432 \u0441\u0442\u0440\u043e\u043a\u0430\u0445<\/p>\n
cellSize = calculateCellSize(gameRef.canvasSize.x, gameRef.canvasSize.y); xStartOffset = gameRef.canvasSize.x \/ 2 - cellSize * 1.5;<\/code><\/pre>\n
\u043c\u044b \u0432\u044b\u0441\u0447\u0438\u0442\u044b\u0432\u0430\u0435\u043c \u0440\u0430\u0437\u043c\u0435\u0440 \u044f\u0447\u0435\u0435\u043a \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0431\u0443\u0434\u0435\u043c \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0442\u043e\u0433\u043e \u043a\u0430\u043a\u043e\u0439 \u0440\u0430\u0437\u043c\u0435\u0440 \u043e\u043a\u043d\u0430 \u043f\u0440\u0438 \u043e\u0442\u043a\u0440\u044b\u0442\u0438\u0438 \u0438\u0433\u0440\u044b.<\/p>\n
\u0412\u043e flame<\/code> \u0435\u0441\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043c\u0435\u0442\u043e\u0434\u043e\u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0438 onLoad<\/code> \u043e\u0434\u0438\u043d \u0438\u0437 \u043d\u0438\u0445. \u042d\u0442\u043e\u0442 \u043c\u0435\u0442\u043e\u0434 \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u0435\u0440\u0432\u044b\u043c \u043f\u0440\u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0435 \u0438\u0433\u0440\u044b. <\/p>\n
\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043c\u0435\u0442\u043e\u0434 onGameResize<\/code> \u043f\u043e\u0445\u043e\u0436 \u043d\u0430 onLoad<\/code> \u0438 \u043e\u043d \u0442\u0430\u043a \u0436\u0435 \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u043d\u0430\u043c \u0438\u0437 flame<\/code>. \u0421 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043d\u0435\u0433\u043e \u043c\u044b \u0440\u0435\u0430\u0433\u0438\u0440\u0443\u0435\u043c \u043d\u0430 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u0432 \u043e\u043a\u043d\u0430 \u0443\u0436\u0435 \u0432 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0435 \u0438\u0433\u0440\u044b.<\/p>\n
\u0412 \u043c\u0435\u0442\u043e\u0434\u0435 render<\/code> \u043c\u044b \u0440\u0438\u0441\u0443\u0435\u043c \u043d\u0430\u0448\u0443 \u0441\u0435\u0442\u043a\u0443. \u041f\u043e \u0441\u0443\u0442\u0438 \u044d\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e 8 \u043b\u0438\u043d\u0438\u0439 — 4 \u043f\u043e \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u0438 \u0438 4 \u043f\u043e \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u0438. \u0412 \u0438\u0442\u043e\u0433\u0435 \u0443 \u043d\u0430\u0441 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0441\u044f \u0432\u043e\u0442 \u0442\u0430\u043a\u0430\u044f \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430:<\/p>\n
\"\u0438\u0433\u0440\u043e\u0432\u043e\u0435<\/p>\n
\u0438\u0433\u0440\u043e\u0432\u043e\u0435 \u043f\u043e\u043b\u0435<\/figcaption><\/div>\n<\/figure>\n
\u0421 \u0441\u0435\u0442\u043a\u043e\u0439 \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u043b\u0438\u0441\u044c.<\/p>\n
\u0412 \u043f\u0430\u043f\u043a\u0435 client<\/code> \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0444\u0430\u0439\u043b client_constants.dart<\/code> \u0438 \u043d\u0430\u043f\u0438\u0448\u0435\u043c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435:<\/p>\n
\nclient_constants.dart<\/summary>\n
\n
import 'package:flutter\/material.dart';  import '..\/common\/constants.dart'; import '..\/entity\/figure.dart'; import '..\/entity\/figure_type.dart';  abstract class ClientConstants {   static const int gridColor = 0xfff7f1e3;   static const Color backgoundColor = Color.fromARGB(255, 134, 198, 138);   static const Map<int, MaterialColor> colorMap = {0: Colors.green, 1: Colors.red, 2: Colors.blue};   static const Figure noneFigure = Figure(FigureType.none, 0, Constants.fakeCellId);   static const double smallFigureDevider = 5;   static const double mediumFigureDevider = 3;   static const double largeFigureDevider = 2.1;   static const Color textColor = Colors.white;   static const double fontSize = 24.0; }<\/code><\/pre>\n<\/p>\n<\/div>\n<\/details>\n
\u0422\u0443\u0442 \u0432\u0441\u0435 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043e\u0447\u0435\u0432\u0438\u0434\u043d\u043e.<\/p>\n
\u0420\u0430\u0437 \u0443\u0436 \u043c\u044b \u043d\u0430\u0447\u0430\u043b\u0438 \u0441 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0435\u0439 \u0438\u0433\u0440\u044b, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0435\u0435 \u0438 \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u043c. \u0423 \u043a\u043b\u0438\u0435\u043d\u0442\u0430 \u0431\u0443\u0434\u0435\u0442 \u0441\u0432\u043e\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f board<\/code>. \u0414\u0430, \u0431\u043e\u043b\u044c\u0448\u0443\u044e \u0447\u0430\u0441\u0442\u044c \u043c\u044b \u0441\u043c\u043e\u0436\u0435\u043c \u043f\u043e\u0437\u0430\u0438\u043c\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u0438\u0437 \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u0438, \u043d\u043e \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0435 \u043d\u0435\u0442 \u043d\u0438 \u0440\u0435\u043d\u0434\u0435\u0440\u0430, \u043d\u0438 \u0440\u0438\u0441\u043e\u0432\u0430\u043d\u0438\u044f \u0444\u0438\u0433\u0443\u0440. \u041f\u043e\u0442\u043e\u043c\u0443 \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0432 \u043f\u0430\u043f\u043a\u0435 ui<\/code> \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0444\u0430\u0439\u043b client_board.dart<\/code> \u0438 \u043d\u0430\u043f\u0438\u0448\u0435\u043c \u0442\u0430\u043c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435:<\/p>\n
\nclient_board.dart<\/summary>\n
\n
import 'package:flame\/components.dart'; import 'package:flutter\/material.dart';  import '..\/..\/entity\/board.dart'; import '..\/..\/entity\/figure.dart'; import '..\/..\/entity\/figure_type.dart'; import '..\/client_constants.dart'; import 'grid.dart';  class ClientBoard extends PositionComponent {      Grid grid = Grid();   Board board = Board(<Figure>[]);    @override   void render(Canvas canvas) {     for (final Figure figure in board.figures) {       switch (figure.figureType) {         case FigureType.small:           drawFigure(ClientConstants.smallFigureDevider, figure, canvas);           break;         case FigureType.medium:           drawFigure(ClientConstants.mediumFigureDevider, figure, canvas);           break;         case FigureType.large:           drawFigure(ClientConstants.largeFigureDevider, figure, canvas);           break;         case FigureType.none:           break;       }     }     grid.render(canvas);     super.render(canvas);   }    void drawFigure(double devider, Figure figure, Canvas canvas) {     final Offset cellCenter = cellCenterById(figure.cellId);     canvas.drawCircle(         cellCenter, grid.cellSize \/ devider, Paint()..color = ClientConstants.colorMap[figure.color]!);     switch (figure.cellId) {       case 0:       case 1:       case 2:       case 12:       case 13:       case 14:         final int count = board.figures             .where((Figure element) => element.cellId == figure.cellId)             .toList()             .length;         final TextSpan span = TextSpan(             style: const TextStyle(color: ClientConstants.textColor, fontSize: ClientConstants.fontSize),             text: 'x${count.toString()}');         final TextPainter tp = TextPainter(             text: span,             textAlign: TextAlign.center,             textDirection: TextDirection.ltr);         tp.layout();         tp.paint(canvas,             Offset(cellCenter.dx - ClientConstants.fontSize \/ 2, cellCenter.dy - ClientConstants.fontSize \/ 2));     }   }    Offset cellCenterById(int cellId) {     final int xFactor = cellId % 3;     final int yFactor = cellId ~\/ 3;     return Offset(         xFactor * grid.cellSize + (grid.cellSize \/ 2) + grid.xStartOffset,         yFactor * grid.cellSize + (grid.cellSize \/ 2));   }    int cellIdByCoordinates(Vector2 coordinates) {     final int x = (coordinates.x - grid.xStartOffset) ~\/ grid.cellSize;     final int y = coordinates.y ~\/ grid.cellSize;     return y * 3 + x;   }    Figure getFigureByCellId(int cellId) =>       board.figures.firstWhere((Figure figure) => figure.cellId == cellId,           orElse: () => ClientConstants.noneFigure); }<\/code><\/pre>\n<\/p>\n<\/div>\n<\/details>\n
\u041a\u0430\u043a \u0432\u0438\u0434\u043d\u043e \u043f\u043e \u0438\u043c\u043f\u043e\u0440\u0442\u0430\u043c:<\/p>\n
import '..\/..\/entity\/board.dart'; import '..\/..\/entity\/figure.dart'; import '..\/..\/entity\/figure_type.dart';<\/code><\/pre>\n
\u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0442\u043e\u0442 \u0436\u0435 \u043a\u043e\u0434 \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0438\u0441\u0430\u043b\u0438 \u0434\u043b\u044f \u0441\u0435\u0440\u0432\u0435\u0440\u0430. \u042d\u0442\u043e \u043e\u0447\u0435\u043d\u044c \u0443\u0434\u043e\u0431\u043d\u043e \u043f\u0438\u0441\u0430\u0442\u044c \u0438 \u0441\u0435\u0440\u0432\u0435\u0440 \u0438 \u043a\u043b\u0438\u0435\u043d\u0442 \u043d\u0430 \u043e\u0434\u043d\u043e\u043c \u0438 \u0442\u043e\u043c \u0436\u0435 \u044f\u0437\u044b\u043a\u0435 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f. \u041f\u0440\u043e\u0439\u0434\u0435\u043c\u0441\u044f \u043f\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u043c \u043a\u043b\u0430\u0441\u0441\u0430:<\/p>\n