Пошаговая сборка векторной гидры из Inkscape (gif-анимация)
Для разработки использовал Inkscape, а формат svg позволяет на лету менять слои и цвета внутри игры (и делать двух- или трехголовую гидру). Вот пример из игры:
Пофигурная анимация из нарисованной svg картинки крысоволка в его нескольких состояниях
Хранение кадров в SVG позволяет получать более гладкую картинку и сильно экономит память жесткого диска, но больше ест ресурсов оперативной памяти в самой игре. Хотя для несложных и небольших изображений SVG оказался вполне годной альтернативой для PNG атласов спрайтов.
А ещё использование SVG позволяет довольно легко заменять цвета отдельных элементов картинки налету. Или показывать один слой изображения, вместо другого, так создавая анимацию, храня сам источник данных всего в одном небольшом файле.
Но в итоге я бы полностью использовать SVG вместо PNG не советовал. Время на разработку такой картинки весьма приличное. Слишком много деталей добавлять нельзя, т.к. тогда картинка начинает весить больше обычных изображений. Ну памяти жрать начинает совсем нехорошо. В итоге, например, основная игровая картинка с соперником-котом была переделана из SVG в ПНГ атласы. Но почти все остальные мелочи остались в свгэшках.
Игра в итоге выглядит вот так:
Моя самая математическая, но залипательная игра про Вампурра для браузера
Игра про комбинаторику для уменьшения баллов соперника до 0 с помощью математических операций:
- вычитания,
- сложения,
- деления,
- а также более экзотических типа зачеркивания, модуля, переворачивания и числа Фибоначчи.
Попробовать математическую игру про Вампурра пока можно только в Яндексе. Я сейчас занимаюсь внедрением АПИ для Пикабу, но это у меня явно займёт ещё какое-то время.
На экране вы видите Калиостро, для него я добавил ключевые игровые анимации, по которым можно получать подсказки об успешности своих и его карт.
Игру я пилил целый год, хотя конечно и не чистым временем, а периодически вечерами. Эта пока первая (и надеюсь не последняя) игра, в которую я сам могу поиграть уже после её завершения. Сюжета тут примерно на 2 часа игры.
Прошу заценить эту игру: https://yandex.ru/games/app/matematicheskaia-taverna-i-vampurr-501885
Чуть позже ещё повыкладываю раскадровку гифок и svg-кадров на которых игра и сделана. Но это уже наверное будет где-то в разделах разработки.
Ниже еще пару скриншотов, чего от неё можно ожидать:
Просто так
Ха, поигрался с svg и сделал милоту - индикатор переключения цветовой темы)
Восхищаюсь людьми, которые умеют писать интересные посты и делают это регулярно, вот бы научиться так же ☺️
Калейдоскоп
Приложение генерирует симметричные векторные узоры. На экране отображается мозаика из повторяющихся шестиугольных фрагментов с абстрактными фигурами (круги, квадраты, треугольники, линии). Теперь с полноценным редактором внутри. Система запоминает предпочтения и адаптирует следующие узоры (цвета, формы, гармонии). Память можно сбросить кнопкой.
Liquid Shapes
Небольшая тестовая песочница для векторных шейпов с необычными свойствами.





