tag:blogger.com,1999:blog-86005143411525081022026-03-19T21:39:32.378+05:00Угол ЭйлераО программировании, веб-разработке, разработке игр и многом другом...Иванhttp://www.blogger.com/profile/02405013784177629674noreply@blogger.comBlogger123125tag:blogger.com,1999:blog-8600514341152508102.post-7071533782679778722025-10-21T19:46:00.006+05:002025-10-21T19:48:26.763+05:00Отличное средство скелетной анимации для Pixi.js
Вообще, скелетная анимация с инверсной кинематикой в разработке 3-мерных игр является чем-то само-собой разумеющимся. Для меня было абсолютной неожиданностью, что есть подобные удобные средства и для 2-мерного мира. Хотя, это и должно быть ожидаемо.
Есть много решений. Мы выбрали Spine, потому что для рендерера Pixi.js нашей игры про Плюха у него есть среда выполнения и наш художник-аниматор Иванhttp://www.blogger.com/profile/02405013784177629674noreply@blogger.com0tag:blogger.com,1999:blog-8600514341152508102.post-44732874304908822582025-10-12T16:23:00.002+05:002025-10-12T16:30:14.069+05:00Механика игры Три в ряд
Одним и существенных моментов экономии бюджета игры про Плюха (про которую писал ранее) было то, что в ней планировалась мини-игра с механикой «Три в ряд». И эта механика была разработана мной задолго до старта работ по Плюху. Очень удачно получилось и то, что саму логику выделил в отдельный модуль и при создании мини-игры мне не пришлось ничего менять, лишь впоследствии добавил немного Иванhttp://www.blogger.com/profile/02405013784177629674noreply@blogger.com0tag:blogger.com,1999:blog-8600514341152508102.post-52782308325094496182025-10-08T10:13:00.002+05:002025-10-08T11:37:52.199+05:00Интеграции Pixi.js и Matter.js
Я уже писал про завершение создания нами (Студия 42) браузерной казуальной игры про доблестную выхухоль Плюха. С процессом было связано много интересных особенностей, изысканий, решений о которых и постараюсь рассказать.
Изначально планировалось, что одной из мини-игр будет простой кликер. Но подумалось, что механика с сортировкой будет намного занятнее. Сделал прототип с обычным перетаскиваниемИванhttp://www.blogger.com/profile/02405013784177629674noreply@blogger.com0tag:blogger.com,1999:blog-8600514341152508102.post-82164242222575661562025-10-07T00:09:00.000+05:002025-10-07T00:09:50.387+05:00Сборка Boost под Windows и подключение к IDE
Boost – замечательная библиотека со множеством функциональности, которой так не хватает в стандартный либах C++. И, конечно же, при её сборке есть небольшие нюансы.
Сборка
Переходим в папку, где будем работать, качаем архив, разархивируем. Пусть это будет например E:\sdk\boost-1.89.0-gcc.
Далее воспользуемся генератором сборщика b2. Если у вас установлен Visual Studio и вы хотите собирать Иванhttp://www.blogger.com/profile/02405013784177629674noreply@blogger.com0tag:blogger.com,1999:blog-8600514341152508102.post-68376507907530930992025-10-02T18:39:00.005+05:002025-10-08T11:23:28.954+05:00Мы завершили разработку браузерной игры «Красная книга: спаси выхухоль!»
Цель создания игры – сбор средств для спасения русской выхухоли от вымирания. Очень надеемся, что игра внесет свой вклад в достижение такой благородной цели.
В конце статьи – большое геймплейное видео.
Разработка заняла 9 календарных месяцев. Планировали 6, но различные объективные причины, как всегда, "немного" скорректировали наши планы. Если брать чистое время, без не зависящих от команды Иванhttp://www.blogger.com/profile/02405013784177629674noreply@blogger.com2tag:blogger.com,1999:blog-8600514341152508102.post-63713755569775880482025-09-20T09:53:00.002+05:002025-10-01T10:01:19.482+05:00Использование GitHub Pages
Если репозиторий вашего проекта хостится на GitHub, то для разворачивания своих статических веб-фронтендов очень удобно использовать механизм, предостявляемый GitHub.
Здесь рассмотрю вариант, когда вы хотите использовать свой поддомен и фронтенд у вас не просто файл, а его нужно собирать. В данном случае будем собирать Vite.
Настройка GitHub Pages
Предварительно следует верифицировать ваш Иванhttp://www.blogger.com/profile/02405013784177629674noreply@blogger.com0tag:blogger.com,1999:blog-8600514341152508102.post-89066087825474044922025-09-14T15:50:00.005+05:002025-10-08T11:24:42.361+05:00Точное взаимодействие с текстурой спрайта в Pixi.js – пакет Pixel Perfect Interactive
Во фреймверке Pixi.js из коробки есть только интерактивное взаимодействие со спрайтом по прямоугольнику самого спрайта AABB. Можно, конечно, определить зону взаимодействия фигурой из Shape, но иногда хочется, чтобы взаимодействие с контроллером (мышь, касание) зависело от альфа-канала самой текстуры.
Когда-то в забитой и забытой технологии Flash от Adobe такой механизм был встроен, поэтому его Иванhttp://www.blogger.com/profile/02405013784177629674noreply@blogger.com0tag:blogger.com,1999:blog-8600514341152508102.post-57753100062981036342025-07-21T18:35:00.002+05:002026-02-17T16:18:36.037+05:00Проблема обновления карт для 2GIS в Windows
Есть неприятный момент, связанный с установочными файлами *.msi. Когда установленный из такого файла софт требуется удалить, система требует указать местоположение в файловой системе. 2GIS при обновлении карт может потребовать эти файлы, но какая-нибудь программа очистки или вы сами ненароком могли их удалить.
В сети есть несколько решений. Но самый простой вижу в загрузке нужного файла и Иванhttp://www.blogger.com/profile/02405013784177629674noreply@blogger.com0tag:blogger.com,1999:blog-8600514341152508102.post-76540089693387368692025-03-26T14:36:00.006+05:002025-10-08T11:25:55.739+05:00Скрипт для Photoshop печатающий координаты слоев в файл
Чтобы быстро получить координаты слоев файла Adobe Photoshop можно использовать скрипт. Сохраните его себе на диск. Откройте psd файл, выберите пунт меню File → Scripts → Browse.... Выберите файл скрипта и в файле ~/Downloads/layer-coordinates.txt можно посмотреть результат.Иванhttp://www.blogger.com/profile/02405013784177629674noreply@blogger.com0tag:blogger.com,1999:blog-8600514341152508102.post-3327923651672298882025-03-23T14:00:00.003+05:002025-10-08T11:26:02.746+05:00Мой Xonix на Яндекс Играх и подводные камни интеграции
Здесь решил рассказать об особенностях размещения браузерной игры на площадке Яндекс игр. А их оказалось не мало. Надеюсь многим поможет сэкономить время.
Надо сказать, что в документации Яндекса описано всё достаточно качественно, подробно. Их техническая поддержка тоже на высоте, хоть и не без изъянов, но где их нет? Поэтому постараюсь описать основные "внезапности".
— Первое, на что следуетИванhttp://www.blogger.com/profile/02405013784177629674noreply@blogger.com0tag:blogger.com,1999:blog-8600514341152508102.post-33350589660729260022025-02-17T09:50:00.014+05:002025-02-17T10:09:38.991+05:00Вариант разворачивания Openproject
Предположим, вам надо развернуть Openproject у себя на сервере, но доступным по секурному протоколу в Интернет. Есть тысяча и один способ это сделать. Есть множество вариантов требований бизнеса и окружения для этого. Во всех этих случаях инструкция будет чем-то отличаться. Поэтому сразу оговорюсь: этот способ очень близкий к тому, как развернуто у нас.
Предположим, ваш домен Иванhttp://www.blogger.com/profile/02405013784177629674noreply@blogger.com0tag:blogger.com,1999:blog-8600514341152508102.post-27994671737530019272025-01-25T20:10:00.006+05:002025-10-08T11:41:31.322+05:00Решение проблемы отсутствия кнопки принятия риска для самопописанного сертификата при локальной разработке браузерной игры для Yandex Games
Чтобы разрабатывать браузерную игру для площадки Yandex Games локально надо подключить их SDK. А чтобы его себе не копировать локально, у Яндекса есть решение в виде их библиотеки @yandex-games/sdk-dev-proxy. Она создает сервер на безопасном соединении и проксирует вызовы. То есть, уточню. Вы запускаете свой сервер разработки игры например на http://localhost:8080 (здесь надо устанавливать Иванhttp://www.blogger.com/profile/02405013784177629674noreply@blogger.com0tag:blogger.com,1999:blog-8600514341152508102.post-36740871245334133452024-08-26T07:07:00.001+05:002024-08-26T15:59:12.085+05:00Настройка Sublime Text
Есть прекрасное средство для разработки — текстовый редактор Sublime Text. Замечательно оно не только тем, что в нем удобно работать и сам по себе редактор очень легковесный, но еще и тем, что Sublime можно очень легко расширять. В этом поможет масса готовых плагинов и свой написать также не сложно, потому как плагины пишутся на языке Python.
В моей версии редактора используются:
A File Иванhttp://www.blogger.com/profile/02405013784177629674noreply@blogger.com0tag:blogger.com,1999:blog-8600514341152508102.post-29019943506349005842024-08-25T19:21:00.002+05:002025-10-08T11:26:36.123+05:00Упрощенный пример следования камеры вдоль пути в Three.js
Официально для библиотеки Three.js есть примеры, с помощью которых можно реализовать подобную функциональность:
Modifier / Curve
Geometry / Extrude / Splines
Но первый из них не работает для камеры. В нем используется обертка Flow из дополнительных модулей к библиотеке. Второй слишком перегружен лишним для данной задачи.
Решение основано на интерфейсе getPointAt для класса Curve. Для Иванhttp://www.blogger.com/profile/02405013784177629674noreply@blogger.com0tag:blogger.com,1999:blog-8600514341152508102.post-45831430708465076792024-08-11T19:00:00.005+05:002024-08-11T19:18:30.616+05:00Еще раз об Apache, PHP, MySQL на Windows
Знаю, что статей по этой теме бесчисленное множество, но в очередной раз столкнувшись с задачей поднять старый проект для доработки, очередной раз проходя эти шаги и встречая мелкие нюансы, про которые уже давно забыл, решил, что лучше на этот раз всё записать как нужно именно мне. А может и еще кому пригодится.
Данный способ не является единственным, а лишь "один из" и какие-то указанные здесь Иванhttp://www.blogger.com/profile/02405013784177629674noreply@blogger.com0tag:blogger.com,1999:blog-8600514341152508102.post-26197904383909290852024-04-22T09:22:00.006+05:002025-09-20T13:02:08.435+05:00Тестирование алгоритма поиска пути A* на Javascript
Еще один кусочек в паззл переделки прототипа игры, когда-то сделанного под Flash. На этот раз – адаптация алгоритма поиска пути A* под Coffeescript. Можно поэкспериментировать с ним здесь.Иванhttp://www.blogger.com/profile/02405013784177629674noreply@blogger.com0tag:blogger.com,1999:blog-8600514341152508102.post-47492767802421179122024-04-17T22:46:00.001+05:002025-09-20T13:01:57.264+05:00Редактор сеток игровых карт
Продолжаю работы по переписыванию некоторых работ с Flash на Javascript. На этот раз на очереди простенький редактор сеток для двумерных игровых карт.
Аналоги, конечно же, есть. И много. Но нарабатываются и исследуются определенные механики, библиотеки. В этой работе использованы Pixi.js, Vue.js, Vite.
Из интересного. Были некоторые сложности с интеграцией Coffeescript 2, Vite, Vue 3, но Иванhttp://www.blogger.com/profile/02405013784177629674noreply@blogger.com0tag:blogger.com,1999:blog-8600514341152508102.post-87224558805768219072024-04-14T12:41:00.005+05:002025-09-20T13:02:20.882+05:00Система самонаведения ракет
Как-то, году этак в 11-м, делал на Flash простенькую систему самонаведения ракет. Конечно для игры, а вы что подумали? 😀
Переписал её на Javascript с использованием рендер-фреймверка pixi.js. Как оказалось, в этом фреймверке система координат повернута на π и отражена по оси абсцисс, поэтому векторные вычисления немного отличаются от вычислений для системы координат под Flash. Пришлось создать Иванhttp://www.blogger.com/profile/02405013784177629674noreply@blogger.com0tag:blogger.com,1999:blog-8600514341152508102.post-69201669796370090832023-09-14T15:54:00.012+05:002024-08-11T17:00:33.167+05:00Один из способов синхронизации KeePass
У тех, кто еще только планирует пользоваться KeePass для хранения паролей, часто возникает вопрос: можно ли сделать, чтобы была синхронизация между различными устройствами. В общем, ответ «да».
Представленный способ подойдет тем, у кого есть свой доступный сервер. В примере рассматривается версия для Windows, но, думаю, что для любой другой ОС последовательность действий будет не слишком Иванhttp://www.blogger.com/profile/02405013784177629674noreply@blogger.com0tag:blogger.com,1999:blog-8600514341152508102.post-7829049632046352142023-08-25T23:08:00.017+05:002024-08-11T17:09:17.656+05:00Sciter – фреймверк для создания десктопного GUI максимально бытро
После небольшого исследования на предмет того как быстро создавать GUI для десктопа на C++ на сегодняшний день, помимо давно зарекомендовавших себя решений, таких как Qt или wxWidgets, набрел на довольно интересный фреймверк Sciter. В его подходе интересно то, что виджеты создаются веб-технологиями (HTML, CSS, Javascript) и при этом есть возможность вызывать функции, написанные на C++, собранныеИванhttp://www.blogger.com/profile/02405013784177629674noreply@blogger.com0tag:blogger.com,1999:blog-8600514341152508102.post-54540737087479246632023-08-13T16:29:00.003+05:002024-08-25T15:15:30.258+05:00Пошаговая инструкция по подключению библиотеки Boost к Unreal Engine 4 в виде модуля
Следует оговориться, что это лишь один из вариантов.
Например, ваш проект называется QuickStart, библиотека собрана компилятором vc под платформу win64.
Предварительно собрать либы для используемой архитектуры и компилятора
Создать папки QuickStart\Source\Boost\Private и QuickStart\Source\Boost\Public
Создать файл QuickStart\Source\Boost\Boost.Build.cs (листинг 1)
Разместить хедеры в Иванhttp://www.blogger.com/profile/02405013784177629674noreply@blogger.com0tag:blogger.com,1999:blog-8600514341152508102.post-81303493006835042162023-04-14T12:08:00.010+05:002024-04-14T09:50:15.939+05:00Делегирование задачи деплоя другому проекту в GitlabИногда требуется, чтобы разворачивание проекта в Gitlab осуществлял другой проект. Решение довольно тривиально. Для этого в проекте который делегирует в файле .gitlab-ci.yml пишем:
delegate-task:
trigger:
project: groups-path/project-slug
А в проекте которому делегируют в файле .gitlab-ci.yml добавляем проверку:
rules:
- if: $CI_PIPELINE_SOURCE == "pipeline"Иванhttp://www.blogger.com/profile/02405013784177629674noreply@blogger.com0tag:blogger.com,1999:blog-8600514341152508102.post-63529386937656118142023-03-21T16:32:00.006+05:002023-03-22T12:59:48.126+05:00Как настроить CI в Gitlabcode {
background-color: #efefef;
padding: 0 5px;
border: solid 1px #ddd;
border-radius: 3px;
}
pre code {
background-color: none;
border: none;
padding: auto;
}
Всего лишь еще один способ.
Для версии Gitlab 14.6.2, которую можно посмотреть, по URL /help/ вашего экземпляра.
Сразу хочу оговориться, что рассматривается вариант с экземпляром, развернутым на своём сервере.
Первое чтоИванhttp://www.blogger.com/profile/02405013784177629674noreply@blogger.com0tag:blogger.com,1999:blog-8600514341152508102.post-29053156343126307752021-03-20T01:10:00.002+05:002021-03-20T01:41:07.487+05:00Переключение раскладки ctrl+shift в UbuntuКогда-то давно при очередной установке Линукса обнаружил, что переключение языковой раскладки клавишами ctrl+shift не работает. Точнее, как не работает? Переключает-то чудесно, вот только если вдруг используется другое сочетание, например ctrl+shift+c, то вместе со штатно выполняемой функцией переключается и раскладка.
Тогда подумал, что дело во мне: что-то не правильно настроил, не осилил. Иванhttp://www.blogger.com/profile/02405013784177629674noreply@blogger.com0tag:blogger.com,1999:blog-8600514341152508102.post-14448073522754004142016-11-06T10:40:00.005+05:002023-03-21T16:30:14.657+05:00Snippets – приложения для удобного хранения отрывков кодов и их управленем
У программистов в процессе работы часто возникают различные отрывки кодов, которые могут впоследствии пригодиться, но которые трудно запомнить. И такие отрывки часто разбросаны по разным местам и плохо систематизированы.
Это приложение предназначено для того, чтобы навести порядок среди подобных сущностей и иметь к ним относительно простой и удобный доступ.
Конечно, подобных приложений "вагон и Иванhttp://www.blogger.com/profile/02405013784177629674noreply@blogger.com0