Анимация похищения красного шарика и раскадровка svg ниже
Показать полностью
1
0 просмотренных постов скрыто
Пошаговая сборка векторной гидры из Inkscape (gif-анимация)
Для разработки использовал Inkscape, а формат svg позволяет на лету менять слои и цвета внутри игры (и делать двух- или трехголовую гидру). Вот пример из игры:
Показать полностью
1
Где я нахожу картинки для своих игр в Construct 3 и чем их редактирую
Добрый день!
Меня зовут Руслан.
С 2016 года делаю игры в редакторе Construct 3.
Сегодня хочу поделиться своей подборкой программ для создания и редактирования графики, которую использую при создании игр.
Примерно 1/3 каждой игры — это различные картинки. Всякие кнопочки, окошки, персонажи, фоны и т.д.
То, что попроще — часто рисую сам (простенькие кнопки и окна).
Для этого использую несколько бесплатных программ:
1. Векторный редактор Inkscape.
Векторный редактор Inkscape.
В нём можно за минуту набросать прямоугольную или круглую кнопку, задать ей обводку, тень и прочее по мелочи.
В нём же удобно делать разные градиентные штуки типа масок, неба и т. п, которые потом кочуют из проекта в проект с небольшими изменениями.
2. Растровый редактор Paint.NET.
Золотая середина между простотой Paint’a и мощностью Photoshop’а.
Растровый редактор Paint.NET
Он помогает по-простому подрезать края картинки, замазать ненужные элементы, изменить размер пиксельной картинки без размазывания и всякое подобное.
3. Скриншотер FastStone Capture
Почти идеальная программа для снятия скриншотов.
Программа для снятия скриншотов FastStone Capture
Последние версии стали условно платными, но я до сих пор пользуюсь старой бесплатной версией.
Маленькое окошко почти не перекрывает остальной экран.
Позволяет точно зацеплять углы кадра с помощью «лупы».
Готовый скриншот можно по-быстрому обработать в той же программе.
4. Браузер картинок FastStone Image Viewer
Тоже почти идеальная прога для просмотра и управления картинками.
Браузер картинок FastStone Image Viewer.
Очень гибко настраивается.
Позволяет наглядно сравнить 2 выбранных картинки на одном экране.
Ну и умеет всякое обязательное — повернуть или обрезать картинку, подкорректировать цвета и т. д.
Есть встроенное пакетное преобразование: можно в 3 клика поменять имя, формат, размер, поворот и т. д. сразу у 10000 картинок.
5. Специальная прога именно для пакетного преобразования картинок XnConvert.
(ссылка доступна только по ВПН).
Пакетный конвертер изображений XnConvert.
Дополняет предыдущую программу. В частности поддерживает конвертацию в формат webp, который сейчас повсеместно используется в Construct 3.
6. Встроенный редактор анимаций в Construct 3
Также бывают случаи, когда проще отредактировать картинку прямо в самом Construct 3, чем открывать отдельный редактор.
Встроенный редактор анимаций в Construct 3.
Если нужна готовая графика
1. Идеальный вариант, когда готовую графику даёт сам заказчик. Часто заказчики сами нанимают дизайнера или сам рисует макет игры в Figma. Оттуда удобно копировать отдельные элементы дизайна.
Рабочая Figma одного из наших проектов.
2. Если готовых картинок нет, можно попробовать поискать подходящее на бесплатных ресурсах. В частности, пиксельные картинки иногда беру здесь:
Бесплатные ресурсы на opengameart.org
На этом ресурсе можно также найти неплохие звуки, музыку, текстуры и другие элементы игры. Но выбор не очень богатый.
Есть и другие сайты с бесплатными картинками, но я ими очень редко пользуюсь, возможно в комментариях кто-то что-то ещё посоветует.
Генерация картинок в нейросетях
Когда ни один предыдущий вариант не подходит, приходит время подключить нейросети. Однажды мне посоветовали Recraft и с тех пор пользуюсь именно им.
Нейросеть Recraft.
К сожалению с некоторых пор он стал отчасти платным (но не сильно дорогим) и работает только через ВПН.
Но даже с базовым бесплатным тарифом можно наклепать себе до 20 картинок в сутки (на 50 кредитов).
Из плюсов данной сетки:
+ Простая регистрация.
+ Все картинки проекта на одном экране.
+ Куча готовых стилей.
+ Можно задать свой стиль, загрузив несколько своих картинок.
+ Можно превращать растр в вектор.
+ Можно буквально натягивать сов на глобусы (делать макапы на неровные поверхности).
+ Быстрое удаление фона.
+ Коррекция результата прямо в редакторе и много чего ещё.
Сейчас есть куча других нейросеток для генерации чего угодно, в том числе и графики. Но я в них не углублялся, не смогу подсказать что-то дельное. Кто знает — пишите о них в комменты.
Как-то пробовал всякие Midjourney, Шедеврумы и иже с ними, но это был давно. Думаю, сейчас они далеко ушли вперёд (наверное тоже не все).
Пока это всё, что могу сказать на тему бесплатной графики для игр.
P.S. Возможно, пока пишу эту заметку, в интернетах появилась какая-то новая достойная нейросеть :)
P.P.S. Обычно когда выходит какой-нибудь новый условный Кандинский, который «ещё лучше понимает нас» — тестирую его на такой промт: «Три советских пионера сидят на лавочке».
Раньше все нейросетки упорно рисовали старичков с Дикого запада.
Ну, тоже по-своему пионеры.
Полгода назад уже уверенно рисовали детей в красных галстуках от строгих костюмов :)
Ну, уже почти пионер.
И вот сегодняшняя версия от Кандинского.
Тоже пионеры.
И пионерки тоже. Но чё-то пока в основном инвалиды.
Прогресс налицо, но ещё есть над чем работать (например, над количеством ног).
Ну и наверное ещё от выбранного стиля многое зависит.
Спасибо за внимание.
Как обычно - ссылка на Телеграм:
https://t.me/toyprogrammer
Показать полностью
13
Дураку половину работы не показывают
Однако, те, кто подписался на меня, в надежде получить плакат из поста "Моя религия ну точно единственно верная", явно не дураки. Поэтому показываю.
Пилю иконки в Inkscape
Да, из-за навалившейся работы я просрала все сроки, но не волнуйтесь, процесс идёт. Кстати, была бы благодарна, если бы кто-нибудь помог идентифицировать вот этот символ:
Что-то, связанное с шаманами восточной и южной Азии
Всех из того комментария пока не призываю, так как готово не полностью. Прошу терпения.
P.S. Речь об этом комментарии: #comment_335827703
Показать полностью
1
Dobro Dash - игра за 3 дня в соло на джем с Пикабу
Для ЛЛ - сделал простую аркаду за 72 часа, под катом детали разработки, в конце поста выводы и советы.
Я интересуюсь разработкой игр, но пока занимаюсь не сильно регулярно. Время от времени делаю небольшие игрухи, в основном на геймджемах. За 3 дня игр еще не разрабатывал, поэтому это был определенный вызов для самого себя.
Преамбула
Это личный опыт с точки зрения соло разработчика с некоторыми начальными навыками в геймдеве.
Подготовка
Я предпочитаю более долгие сроки разработки игр, несколько раз пробовал участвовать в коротких джемах, но неудачно. Проанализировав ошибки, стало ясно, что нужно заранее хотя-бы примерно продумать какие механики ты сможешь реализовать за столь короткий срок.
Придумал штуки 3-4 простых типа паззл, аркада, карты и т.п. От всех механик подразумевающих нарратив, типа VN, квесты и прочее, а так-же тех, где нужно много контента (графического, текстового или создания уровней) отказался.
05.12
Вечером на старте геймджема была объявлена тема - "В поисках золотого плюсика", а так-же разрешение использовать хорошо узнаваемые символы и лор Пикабу.
Решил выбрать в качестве жанра и механики игры простую физическую аркаду, где ГГ передвигается по полю рывками или дэшами (от англ. - dash), отскакивает от стен и врагов, собирает бонусы в виде плюсиков и несет их на точку телепортации на следующий уровень.
Создал структуру, файлы проекта и что-то типа диздока в текстовом файлике с планом разработки на 3 дня.
06.12
Сделал базовые экраны и пустые сцены игры по которым можно последовательно пройтись. Программирование внутренних систем, каркаса игры. Начал реализовывать кор-механику передвижений ГГ.
07.12
Продолжил работу с механикой передвижений и отскоком от стен. Слегка застрял на этом моменте.
Поработал с графикой, цветом и UI.
Нарисовал необходимые игровые элементы для бонусов и врагов.
08.12
Доработка графики. Так-же добавил изображение кекса и Печеньки в виде ГГ.
Расстановка всех объектов на игровой сцене. Программирование механик объектов, доработка игрового цикла победа/поражение, экранов UI.
Тестирование, исправления. За пару часов до дедлайна решил добавить кнопку "?" с подсказкой где найти золотой плюсик.
Локализация и ее тестирование.
Билд, его подготовка и заливка на страницу игры.
Выводы
Во-первых, была быстро продумана механика под тему. Составил план разработки на 3 дня и более-менее следовал ему.
Во-вторых, выбранная механика передвижений и отскоков, по-сути, довольно простая. Тем не менее, пришлось повозится с документацией и подебажить в процессе.
В-третьих, был важен приоритет задач. Я начал с работы над основной кор-механикой и игровым циклом победа/поражение. Когда он был готов, вероятность закончить игру в срок резко выросла. Все остальное - это уже обвес поверх каркаса (враги, бонусы, UI и т.д.).
Советы
Несколько советов тем, кто не смог в этот раз. Надеюсь, будет полезно.
Продолжайте участвовать в геймджемах. Короткие активные спринты и дедлайны очень сильно прокачивают ваши профессиональные навыки.
Анализируйте ошибки. Я провалил несколько 3-х дневных геймджемов до этого момента. Ищите на каком этапе возникает проблема, на какую задачу уходит много времени, где происходит фейл и стопорится процесс.
Не берите незнакомую вам механику или неизвестную область знаний. Там очень высокий риск "застрять". Вещи, которые кажутся простыми - вам только кажутся.
Составляйте план работ и список приоритетов. Начинайте с кор-механики и геймплея "на кубиках", затем графика, потом ui и саунд.
Следуйте режиму дня, чередуйте циклы работа/отдых. Я работал мини-спринтами по 1-2 часа с перерывами.
Расталкивай хулиганов, собирай золотые плюсики, ешь кексики...
Примерно так можно описать незамысловатый сюжет игры Dobro Dash.
В игре есть баги (я уже обнаружил парочку), для ранней версии - это нормально. Сообщайте если что-то работает не так.
Поиграть и написать свой отзыв - https://undrev.itch.io/dobrodash/
Have fun!
Показать полностью
8
Новогодние сувенирчики
Напилил сливовых плашек. И на 3d принтере с лазерной головой навыжигал первую партию. Готовлюсь к новому году.
Еще один классный ресурс, который можно задействовать при создании презентации
Про StoryBoardThat я написал тут. Теперь расскажу про Icograms (чтобы сайт работал корректно, нужно включить VPN). Фишка ресурса в том, что там вы найдете множество разнообразных картинок: городской среды, деревни, завода, аэропорта и т.д.
А при регистрации сможете создавать собственные иллюстрации из готовых элементов.
Для своей презентации я пошел чуточку дальше: я перерисовал иллюстрацию с Icograms в программе Inkscape (векторная графика), чтоб адаптировать картинку под свои нужды.
Это оригинал.
А это то, что у меня получилось.
Далее я при помощи цвета показал элементы городской среды (это был урок географии).
Это деловой район.
Это жилые дома.
Школа.
Плюс больница.
Плюс полицейский участок.
Заправка.
Плюс склад.
Плюс кафе.
И все это вместе.
Показать полностью
15