Одним и существенных моментов экономии бюджета игры про Плюха (про которую писал ранее) было то, что в ней планировалась мини-игра с механикой «Три в ряд». И эта механика была разработана мной задолго до старта работ по Плюху. Очень удачно получилось и то, что саму логику выделил в отдельный модуль и при создании мини-игры мне не пришлось ничего менять, лишь впоследствии добавил немного функциональности.
Я уже писал про завершение создания нами (Студия 42) браузерной казуальной игры про доблестную выхухоль Плюха. С процессом было связано много интересных особенностей, изысканий, решений о которых и постараюсь рассказать.
Изначально планировалось, что одной из мини-игр будет простой кликер. Но подумалось, что механика с сортировкой будет намного занятнее. Сделал прототип с обычным перетаскиванием – стало понятно, что эту механику можно дополнить двумерной физикой. Гравитацию сделать можно и без движка, а вот реализацию столкновений хотелось чуть более сложную. Хотелось, чтобы решение было сразу легко масштабируемым. К тому же, по бюджету это не слишком затратно.
Boost – замечательная библиотека со множеством функциональности, которой так не хватает в стандартный либах C++. И, конечно же, при её сборке есть небольшие нюансы.
Цель создания игры – сбор средств для спасения русской выхухоли от вымирания. Очень надеемся, что игра внесет свой вклад в достижение такой благородной цели.
В конце статьи – большое геймплейное видео.
Если репозиторий вашего проекта хостится на GitHub, то для разворачивания своих статических веб-фронтендов очень удобно использовать механизм, предостявляемый GitHub.
Здесь рассмотрю вариант, когда вы хотите использовать свой поддомен и фронтенд у вас не просто файл, а его нужно собирать. В данном случае будем собирать Vite.
Во фреймверке Pixi.js из коробки есть только интерактивное взаимодействие со спрайтом по прямоугольнику самого спрайта AABB. Можно, конечно, определить зону взаимодействия фигурой из Shape, но иногда хочется, чтобы взаимодействие с контроллером (мышь, касание) зависело от альфа-канала самой текстуры.
Когда-то в забитой и забытой технологии Flash от Adobe такой механизм был встроен, поэтому его реализация может оказаться полезной. Наивное и быстрое решение сделал в пакете pixi-ppi.
Есть неприятный момент, связанный с установочными файлами *.msi. Когда установленный из такого файла софт требуется удалить, система требует указать местоположение в файловой системе. 2GIS при обновлении карт может потребовать эти файлы, но какая-нибудь программа очистки или вы сами ненароком могли их удалить.
В сети есть несколько решений. Но самый простой вижу в загрузке нужного файла и подсовывании деинсталлятору.
Чтобы быстро получить координаты слоев файла Adobe Photoshop можно использовать скрипт. Сохраните его себе на диск. Откройте psd файл, выберите пунт меню File → Scripts → Browse.... Выберите файл скрипта и в файле ~/Downloads/layer-coordinates.txt можно посмотреть результат.
Здесь решил рассказать об особенностях размещения браузерной игры на площадке Яндекс игр. А их оказалось не мало. Надеюсь многим поможет сэкономить время.
Предположим, вам надо развернуть Openproject у себя на сервере, но доступным по секурному протоколу в Интернет. Есть тысяча и один способ это сделать. Есть множество вариантов требований бизнеса и окружения для этого. Во всех этих случаях инструкция будет чем-то отличаться. Поэтому сразу оговорюсь: этот способ очень близкий к тому, как развернуто у нас.
Предположим, ваш домен openproject.example.ru.
Чтобы разрабатывать браузерную игру для площадки Yandex Games локально надо подключить их SDK. А чтобы его себе не копировать локально, у Яндекса есть решение в виде их библиотеки @yandex-games/sdk-dev-proxy. Она создает сервер на безопасном соединении и проксирует вызовы. То есть, уточню. Вы запускаете свой сервер разработки игры например на http://localhost:8080 (здесь надо устанавливать именно localhost). Затем запускаете прокси для яндексового SDK: