Чёто сегодня нет настроения ничего делать по курсу...
Поэтому расскажу свою давнюю идею. Если вы давно на меня подписаны, то могли заметить, что у меня есть ещё паблик в вк по пикселяртам, где я иногда провожу коллабы. На картинке как раз один из таких коллабов. Его суть была в том, что есть готовый фон и определённые размеры и форма для персонажа. Нужно было выбрать кусочек фона и нарисовать на нём своего персонажа. Так вот я хочу повторить этот коллаб, но сделать его интерактивным. Тоесть это будет максимально простая игра, где можно выбирать персонажа и ходить по локации. Следовательно участникам нужно будет нарисовать теперь не статичные спрайты, а небольшие анимации. Идея максимально простая и легко исполнимая, но есть одно но. Я ещё хочу сделать так, чтобы все спрайты персонажей хранились в базе данных (это не проблема) и чтобы участники могли загружать спрайты прямо в игру со своих устройств - вот это главная проблема над которой я думаю. Я искал инфу о том как это сделать и нашел только один способ - это загружать картинки через тег input в HTML. Это рабочий способ, но из-за него появляется куча проблем.
input это же DOM элемент, а все движки рисуют игру на канвасе. Как можно нормально совместить DOM элемент c канвасом?
Ещё большинство движков, как то сжимают спрайты в билде, как в таком случае использовать загруженную пользователем картинку если она не прошла предварительного сжатия?
В принципе проблему с совмещением dom и canvas можно решить в констракте т.к. там есть html слои, но констракт предварительно сжимает все спрайты в .webp формат ещё и собирает их в атласы. С другой стороны можно использовать phaser там вроде нет сжатия изображений и можно загружать картинки по ссылке в рантайме, но тогда как там совместить canvas и dom.
Вобщем вдруг среди вас есть эксперты подскажите пж, может быть вообще есть способы загрузки картинок в игру кроме тега input, просто я не смог найти.