Проекты

2024 год

Игорь Лопатин — Fri, 27 Dec 2024 11:14:53 +0300

В этом году было всего 8 заметок, вместе с этой 9 😅 Из которых 3 — в декабре. В новом году ухожу с Эгеи...

Перевёл все свои заметки и базу знаний в Обсидиан. Оказался удобным, даже с минимумом плагинов. Когда была волна переездов с Ноушена видел статьи как можно обмазаться кучей плагинов и будет почти также, но сам использую только основные. Ещё использую официальный вебклиппер, даже запушил русскую локализацию :)

И мне понравилась эта идея хранить всё в отдельных файлах, а не в БД, что я решил перевести сайт и блог на такой же формат. Возьму какой-нибудь генератор статичных сайтов или напишу свой, для разминки 🙄 Эгея хороший движок, но все-таки исключительно бложный, который ограничивает многие моменты, да и последние интересные функции платные. Так что, волевым решением, сделаю себе новый сайт и блог, переведу всё на маркдаун файлы и хтмльки, обновлю некоторые заметки которые устарели.

Выпустили Морской Бой. Пока метрики так себе, ожидали немного другого :)) В новом году будет минимум две большие обновы. Ещё в разработке две новые карточные игры, о них как-нибудь расскажу. В начале года выпустил игру «Камень, ножницы, бумага» на основе телеграм-бота. Она кстати живая ещё, там даже кто-то играет.

Выпустил Shardy — мой пет-проект, фреймворк для создания онлайн игр. Пока не запушил, но несколько апдейтов уже готовы. Начал делать сервис-дискавери, думаю насчет демки для Яндекс.Игр, может на праздниках получиться, что-то поделать. И статью хотел на Хабр ещё обзорную сделать...

Начал пользоваться ChatGPT и другими нейронками. Обработка фото, текстов, саммари, какой-то быстрый анализ. Иногда конечно выглядит как магия, хочет подробнее разобраться и сделать что-то подобное самому.

Как-то так. В новом году будет всё лучше и интересней 🔥

FSM для C#

Игорь Лопатин — Thu, 05 Dec 2024 12:18:04 +0300

Доделал пакет для Shardy: реализацию машины состояний (finite state machine). Все стейты и триггеры добавляются через билдер, цепочкой.

Для перехода на стейт надо активировать триггер(ы):

fsm.Trigger(Action.Down);
fsm.Trigger(Action.Down);

В таком случае получится такой результат:

initial is standing
on exit standing
on enter sitting
on exit sitting
on enter lying

Ещё подсмотрел, как сгенерить описание для UML диаграммы и отрендерить её на сайте или на этом, по-моему у них один движок:

Чтобы сделать диаграмму более «интуитивной», вместо слова state используется ключевое слово agent, этом случае можно рисовать разные линии.

@startuml
skin rose
title TestFSM
left to right direction
agent Standing
agent Sitting
agent Lying
agent Jumping
note left of Jumping
some help message here
end note
Start --> Standing
Standing --> Sitting : Down
Standing ~~> Jumping : Space
Sitting --> Lying : Down
Sitting --> Standing : Up
Lying --> Sitting : Up
Jumping --> Standing : Down
@enduml

Ещё к каждому переходу можно добавлять условия, (на картинке выше их нет) об этом подробнее в документации.

Если у перехода между состояниями есть условие(я), то линия будет рисоваться пунктирной, а если нет триггера — то с крестиком на конце. Актуально когда состояний и переходов много, можно сгенерить диаграмму и посмотреть нет ли косяков.

Github

Shardy

Игорь Лопатин — Thu, 10 Oct 2024 22:33:59 +0300

Друзья, был у меня давно один проект, который претерпел уже наверное 4 или 5 итераций. Этой штукой я пользуюсь на своих пет-проектах и со временем появилось желание сделать из всего этого опенсорсную историю. Поэтому начну из далека :)

Давным-давно был такой проект на гитхабе Pomelo. По меркам интернета — реально древний, ему больше 10 лет. Он и сейчас там есть, но уже заархивирован и не поддерживается, но форки вроде пилятся. Кто первый раз слышит, это фреймворк для создания игровых серверов на JavaScript и Node.js. Проект довольно большой, куча модулей, клиенты под разные платформы, хорошая дока. Наткнулся я на него несколько лет назад и начал ковырять, запускать, что-то пробовать. В итоге, многие вещи в нём мне понравились, но показалось всё как-то замудрёно что ли. Наверно потому что китайцы писали, а может я в ноду не сильно мог 😅 В общем, оттуда я потягал какие-то скрипты, интересные решения, потом переписал, упростил и, получился у меня такой лайтовый сервер из нескольких файлов, на котором я тестил всякие свои проекты, изучал ноду, яваскрипт и тайпскрипт позднее.

Потом решил поделиться своими поделками и выложить на гитхаб. Когда было свободное время что-то дописывал, переписывал и снова забывал, потому что были задачи поважнее. В какой-то момент, переписал всё на TypeScript (TS). К тому времени уже были наработки не только сервера, но и клиента на C# + Unity и всё это дело стало обретать какой-то полезный вид. И вот, в результате n-ой итерации, архитектура устоялась, протестировалась и получился Shardy.

Shardy — это фреймворк для онлайн игр и приложений на Node.js. Он даёт базовую функциональность для построения микросервисных решений: мобильных, социальных, веб, многопользовательских игр, приложений реального времени, чатов, middleware сервисов и т. п. Есть клиент на TS встроенный в фреймворк, а также пакет для Unity, который поддерживает сборки под iOS, Android и WebGL. Здесь я говорю микросервисных потому что по задумке, за каждый модуль будет отвечать отдельный Shardy-сервис со своими командами, настройками, возможно БД.

Основные фичи:

микросервисная парадигма
простой API: RPC, команды, подписки и т. п.
транспорт данных через сокеты и вебсокеты
легкость и быстрота: Node.js и TypeScript
поддержка пользовательской сериализации
поддержка пользовательской валидации рукопожатий (handshake)
продвинутый логгер: теги, фильтры, области
справочные материалы: документация, сниппеты, примеры
почти нулевая конфигурация

Есть демка с примерами работы API и простенькая онлайн игра «Крестики-Нолики»: как серверная часть, так и клиентская. Всё можно посмотреть, поковырять, запустить у себя и попробовать поиграть. Весь код старался комментировать, иногда даже излишне. Также есть документация с описанием всех компонентов и методов. Это всё в процессе наполнения и улучшения.

Основная цель Shardy — предоставить простое бесплатное решение для создания многопользовательских онлайн игр. Вот так вот громко 😅 На это будет обращено основное внимание при дальнейшей разработке новых функций, сервисов и туторов (было бы время...).

Не претендую на академическую правильность архитектуры и кода, делал в первую очередь для своих нужд. Но как показал опыт: зачастую многие принципы ООП, чистого кода, использование паттернов в «нужных» местах, разбиваются об реальность конкретного проекта :)

Приглашаю всех заинтересованных инди и не только, в подписчиках вроде такие есть, посмотреть, покрутить, примерить, потестить на своих каких-то задачах, играх, проектах, прототипах. Если будут вопросы, отвечу тут в комментах или на почту mail@mopsicus.ru. В личку тоже можно, но могу не заметить или долго отвечать.

Вот такое интро. Всем хороших игр! Онлайн игр :)

Shardy
Shardy for Unity
Docs

Про донаты

Игорь Лопатин — Mon, 09 Sep 2024 15:24:27 +0300

У меня есть пару проектов в опенсорсе которые я давно поддерживаю. И только совсем недавно я добавил в ридми файл инфу с кошельками, на которые можно задонатить и поддержать проект. До этого мне просто писали в личку в телеге с вопросами и благодарностями, спрашивали куда и как можно перевести. Штош, я сократил этот путь :)

Сам закидываю в помощь авторам, где монетой, где пулл реквестом. И это касается не только разработчиков, ютуберы которые снимают интересные видео, тоже получают материальную благодарочку, а им сейчас сложно :( Считаю что хорошая работа должна быть вознаграждена!

К чему это я? Друзья, если давно пользуйтесь какой-то бесплатной программой, утилитой, библиотекой, кодом — скиньте «спасибо» автору, купите премиум, отправьте открытку в конце концов, ему будет приятно, повысит мотивацию не забрасывать свой проект. Всем добра.

Unity infinite scroller v2.0

Игорь Лопатин — Tue, 02 Apr 2024 14:09:54 +0300

Обновил скрипт бесконечного списка. Переделал реп в пакет пригодный для Unity, обновил демки, добавил функцию прокрутки к элементу и доку небольшую.

Делалось для мобилок, чтобы не тормозило с большим количеством элементов и была привычная функция pull to refresh. Но некоторые используют и в ПК билдах 😄

Github

Unity Mobile Input v2.0

Игорь Лопатин — Wed, 27 Mar 2024 14:16:56 +0300

Обновил свой плагин для создания нативных полей ввода на мобилках. Исправил старые баги, причесал немного код, добавил комменты и обновил демо.

Функции:

нативное поле ввода и клавиатура для iOS и Android
настройка типа кнопки: Стандартная, Далее, Готово, Поиск, Отправить
настройка обработки кнопки
настройка кнопкок Готово и Очистить (iOS)
изменение опций поля ввода во время выполнения
скрытие дополнительного поля ввода (Android)
отслеживание появления и скрытия клавиатуры (с высотой)
отслеживание ориентации экрана
поддержка пользовательских шрифтов

В новой версии добавил несколько методов чтобы можно было менять некоторые параметры во время исполнения:

SetTextColor — изменение цвета текста
SetPlaceholderColor — изменение цвета текста подсказки
SetBackgroundColor — изменение цвета фона
SetContentType — изменение типа поля ввода
SetReadonly — изменение состояния «только для чтения»

Устанавливается как пакет через Unity Package Manager.

Github

Unity Builder Bot

Игорь Лопатин — Wed, 08 Jun 2022 20:12:33 +0300

Бот сделан на основе моего старого скрипта из этой статьи.

Телеграм бот и расширение редактора для билда Unity проектов. Можно использовать по отдельности, но проектировалось чтобы работало вместе. Все исходники по ссылкам.

Телеграм бот написан на Node.js и Telegraf.js. Может пулить апдейты, запускать билд юнити проекта, билдить Xcode проект (на маке), всё подписывать, загружать на сервер и скидывать ссылку. Билды для iOS тоже можно ставить по ссылке, там подключается манифест разработчика.

Основные функции:

добавить проект из Git репозитория
удалить проект
получить список всех проектов
перейти в нужную ветку
спулить апдейт
сбилдить Unity проект
сбилдить Xcode проект
скомпилировать, сделать архив, экспорт в IPA
сгенерировать HTML страницу с ссылками
загрузить все файлы на сервер через sshpass
получить логи
очистить логи и билды

Это все можно сделать с помощью телеграм, даже не запуская Unity. Каждый этап сборки логируется и уведомляется ботом.

Расширение редактора позволяет быстро переключаться между платформами, включать дефайны, запускать локальный и удаленный билд на боте, подставлять данные для Keystore, нужные зависимости для Huawei, добавлять локализации для iOS, также добавлять сторонние файлы в билд. Есть демка с набором файлов и примерной структурой.

Основные функции:

изменить платформу
установить defines
выбрать папку для билдов под каждую платформу
изменить версию, номер билда
подставить данные для Keystore
добавить локали и *.lproj файлы в Xcode проект
добавить фреймворки и дополнительные файлы в Xcode проект
добавить и применить google-services.json и agconnect-services.json
добавить дополнительные файлы в APK
пропатчить AndroidManifest.xml
пропатчить gradle файлы
добавить зависимости для Huawei билда
сбилдить Unity проект

Получилось как-то так, думаю кому-то будет полезно и интересно поковырять исходники. Подписывайтесь на Telegram канал, там посты появляются чаще %)

200 звёзд на Github

Игорь Лопатин — Tue, 12 Jan 2021 11:27:07 +0300

Achievement unlocked!

Моё новое скромное достижение. Скрипт с data-driven прокруткой для Unity, получил 200 звёзд на Github. Спасибо S1ROZHA :)

Мне как-то писали, что используют его в MTG Arena и ещё какой-то популярной игре. Приятно что этим пользуюсь не только я.

Кастомные шрифты в UnityMobileInput

Игорь Лопатин — Thu, 15 Oct 2020 22:03:51 +0300

Обновил плагин UnityMobileInput.

Теперь можно использовать свои шрифты в нативном поле ввода. Просто копируете TTF шрифт в проект, в папку StreamingAssets, дальше плагин всё сделает сам: скопирует в папку приложения на Android или iOS и применит для нужного поля ввода.

Также, был баг (фича), что при тапе по экрану клавиатура исчезала, это её нормальное поведение, в общем-то. Но иногда надо чтобы она оставалась видимой даже если на что-то жмёшь. Теперь есть такая опция.

100 звёзд на Github

Игорь Лопатин — Mon, 08 Jul 2019 10:34:58 +0300

Скрипт с бесконечным скроллом для Unity получил 100 звёзд на Github. Вроде мелочь, а приятно :)

Кстати, если решили что-то делать в open source, но не знаете как начать, прочтите этот перевод небольшой статьи на Hexlet.

UnityMobileInput больше не нужен

Игорь Лопатин — Mon, 13 May 2019 16:30:57 +0300

Обновлено 16.05.2019
Свершилось. В новой версии Unity 2019.1 допилили поле ввода (InputField) в TextMeshPro.

Раньше эта галочка не работала и поле ввода всё равно появлялось.

Теперь дополнительное поле ввода не появляется на iOS и Android! Мой UnityMobileInput не особо-то и нужен, всё можно сделать «штатными» компонентами и оно будет работать как надо, вроде :) Там же есть и поддержка эмоджи.

UPD

Рано радовался, определять высоту экранной клавиатуры юнитеки так и не научились... Всё равно придётся использовать костыль, хоть и меньшего размера :)

Сервер на Node.js и клиент на Unity

Игорь Лопатин — Wed, 08 May 2019 13:01:41 +0300

Задумал я тут выложить на Github свою очередную поделку — простой сервер на Node.js и клиента к нему на Unity. Много раз сам гуглил различные библиотеки, пробовал, тестировал, пытался сам написать что-то (с моими познаниями в Node.js :), но потом подсмотрел как сделано у старого китайского Pomelo, который уже сто лет не поддерживается.

Если честно, когда я первый раз узнал про Pomelo и начал его изучать, то понял, что для моих текущих задач такой функциональности не требуется, поэтому решил выпилить всё что не нужно. В итоге, осталось вот что:

Опыта в Node.js у меня не очень много, поэтому я нагуглил такой фреймворк — Architect. Не знаю насколько это оправдано, но пока сделано с помощью него.

многопользовательский сервер для нереалтаймовых игр
отправка и получение команд и запросов (аналог JSON RPC)
поддержка SSL
основная часть на Architect
простое добавление команд: один файл = одна команда
работает с MongoDB

Команды (события)

public void TestCommand () {
    JsonObject param = new JsonObject();
    param["param"] = "value";
    _connector.Command("test-cmd", param);  
    // _connector.Command("test-cmd");     // without params
}

Чтобы «слушать» команды с сервера надо подписаться на команду (событие):

public void TestCommand () {
    _connector.On("test-cmd", OnTestCmd);  
    // _connector.Off("test-cmd", OnTestCmd);     // unsubscribe
}

void OnTestCmd (JsonObject result) {
    if (_connector.IsError (result)) {
        // handle error
        return;
    }
    // handle result
}

Запросы (RPC)

public void TestRequest () {
    JsonObject param = new JsonObject();
    param["param"] = "value";
    _connector.Request ("test-rqt", param, (result) => {
        // handle answer
    });   
    // _connector.Request ("test-rqt", OnTestRequest);          // without params
    // _connector.Request ("test-rqt", param, OnTestRequest);   // callback in external method
}

void OnTestRequest (JsonObject result) {
    if (_connector.IsError (result)) {
        // handle error
        return;
    }
    // handle result
}

На RPC запросы с сервера можно подписаться также как и на обычные команды. Отличие в том, на них надо обязательно «отвечать».

На сервере каждая команда находится в отдельном файле и экспортируется, как-то так:

module.exports = function (commander, message, imports) {
    if (!validate(message.data, commander.protocol.log)) {
        commander.sendError(message, "invalid_data");
        return;
    }
    ...
    commander.sendResponse(message, { result: "ok" });
};

Протокол сообщений можно легко переделать, добавить шифрование или свой какой-то формат, можно посмотреть в репе Pomelo, у меня будет также примерно.

Для создания простой многопользовательской онлайн игры — этого достаточно. Это будет такая демка, когда можно взять сервер и клиент, запустить и сразу увидеть как оно работает. Код будет полностью доступен, так что умеющие в Node.js и C#, смогут переписать мои «костыли» на свои :)

После тестирования и «боевой» проверки на игре, если всё получится, думаю сделать небольшой курс, где опишу, как на основе такой базы делать несложные онлайн игры. Но замечу ещё раз — НЕ реалтайм!

Stay tuned.

Обновление UnityMobileInput

Игорь Лопатин — Fri, 16 Nov 2018 12:53:48 +0300

Теперь высота клавиатуры считается правильно везде и экран не сдвигается вверх при появлении клавиатуры. Это на Android такая история была.

Зарефакторил много старого кода, убрал не нужное, добавил кастомный инспектор, все настройки поля теперь берутся из Unity UI компонента InputField, клавиатура не пропадает если переключаться между полями и другие мелочи.

Напомню, что в Unity есть один нюанс при работе с пользовательским вводом на андроидах — появляется дополнительное поле ввода над клавиатурой. Оно, в общем-то работает, но с ограничениями (нельзя выделять текст и другие нативные штуки) и занимает место.

Было

Стало

Вроде работает :)
UnityMobileInput

Обновил Infinite Scroll

Игорь Лопатин — Fri, 07 Sep 2018 15:00:47 +0300

Был у меня старый скрипт для бесконечных списков в Unity. Но там было одно ограничение — ячейки должны были быть одной высоты. Но сейчас это стало необходимо, поэтому пришлось переписать скрипт.

Теперь все ячейки могут быть любой высоты! Работает также быстро и с помощью одного скрипта.

Ссылка на Github

Unity Mobile Input

Игорь Лопатин — Tue, 10 Apr 2018 11:31:43 +0300

Выложил на Github плагин нативного ввода для мобильных устройств. Это небольшая надстройка над стандартным Unity InputField UI. Работает на iOS и Android.

Зачем он нужен:

Нативное поле ввода и клавиатура
Отсутствует раздражающее дополнительное поле над клавиатурой в Android
Для iOS можно добавить кнопку «Готово»
Настройка кнопки Return для клавиатуры: стандартная, далее, готово, поиск
Для работы нужно просто повестить скрипт MobileInput на родной InputField UI

До этого, было временное решение, которое не обладало необходимыми опциями, да и ошибки были. Собственно, на то оно и временное :) Но в Unity до сих пор нет таких возможностей для ввода, поэтому пришлось сделать такой плагин.

В моей версии исправлены ошибки и отрефакторен почти весь код от старого и неподдерживаемого плагина UnityNativeEdit.

Исходники на Github

Riddut. Возвращение.

Игорь Лопатин — Sat, 03 Feb 2018 21:22:31 +0300

В 2015 году я сделал для себя небольшой плагин для браузера — он вырезал из ленты ВК и ФБ ненужные мне записи по стоп-словам. Всё работало очень просто: находил в ленте слово и удалял пост.

Потом, я добавил поддержку морфологии, чтобы не добавлять кучу слов с разными окончаниями. Ещё скрипт научился удалять контекстную рекламу и фильтровать выдачу поисковых систем. И итогом стала — фильтрация любого сайта. Иногда от этого страдает вёрстка, но оно того стоит. Новостной сайт после фильтра хоть можно читать...

После этого, я успешно про него забыл. И вот 2018 год: выборы, санкции, олимпийцы — пришло время снова очистить своё информационного пространство от, и смахнуть пыль со старого кода.

Riddut

Так называется расширение. Да, оно ограждает от нескончаемого потока информационного шума. Это такой персональный AdBlock для контента.
Вот что умеет:

удалять любое упоминание стоп-слова на любом сайте
удалять посты и рекламу из соц. сетей Фейсбук, ВКонтакте, Одноклассники, Твиттер по ключевым словам
удалять позиции в выдаче и рекламу поисковых систем Яндекс, Гугл, Бинг
фильтровать дозагруженный контент
работать с белыми списками сайтов
понимать русскую и английскую морфологию (не полностью)
синхронизироваться между браузерами
показывать красивую статистику «сэкономленного» времени :_)

Сейчас всё это дело в бета версии, так что, если расширение окажется вам полезным — напишите на mail@mopsicus.ru, что добавить, убрать, исправить, улучшить. Захотите поучаствовать? Буду рад.

Есть версии для Chrome, Safari и Opera. С Firefox пока не разобрался в чём проблема, но думаю решу.

Подробнее на https://riddut.mopsicus.ru

Заметка чтобы попереживать. Да, расширение отправляет на сайт слова, чтобы с помощью библиотеки морфологии, получить в ответ все его формы и отфильтровать страницу. Ещё оно скачивает актуальные данные по вёрстке. Это всё. В любом случае, всё что отправляет и получает расширение можно посмотреть через консоль. Если вас это не устраивает, что ж, вы можете не использовать моё расширение :)

Riddut — это не баннерорезалка. Удаление некоторой рекламы, это приятный бонус, а не основная функция. Но вы легко можете использовать и то и другое вместе.

Проекты

2024 год

FSM для C#

Finite state machine

Finite state machine

FSM UML diagram

FSM UML diagram

Shardy

Shardy

Shardy

Про донаты

Unity infinite scroller v2.0

UIS (Unity infinite scroller)

UIS (Unity infinite scroller)

Unity Mobile Input v2.0

UMI aka Unity Mobile Input

UMI aka Unity Mobile Input

Unity Builder Bot

200 звёзд на Github

Infinite scroll unity 200 stars

Infinite scroll unity 200 stars

Кастомные шрифты в UnityMobileInput

100 звёзд на Github

UnityMobileInput больше не нужен

UPD

Сервер на Node.js и клиент на Unity

Команды (события)

Запросы (RPC)

Обновление UnityMobileInput

Обновил Infinite Scroll

Unity Mobile Input

Riddut. Возвращение.