{"draftJsState":{"blocks":[{"data":{"image":{"id":"6a7630e8939a76052bfd68f1"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"1r4ka"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Привет, разработчики!","type":"unstyled","key":"9mm3d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":52,"style":"BOLD"}],"text":"Сегодня предлагаю написать классическую головоломку «Сокобан» на C++20 с\nиспользованием библиотеки SFML. На первый взгляд игра кажется совсем простой: есть человек, несколько ящиков и отмеченные клетки. Ходим по лабиринту, толкаем ящики — что здесь вообще может пойти не так?","type":"unstyled","key":"23uvd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"А пойти не так может многое.","type":"unstyled","key":"522nb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Ящик нельзя тянуть назад. Два ящика могут заблокировать друг друга. Один\nнеудачный толчок в угол способен сделать уровень непроходимым. Кроме того, нам понадобятся отмена хода, несколько уровней, плавная анимация, русский текст и нормальная структура проекта, которую не захочется переписать через неделю. Именно поэтому Sokoban — замечательный учебный проект. Здесь нет сложной физики и огромного количества графики, зато есть настоящие игровые правила, состояния, работа с картами и хороший повод отделить логику от отрисовки.","type":"unstyled","key":"3gk1u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В результате мы получим игру с тремя лабиринтами, счётчиком ходов, отменой\nдействий и аккуратным интерфейсом. Давайте разберём всё по порядку.","type":"unstyled","key":"babd2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Что мы будем использовать","type":"header-two","key":"b7flj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для проекта нам понадобятся:","type":"unstyled","key":"2cb9r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Visual Studio 2022 с компонентом «Разработка классических приложений на C++».","type":"ordered-list-item","key":"4rik8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"C++20.","type":"ordered-list-item","key":"74o62"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"SFML 2.6.1.","type":"ordered-list-item","key":"a88fa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Немного терпения — ящики иногда упрямее, чем компилятор.","type":"ordered-list-item","key":"1io95"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"У меня SFML установлена в каталоге:","type":"unstyled","key":"7sgfa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"C:/IT/SFML-2.6.1-windows-vc17-64-bit/SFML-2.6.1","type":"unstyled","key":"89uad"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вы можете использовать другой путь. Главное — правильно указать каталоги\ninclude и lib в Visual Studio либо передать SFML_DIR при настройке CMake.","type":"unstyled","key":"7ugb5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вспоминаем правила Sokoban","type":"header-two","key":"fnavp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Игрок перемещается по клетчатому полю в четырёх направлениях. Он может зайти на\nсвободную клетку, но не может проходить через стены.","type":"unstyled","key":"fp34p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если перед игроком стоит ящик, происходит дополнительная проверка:","type":"unstyled","key":"ep08"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"клетка за ящиком свободна — ящик можно толкнуть;","type":"unordered-list-item","key":"2oot0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"там стена или другой ящик — ход запрещён;","type":"unordered-list-item","key":"9d353"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"тянуть ящик на себя нельзя.","type":"unordered-list-item","key":"1clho"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Уровень завершён, когда каждый ящик находится на цели.","type":"unstyled","key":"btum3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Важно заметить одну вещь: игровое правило ничего не говорит о пикселях,\nспрайтах или sf::RectangleShape. Для него существуют только клетки, стены,\nящики и направление движения. Это наблюдение поможет нам правильно разделить\nпроект.","type":"unstyled","key":"8cjq9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Структура проекта","type":"header-two","key":"8jpmp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Я не советую складывать всё в один main.cpp. На первом уровне это ещё будет\nработать, но после добавления undo и интерфейса файл быстро превратится в\nсмесь условий, координат и вызовов window.draw().","type":"unstyled","key":"do7g7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Используем следующую структуру:","type":"unstyled","key":"7pc4u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Sokoban/\n├── src/\n│ ├── main.cpp\n│ ├── core/\n│ │ ├── Game.hpp\n│ │ ├── Game.cpp\n│ │ ├── GameConfig.hpp\n│ │ └── GameState.hpp\n│ ├── entities/\n│ │ ├── Cell.hpp\n│ │ ├── Board.hpp\n│ │ └── Board.cpp\n│ ├── levels/\n│ │ ├── LevelDefinition.hpp\n│ │ ├── LevelManager.hpp\n│ │ └── LevelManager.cpp\n│ ├── rendering/\n│ │ ├── SceneRenderer.hpp\n│ │ └── SceneRenderer.cpp\n│ ├── resources/\n│ │ ├── SystemFontLoader.hpp\n│ │ └── SystemFontLoader.cpp\n│ └── ui/\n│ ├── Hud.hpp\n│ └── Hud.cpp\n└── tests/\n └── SokobanTests.cpp","type":"unstyled","key":"cscoa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Здесь каждый класс решает одну задачу:","type":"unstyled","key":"aq9qh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Game связывает все системы и содержит главный цикл;","type":"unordered-list-item","key":"u3lg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Board знает правила Sokoban;","type":"unordered-list-item","key":"2l3fk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"LevelManager хранит карты и переключает уровни;","type":"unordered-list-item","key":"8ev85"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"SceneRenderer рисует лабиринт и игровые объекты;","type":"unordered-list-item","key":"d1r7i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Hud отвечает за текст и сообщения;","type":"unordered-list-item","key":"dr19a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"SystemFontLoader ищет установленный системный шрифт.","type":"unordered-list-item","key":"fbvs6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Самое важное — Board вообще не зависит от SFML. Его можно тестировать без\nокна, OpenGL-контекста и графики.","type":"unstyled","key":"ebvgn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создаём координату клетки","type":"header-two","key":"f7sja"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Начнём с самого маленького типа — координаты клетки.","type":"unstyled","key":"3o7ap"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Cell.hpp","type":"header-three","key":"6mqia"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"#pragma once\n\n#include \n\nstruct Cell {\n int x{0};\n int y{0};\n\n auto operator<=>(const Cell&) const = default;\n};\n\ninline Cell operator+(Cell left, Cell right) noexcept\n{\n return {left.x + right.x, left.y + right.y};\n}\n\nenum class Direction {\n Up,\n Down,\n Left,\n Right\n};\n\n[[nodiscard]] inline Cell directionOffset(Direction direction) noexcept\n{\n switch (direction) {\n case Direction::Up: return {0, -1};\n case Direction::Down: return {0, 1};\n case Direction::Left: return {-1, 0};\n case Direction::Right: return {1, 0};\n }\n return {};\n}","type":"unstyled","key":"2kdgk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Почему не sf::Vector2i? Потому что клетка относится к правилам игры, а не к\nSFML. Если однажды мы захотим сделать консольную версию или перенести проект на\nдругую библиотеку, доменную часть менять не придётся.","type":"unstyled","key":"et89a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Оператор сравнения нужен для хранения клеток в std::set. Оператор сложения\nпозволяет получить соседнюю клетку без постоянного ручного сложения x и y.","type":"unstyled","key":"9b6p0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Описываем уровень обычным текстом","type":"header-two","key":"ajdc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Карту удобно хранить как набор строк. Для этого создадим небольшую структуру.","type":"unstyled","key":"58nit"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"LevelDefinition.hpp","type":"header-three","key":"91akh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"#pragma once\n\n#include \n#include \n\nstruct LevelDefinition {\n std::wstring name;\n std::wstring subtitle;\n std::vector map;\n};","type":"unstyled","key":"9313f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Условимся использовать следующие символы:","type":"unstyled","key":"bisj5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"# стена\n@ игрок\n$ ящик\n. цель\n* ящик, уже стоящий на цели\n+ игрок, стоящий на цели\n свободный пол","type":"unstyled","key":"8b1rt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Например, первый лабиринт выглядит так:","type":"unstyled","key":"chpt4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"{\n L\"Лабиринт I\",\n L\"Развилка смотрителя\",\n {\n \"###########\",\n \"# # #\",\n \"# . # . #\",\n \"# ## # #\",\n \"# $ ##$ #\",\n \"## @ #\",\n \"# ### #\",\n \"# #\",\n \"###########\"\n }\n}","type":"unstyled","key":"32gtr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Такую карту легко читать прямо в исходном коде. Чтобы передвинуть стену или\nящик, не нужно высчитывать пиксельную позицию — достаточно изменить символ.","type":"unstyled","key":"2l4oj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Есть и обратная сторона: опечатка в карте может сломать уровень. Поэтому при\nзагрузке мы обязательно проверим одинаковую длину строк, количество игроков,\nчисло целей и замкнутую внешнюю стену.","type":"unstyled","key":"7i75n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сердце игры — класс Board","type":"header-two","key":"7ocj9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь создадим класс игрового поля. Он будет хранить стены, цели, ящики,\nпозицию игрока и историю ходов.","type":"unstyled","key":"5m1fo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для начала опишем результат одного движения:","type":"unstyled","key":"6nskj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"using CellSet = std::set;\n\nstruct MoveResult {\n bool moved{false};\n bool pushedBox{false};\n Cell playerFrom{};\n Cell playerTo{};\n std::optional boxFrom;\n std::optional boxTo;\n bool levelCompleted{false};\n};","type":"unstyled","key":"b8dej"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Можно было вернуть из move() обычный bool, но тогда отрисовка не знала бы,\nоткуда и куда переместился объект. MoveResult пригодится для плавной анимации\nи при этом не заставит Board заниматься графикой.","type":"unstyled","key":"22n9l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Board.hpp","type":"header-three","key":"bbjjm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"#pragma once\n\n#include \"entities/Cell.hpp\"\n#include \"levels/LevelDefinition.hpp\"\n\n#include \n#include \n#include \n\nusing CellSet = std::set;\n\nclass Board {\npublic:\n explicit Board(LevelDefinition definition);\n\n [[nodiscard]] MoveResult move(Direction direction);\n [[nodiscard]] MoveResult undo();\n void restart();\n\n [[nodiscard]] bool isComplete() const noexcept;\n [[nodiscard]] bool isWall(Cell cell) const noexcept;\n [[nodiscard]] bool hasBox(Cell cell) const noexcept;\n [[nodiscard]] bool isGoal(Cell cell) const noexcept;\n\n [[nodiscard]] Cell player() const noexcept;\n [[nodiscard]] const CellSet& walls() const noexcept;\n [[nodiscard]] const CellSet& goals() const noexcept;\n [[nodiscard]] const CellSet& boxes() const noexcept;\n\nprivate:\n struct Snapshot {\n Cell player;\n CellSet boxes;\n int moves{0};\n int pushes{0};\n };\n\n void parseAndValidate();\n\n LevelDefinition definition_;\n CellSet walls_;\n CellSet goals_;\n CellSet initialBoxes_;\n CellSet boxes_;\n Cell initialPlayer_{};\n Cell player_{};\n std::vector history_;\n int moves_{0};\n int pushes_{0};\n};","type":"unstyled","key":"9rfa3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В заголовке нет ни одного типа SFML. Именно этого мы и добивались.","type":"unstyled","key":"969ai"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Разбираем карту и проверяем ошибки","type":"header-two","key":"30lo1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В конструкторе сохраняем определение, разбираем символы и запускаем уровень:","type":"unstyled","key":"18o7u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Board::Board(LevelDefinition definition)\n : definition_(std::move(definition))\n{\n parseAndValidate();\n restart();\n}","type":"unstyled","key":"6rh8g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Основная часть разбора выглядит так:","type":"unstyled","key":"2cib5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"for (int y = 0; y < height_; ++y) {\n const auto& row = definition_.map[static_cast(y)];\n\n if (static_cast(row.size()) != width_) {\n throw std::invalid_argument(\n \"Every level row must have the same width\");\n }\n\n for (int x = 0; x < width_; ++x) {\n const char tile = row[static_cast(x)];\n const Cell cell{x, y};\n\n if (tile == '#') {\n walls_.insert(cell);\n }\n if (tile == '.' || tile == '*' || tile == '+') {\n goals_.insert(cell);\n }\n if (tile == '$' || tile == '*') {\n initialBoxes_.insert(cell);\n }\n if (tile == '@' || tile == '+') {\n initialPlayer_ = cell;\n ++playerCount;\n }\n }\n}","type":"unstyled","key":"e00sk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"После этого проверяем два важных условия:","type":"unstyled","key":"9203d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"if (playerCount != 1) {\n throw std::invalid_argument(\n \"Level must contain exactly one player\");\n}\n\nif (goals_.empty() || goals_.size() != initialBoxes_.size()) {\n throw std::invalid_argument(\n \"The number of boxes and goals must match\");\n}","type":"unstyled","key":"fng1k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Я также проверяю, что вся внешняя граница карты заполнена стенами. Без такой\nпроверки игрок может уйти за пределы массива, а это уже совсем другая игра —\nскорее побег со склада.","type":"unstyled","key":"bqj1f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Реализуем движение игрока и ящика","type":"header-two","key":"46bkp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь самая интересная часть. Метод move() должен проверить ход, сохранить\nсостояние для undo и только потом изменить позиции.","type":"unstyled","key":"8hnvq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Board::move()","type":"header-three","key":"3nrdk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"MoveResult Board::move(Direction direction)\n{\n const Cell next = player_ + directionOffset(direction);\n\n if (isWall(next)) {\n return {};\n }\n\n const bool pushesBox = hasBox(next);\n const Cell boxDestination = next + directionOffset(direction);\n\n if (pushesBox\n && (isWall(boxDestination) || hasBox(boxDestination))) {\n return {};\n }\n\n history_.push_back({player_, boxes_, moves_, pushes_});\n\n MoveResult result;\n result.moved = true;\n result.playerFrom = player_;\n result.playerTo = next;\n\n if (pushesBox) {\n boxes_.erase(next);\n boxes_.insert(boxDestination);\n ++pushes_;\n\n result.pushedBox = true;\n result.boxFrom = next;\n result.boxTo = boxDestination;\n }\n\n player_ = next;\n ++moves_;\n result.levelCompleted = isComplete();\n return result;\n}","type":"unstyled","key":"50d50"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Обратите внимание: снимок добавляется в history_ только после всех проверок.\nЕсли игрок нажал клавишу возле стены, состояние не изменилось, поэтому и\nотменять здесь нечего.","type":"unstyled","key":"fivhr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Порядок проверки простой:","type":"unstyled","key":"8sh2t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Находим соседнюю клетку.","type":"ordered-list-item","key":"ffant"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Останавливаемся, если это стена.","type":"ordered-list-item","key":"bm34e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Определяем, находится ли там ящик.","type":"ordered-list-item","key":"cthn9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для ящика проверяем следующую клетку.","type":"ordered-list-item","key":"9gptr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сохраняем снимок.","type":"ordered-list-item","key":"1gihr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Изменяем игровое состояние.","type":"ordered-list-item","key":"apcdn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Именно в этом методе живёт почти всё главное правило Sokoban.","type":"unstyled","key":"4q36o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Проверяем победу","type":"header-two","key":"4a9p1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Уровень считается завершённым, если каждый ящик находится в наборе целей:","type":"unstyled","key":"497jv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"bool Board::isComplete() const noexcept\n{\n return std::all_of(\n boxes_.begin(),\n boxes_.end(),\n [this](Cell box) {\n return goals_.contains(box);\n });\n}","type":"unstyled","key":"f0srk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Благодаря C++20 и методу contains() код читается почти как обычное\nпредложение: «все ящики содержатся среди целей».","type":"unstyled","key":"9r3gu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавляем отмену хода","type":"header-two","key":"a6o0i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Sokoban без undo может быть довольно беспощадным. Один неверный толчок — и\nприходится начинать уровень заново. Поэтому сохраним перед каждым успешным\nходом:","type":"unstyled","key":"2u1kf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"позицию игрока;","type":"unordered-list-item","key":"97qn7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"набор ящиков;","type":"unordered-list-item","key":"dvvr4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"число ходов;","type":"unordered-list-item","key":"fv7c9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"число толчков.","type":"unordered-list-item","key":"fp4pi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Само восстановление получается небольшим:","type":"unstyled","key":"4e39i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"MoveResult Board::undo()\n{\n if (history_.empty()) {\n return {};\n }\n\n const Snapshot snapshot = history_.back();\n history_.pop_back();\n\n MoveResult result = transitionTo(snapshot);\n player_ = snapshot.player;\n boxes_ = snapshot.boxes;\n moves_ = snapshot.moves;\n pushes_ = snapshot.pushes;\n return result;\n}","type":"unstyled","key":"7iiak"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Метод transitionTo() сравнивает текущий и предыдущий наборы ящиков. Так мы\nузнаём, двигался ли ящик при отмене, и можем анимировать его возвращение.","type":"unstyled","key":"4erh9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для трёх небольших уровней полная копия std::set вполне подходит. Если Вы\nсоздаёте огромную карту и храните тысячи ходов, можно перейти к компактным\nкомандам, но начинать проект с такой оптимизации точно не нужно.","type":"unstyled","key":"adjr1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Управляем уровнями","type":"header-two","key":"28qgo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Board отвечает за одну карту. Кампанией занимается LevelManager.","type":"unstyled","key":"1ultt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"LevelManager.hpp","type":"header-three","key":"3ihdb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"class LevelManager {\npublic:\n LevelManager();\n\n [[nodiscard]] MoveResult move(Direction direction);\n [[nodiscard]] MoveResult undo();\n\n void resetCurrentLevel();\n void restartCampaign();\n [[nodiscard]] bool loadNextLevel();\n [[nodiscard]] bool selectLevel(std::size_t index);\n\n [[nodiscard]] std::size_t currentLevelIndex() const noexcept;\n [[nodiscard]] std::size_t levelCount() const noexcept;\n [[nodiscard]] bool isLastLevel() const noexcept;\n [[nodiscard]] const Board& board() const noexcept;\n\nprivate:\n void createLevelDefinitions();\n void loadLevel(std::size_t index);\n\n std::vector definitions_;\n std::unique_ptr board_;\n std::size_t currentIndex_{0};\n};","type":"unstyled","key":"dttog"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"При загрузке создаём новый Board из определения:","type":"unstyled","key":"59tk0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"void LevelManager::loadLevel(std::size_t index)\n{\n if (index >= definitions_.size()) {\n throw std::out_of_range(\"Level index is out of range\");\n }\n\n currentIndex_ = index;\n board_ = std::make_unique(definitions_[currentIndex_]);\n}","type":"unstyled","key":"9nv6t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Менеджер не обрабатывает клавиатуру и ничего не рисует. Его задача — хранить\nуровни и активное поле. Чем меньше класс знает о соседях, тем проще его менять.","type":"unstyled","key":"3opu8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Разделяем игру и отрисовку","type":"header-two","key":"54d8c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь у нас есть полностью рабочая логика, но на экране пока ничего нет.","type":"unstyled","key":"do75j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Можно передать Board& в класс отрисовки и позволить ему делать всё подряд.\nНо тогда одна случайная строка в рендерере сможет переместить ящик. Лучше\nпередавать константную ссылку и небольшой снимок анимации:","type":"unstyled","key":"21evc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"struct SceneData {\n const Board& board;\n float totalTime{0.0f};\n float moveProgress{1.0f};\n const MoveResult* transition{nullptr};\n};","type":"unstyled","key":"b2mst"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"SceneRenderer рисует:","type":"unstyled","key":"8dagf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"фон;","type":"ordered-list-item","key":"d1tiq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"пол;","type":"ordered-list-item","key":"2pirg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"цели;","type":"ordered-list-item","key":"612sn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"стены;","type":"ordered-list-item","key":"2bn0r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"ящики;","type":"ordered-list-item","key":"bu05q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"игрока.","type":"ordered-list-item","key":"5475d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Позиция клетки преобразуется в пиксели только здесь:","type":"unstyled","key":"dbm1p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"sf::Vector2f SceneRenderer::cellPosition(\n const SceneLayout& layout,\n Cell cell)\n{\n return layout.boardOrigin\n + sf::Vector2f(\n static_cast(cell.x),\n static_cast(cell.y))\n * layout.cellSize;\n}","type":"unstyled","key":"akqcn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Получается полезная граница: Board оперирует клетками, а SceneRenderer —\nпикселями.","type":"unstyled","key":"egqq9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Делаем плавное движение","type":"header-two","key":"ch5ft"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Логика перемещает игрока сразу из одной клетки в другую. Это правильно:\nсостояние поля всегда однозначно. Но визуально резкие скачки выглядят не очень\nприятно.","type":"unstyled","key":"9lubr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для анимации сохраним MoveResult и время перехода:","type":"unstyled","key":"7goj2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"std::optional transition_;\nfloat animationElapsed_{0.0f};","type":"unstyled","key":"3m62o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Прогресс движения вычислим через smoothstep:","type":"unstyled","key":"e4ehb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"float Game::animationProgress() const noexcept\n{\n if (!transition_) {\n return 1.0f;\n }\n\n const float linear = std::clamp(\n animationElapsed_ / GameConfig::MoveAnimationDuration,\n 0.0f,\n 1.0f);\n\n return linear * linear * (3.0f - 2.0f * linear);\n}","type":"unstyled","key":"6sgcp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"После этого рендерер интерполирует координаты:","type":"unstyled","key":"7qajn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"sf::Vector2f interpolate(Cell from, Cell to, float amount)\n{\n return {\n static_cast(from.x)\n + static_cast(to.x - from.x) * amount,\n static_cast(from.y)\n + static_cast(to.y - from.y) * amount\n };\n}","type":"unstyled","key":"3s4q1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Игровое правило при этом не меняется. Board уже выполнил ход, а мы только\nпоказываем красивый переход.","type":"unstyled","key":"6cum5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Рисуем HUD отдельно","type":"header-two","key":"4uivk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Текстовый интерфейс лучше не смешивать со стенами и ящиками. Создадим снимок\nданных:","type":"unstyled","key":"42bh4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"struct HudData {\n std::size_t levelNumber{1};\n std::size_t levelCount{1};\n std::wstring levelName;\n std::wstring levelSubtitle;\n int moves{0};\n int pushes{0};\n bool boardComplete{false};\n bool showCompletion{false};\n GameState state{GameState::Playing};\n sf::FloatRect panel{};\n};","type":"unstyled","key":"d4ktu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь Hud не получает доступ к Game и не может менять уровень. Он знает\nтолько те значения, которые действительно нужны для текущего кадра.","type":"unstyled","key":"fusn1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Загружаем системный шрифт","type":"header-two","key":"bts98"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"С русским текстом иногда возникает знакомая проблема: окно работает, панели\nрисуются, а вместо букв появляются квадраты. Причина почти всегда в шрифте.","type":"unstyled","key":"845gq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Чтобы не хранить отдельный TTF-файл возле программы, найдём системный каталог\nWindows:","type":"unstyled","key":"6ple6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"std::filesystem::path SystemFontLoader::systemFontDirectory()\n{\n#ifdef _WIN32\n std::array buffer{};\n const UINT length = GetWindowsDirectoryW(\n buffer.data(),\n static_cast(buffer.size()));\n\n if (length > 0 && length < buffer.size()) {\n return std::filesystem::path(buffer.data()) / L\"Fonts\";\n }\n#endif\n return {};\n}","type":"unstyled","key":"86c6c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Затем пробуем известные шрифты с кириллицей:","type":"unstyled","key":"6gah5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"for (const wchar_t* filename : {\n L\"segoeui.ttf\",\n L\"tahoma.ttf\",\n L\"arial.ttf\",\n L\"calibri.ttf\",\n L\"verdana.ttf\"}) {\n result.push_back(windowsFonts / filename);\n}","type":"unstyled","key":"9p561"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В нашем случае загружается Segoe UI, который уже установлен в Windows. Если\nстандартные имена не найдены, можно пройти по каталогу Fonts и попробовать\nдругой TTF или OTF-файл.","type":"unstyled","key":"11pf3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Собираем всё в классе Game","type":"header-two","key":"8tta3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Game — координатор. Он создаёт окно, принимает события, обновляет анимацию и\nвызывает отрисовку.","type":"unstyled","key":"etn4o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Главный цикл выглядит привычно:","type":"unstyled","key":"1f78m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"void Game::run()\n{\n while (window_.isOpen()) {\n processEvents();\n\n const float deltaTime = std::min(\n frameClock_.restart().asSeconds(),\n GameConfig::MaximumDeltaTime);\n\n update(deltaTime);\n render();\n }\n}","type":"unstyled","key":"fsa6k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Обработка клавиши переводит код SFML в наше доменное направление:","type":"unstyled","key":"e9gst"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"if (key == sf::Keyboard::Up || key == sf::Keyboard::W) {\n movePlayer(Direction::Up);\n}\nelse if (key == sf::Keyboard::Down || key == sf::Keyboard::S) {\n movePlayer(Direction::Down);\n}\nelse if (key == sf::Keyboard::Left || key == sf::Keyboard::A) {\n movePlayer(Direction::Left);\n}\nelse if (key == sf::Keyboard::Right || key == sf::Keyboard::D) {\n movePlayer(Direction::Right);\n}","type":"unstyled","key":"1upj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"А movePlayer() обращается к менеджеру уровня:","type":"unstyled","key":"3vi9i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"void Game::movePlayer(Direction direction)\n{\n const MoveResult result = levelManager_.move(direction);\n startAnimation(result);\n\n if (result.levelCompleted) {\n state_ = levelManager_.isLastLevel()\n ? GameState::CampaignComplete\n : GameState::LevelComplete;\n\n completionDelay_ = GameConfig::CompletionRevealDelay;\n completionVisible_ = false;\n }\n}","type":"unstyled","key":"85jni"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Обратите внимание, как обязанности проходят по цепочке:","type":"unstyled","key":"86s3k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Клавиатура -> Game -> LevelManager -> Board","type":"unstyled","key":"b7c9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В обратную сторону возвращается MoveResult, который используется для\nанимации и проверки победы.","type":"unstyled","key":"e683s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Точка входа","type":"header-two","key":"46it6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"После такого разделения main.cpp остаётся очень маленьким:","type":"unstyled","key":"3o4ve"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"#include \"core/Game.hpp\"\n\n#include \n#include \n\nint main()\n{\n try {\n Game game;\n game.run();\n }\n catch (const std::exception& exception) {\n std::cerr << \"Sokoban startup error: \"\n << exception.what() << '\\n';\n return 1;\n }\n\n return 0;\n}","type":"unstyled","key":"4hk5i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Так и должно быть. Точка входа создаёт приложение, запускает его и обрабатывает\nкритическую ошибку запуска.","type":"unstyled","key":"6vfki"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Проверяем уровни автоматически","type":"header-two","key":"9l4bi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Нарисовать красивый лабиринт недостаточно — он должен иметь решение. Причём\nжелательно узнать об ошибке до того, как уровень попадёт к игроку.","type":"unstyled","key":"eqh4a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для каждой карты я сохранил проверенную последовательность команд:","type":"unstyled","key":"57jd4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"const std::vector verifiedSolutions = {\n \"LLLURDRUURULLRDDDRRRRUU\",\n \"LLLLLULLLULLDRRRRDRUDRRURDRULLULLDLUUULUULRRDLDRRRRDRUU\",\n \"DLLLULDDDDDLDRRRDRULLLLLDLLLDLUURUUURUULRDDRRRRDRUU\"\n};","type":"unstyled","key":"2cjft"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Буквы означают направления Up, Down, Left, Right. Тест загружает каждый\nуровень, выполняет все команды и проверяет результат:","type":"unstyled","key":"ej5dh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"for (std::size_t index = 0;\n index < verifiedSolutions.size();\n ++index) {\n levels.selectLevel(index);\n\n for (const char command : verifiedSolutions[index]) {\n const MoveResult result = levels.move(\n parseDirection(command));\n\n require(result.moved,\n \"A verified solution contains an illegal move\");\n }\n\n require(levels.board().isComplete(),\n \"A verified solution did not complete its level\");\n}","type":"unstyled","key":"f1u84"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Отдельно проверяются undo, счётчики ходов, перезапуск и выбор уровня. В этом и\nесть практическая польза отделения логики от SFML: тесту не нужно открывать\nокно и рисовать ни одного прямоугольника.","type":"unstyled","key":"1aio5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Настраиваем CMake","type":"header-two","key":"dc777"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Доменную часть удобно собрать в отдельную библиотеку:","type":"unstyled","key":"5v17c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"add_library(sokoban_domain STATIC\n src/entities/Board.cpp\n src/entities/Board.hpp\n src/entities/Cell.hpp\n src/levels/LevelDefinition.hpp\n src/levels/LevelManager.cpp\n src/levels/LevelManager.hpp\n)\n\ntarget_include_directories(sokoban_domain\n PUBLIC \"${CMAKE_CURRENT_SOURCE_DIR}/src\")","type":"unstyled","key":"6qnko"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Исполняемый файл уже зависит от SFML:","type":"unstyled","key":"6hqs6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"add_executable(Sokoban\n src/main.cpp\n src/core/Game.cpp\n src/rendering/SceneRenderer.cpp\n src/resources/SystemFontLoader.cpp\n src/ui/Hud.cpp\n)\n\ntarget_link_libraries(Sokoban PRIVATE\n sokoban_domain\n sfml-graphics\n sfml-window\n sfml-system\n)","type":"unstyled","key":"24q6i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"А тесты используют только доменный слой:","type":"unstyled","key":"9hd47"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"add_executable(sokoban_tests tests/SokobanTests.cpp)\ntarget_link_libraries(sokoban_tests PRIVATE sokoban_domain)\nadd_test(NAME sokoban_domain_levels_and_undo\n COMMAND sokoban_tests)","type":"unstyled","key":"37ppt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Собираем и запускаем проект","type":"header-two","key":"2a3bt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для Visual Studio 2022:","type":"unstyled","key":"6d0il"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Откройте Sokoban.sln.","type":"ordered-list-item","key":"184q7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Выберите платформу x64.","type":"ordered-list-item","key":"bgo8f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Выберите Debug или Release.","type":"ordered-list-item","key":"3i2k6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Нажмите Ctrl+Shift+B.","type":"ordered-list-item","key":"qqb7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Запустите проект.","type":"ordered-list-item","key":"41eck"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Альтернативная сборка через CMake:","type":"unstyled","key":"egc7f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"cmake -S . -B build-cmake -A x64\ncmake --build build-cmake --config Release\nctest --test-dir build-cmake -C Release --output-on-failure\n.\\build-cmake\\Release\\Sokoban.exe","type":"unstyled","key":"1mch"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если SFML установлена в другом месте:","type":"unstyled","key":"6410b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"cmake -S . -B build-cmake -A x64 `\n -DSFML_DIR=\"D:/Libraries/SFML/lib/cmake/SFML\"","type":"unstyled","key":"f88op"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Что получилось","type":"header-two","key":"e88vq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В итоге у нас есть не просто перемещение квадратиков по экрану, а законченный\nнебольшой проект:","type":"unstyled","key":"55iv7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"три лабиринтных уровня;","type":"unordered-list-item","key":"60h9i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"правила классического Sokoban;","type":"unordered-list-item","key":"b1prs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"отмена последнего хода;","type":"unordered-list-item","key":"fieq6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"перезапуск и выбор уровня;","type":"unordered-list-item","key":"5ln25"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"счётчик ходов и толчков;","type":"unordered-list-item","key":"7obds"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"плавное движение игрока и ящиков;","type":"unordered-list-item","key":"8cu0h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"русский интерфейс на системном шрифте;","type":"unordered-list-item","key":"fodo8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"автоматическая проверка всех решений;","type":"unordered-list-item","key":"a8rpl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"разделение логики, уровней, отрисовки и UI.","type":"unordered-list-item","key":"eoe5i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Мне особенно нравится, что самая важная часть игры — Board — получилась\nполностью независимой от SFML. Интерфейс можно перерисовать, библиотеку можно\nзаменить, а правила Sokoban останутся прежними.","type":"unstyled","key":"24e3p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Конечно, проект можно развивать дальше. Добавить редактор уровней, загрузку карт\nиз файлов, звук движения ящиков, сохранение прогресса, главное меню и таблицу\nлучших результатов. Но даже в текущем виде это хороший пример того, как из\nпростого правила постепенно вырастает полноценная игра.","type":"unstyled","key":"92a6n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Надеюсь, у Вас всё получилось. Если появились вопросы или Вы нашли интересный способ улучшить архитектуру — пишите в комментариях и делитесь своими идеями!","type":"unstyled","key":"g1so"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":23,"offset":0}],"inlineStyleRanges":[],"text":"Клонировать репозиторий","type":"unstyled","key":"efa4o"},{"data":{},"depth":0,"entityRanges":[{"key":1,"length":13,"offset":0}],"inlineStyleRanges":[],"text":"Наш Телеграмм","type":"unstyled","key":"2psdn"},{"data":{},"depth":0,"entityRanges":[{"key":2,"length":9,"offset":0}],"inlineStyleRanges":[],"text":"Наш Ютюб ","type":"unstyled","key":"9ms20"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"16ceq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"q5aQTJtbKr6394rQ6jzj"}],"entityMap":{"0":{"data":{"href":"https://github.com/cnet-sudo/Sokoban.git","url":"https://github.com/cnet-sudo/Sokoban.git"},"mutability":"MUTABLE","type":"LINK"},"1":{"data":{"href":"https://t.me/C_Verhovcevo_NVK","url":"https://t.me/C_Verhovcevo_NVK"},"mutability":"MUTABLE","type":"LINK"},"2":{"data":{"href":"https://www.youtube.com/@%D0%98%D1%81%D0%BA%D1%83%D1%81%D1%81%D1%82%D0%B2%D0%BE%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F%D0%BD%D0%B0%D1%8F%D0%B7%D1%8B","url":"https://www.youtube.com/@%D0%98%D1%81%D0%BA%D1%83%D1%81%D1%81%D1%82%D0%B2%D0%BE%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F%D0%BD%D0%B0%D1%8F%D0%B7%D1%8B"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}