Уже, наверное, многие рассказали про это, но не написать тоже нельзя
Блогер Марк Браун выпустил видео-эссе «Platformer Toolkit» — платформер-конструктор, в которой вам предстоит самостоятельно подобрать параметры сцены и персонажа, чтобы пройти игру и заодно понять, что эти параметры означают. Автор смог показать техническую сторону геймдева через визуальную составляющую.
Поиграть можно на itch.io
#начинающим #2d
Блогер Марк Браун выпустил видео-эссе «Platformer Toolkit» — платформер-конструктор, в которой вам предстоит самостоятельно подобрать параметры сцены и персонажа, чтобы пройти игру и заодно понять, что эти параметры означают. Автор смог показать техническую сторону геймдева через визуальную составляющую.
Поиграть можно на itch.io
#начинающим #2d
YouTube
Can you fix this platformer?
🎮 Play Platformer Toolkit - https://gmtk.itch.io/platformer-toolkit 🎮
Platformer Toolkit is an interactive video essay. You’ll get to see, first hand, how platformer characters are designed, as you use the toolkit to change and adjust over 30 variables that…
Platformer Toolkit is an interactive video essay. You’ll get to see, first hand, how platformer characters are designed, as you use the toolkit to change and adjust over 30 variables that…
🔥14👍5
Tiled — бесплатный редактор карт для 2D-игр
Редактор основывается на системе тайлов в различных проекциях (ортогональная, изометрическая и даже шестиугольная). Tiled поддерживает большое количество библиотек и фреймворков, может экспортировать карты в большинство популярных игровых движков: UE 4, Unity, Godot, Solar2D, Construct 2 и другие. Полный список можно посмотреть здесь. Расширять функционал редактора или автоматизировать процессы в нём можно с помощью js-скриптов.
Страница редактора: https://tprg.ru/sWz4
#2d #инструменты
Редактор основывается на системе тайлов в различных проекциях (ортогональная, изометрическая и даже шестиугольная). Tiled поддерживает большое количество библиотек и фреймворков, может экспортировать карты в большинство популярных игровых движков: UE 4, Unity, Godot, Solar2D, Construct 2 и другие. Полный список можно посмотреть здесь. Расширять функционал редактора или автоматизировать процессы в нём можно с помощью js-скриптов.
Страница редактора: https://tprg.ru/sWz4
#2d #инструменты
👍35❤4
11 программ для работы с пиксель-артом
1. GIMP. Очень похожий на Photoshop редактор с множеством похожих функций. Стоимость: бесплатно.
2. Krita. В программе есть множество кистей и текстур, многие из которых подходят и для пиксель-арта. Стоимость: бесплатно.
3. GraphicsGale. Редактор, который отлично подходит для работы с анимированием спрайтов. Стоимость: бесплатно.
4. GrafX2. Простой редактор, в котором доступно 256 цветов. Есть возможность работы со слоями и базовый инструмент для покадровой анимации. Стоимость: бесплатно.
5. PikoPixel. Подобный редактор, который запускается на Mac и Linux. Стоимость: бесплатно.
6. Piskel. Онлайн-редактор с основными инструментами для рисования в технике пиксель-арта. Стоимость: бесплатно.
7. Lospec. Упрощённая версия графического редактора. Здесь есть лишь несколько базовых инструментов. Стоимость: бесплатно.
8. Aseprite. Программа с простыми и интуитивно понятными инструментами для рисования пиксель-арта. Стоимость: 435 ₽.
9. Pyxel Edit. В отличие от предыдущего инструмента вся работа в Pyxel Edit основана на тайлах. Это очень полезно при разработке игры с повторяющимися паттернами в окружении. Стоимость: 9$.
10. Pro Motion NG. Анимирование, тайл-маппинг, антиалиасинг и продвинутый редактор для работы с цветом. Также программа позволяет легко интегрировать ассеты в игровые движки. Стоимость: 699 ₽ (есть и бесплатная версия).
11. Adobe Photoshop. Знакомый графический редактор, который подойдёт и для работы с пиксель-артом. Стоимость: 499 ₽.
Источник: Brandon James Greer
#2d
1. GIMP. Очень похожий на Photoshop редактор с множеством похожих функций. Стоимость: бесплатно.
2. Krita. В программе есть множество кистей и текстур, многие из которых подходят и для пиксель-арта. Стоимость: бесплатно.
3. GraphicsGale. Редактор, который отлично подходит для работы с анимированием спрайтов. Стоимость: бесплатно.
4. GrafX2. Простой редактор, в котором доступно 256 цветов. Есть возможность работы со слоями и базовый инструмент для покадровой анимации. Стоимость: бесплатно.
5. PikoPixel. Подобный редактор, который запускается на Mac и Linux. Стоимость: бесплатно.
6. Piskel. Онлайн-редактор с основными инструментами для рисования в технике пиксель-арта. Стоимость: бесплатно.
7. Lospec. Упрощённая версия графического редактора. Здесь есть лишь несколько базовых инструментов. Стоимость: бесплатно.
8. Aseprite. Программа с простыми и интуитивно понятными инструментами для рисования пиксель-арта. Стоимость: 435 ₽.
9. Pyxel Edit. В отличие от предыдущего инструмента вся работа в Pyxel Edit основана на тайлах. Это очень полезно при разработке игры с повторяющимися паттернами в окружении. Стоимость: 9$.
10. Pro Motion NG. Анимирование, тайл-маппинг, антиалиасинг и продвинутый редактор для работы с цветом. Также программа позволяет легко интегрировать ассеты в игровые движки. Стоимость: 699 ₽ (есть и бесплатная версия).
11. Adobe Photoshop. Знакомый графический редактор, который подойдёт и для работы с пиксель-артом. Стоимость: 499 ₽.
Источник: Brandon James Greer
#2d
👍29👏1
This media is not supported in your browser
VIEW IN TELEGRAM
Шейдер интерактивной растительности для Unity
Разработчик Aarthificial опубликовал шейдер, с помощью которого можно придать траве и кустам реалистичное поведение во время контакта с игроком. Также автор выложил небольшой ролик, в котором показал, как этот шейдер использовать.
Репозиторий: https://tprg.ru/bUTa
#ассеты #2d #unity
Разработчик Aarthificial опубликовал шейдер, с помощью которого можно придать траве и кустам реалистичное поведение во время контакта с игроком. Также автор выложил небольшой ролик, в котором показал, как этот шейдер использовать.
Репозиторий: https://tprg.ru/bUTa
#ассеты #2d #unity
👍39🔥5❤2
С наступающим Новым годом!
Так как многие заняты готовкой салатиков и времени особо нет, держите простой туториал по добавлению снега в платформер на Unity.
В ролике автор рассказывает про настройку системы частиц для снега: снежинки будут плавно спускаться вниз, в процессе изменяя свой угол и траекторию движения:
https://youtu.be/simEmReptW0
#unity #2d
Так как многие заняты готовкой салатиков и времени особо нет, держите простой туториал по добавлению снега в платформер на Unity.
В ролике автор рассказывает про настройку системы частиц для снега: снежинки будут плавно спускаться вниз, в процессе изменяя свой угол и траекторию движения:
https://youtu.be/simEmReptW0
#unity #2d
YouTube
Как сделать снег в Unity? | Снег Unity | Система Частиц | Эффект Снега | Готовый Проект | GameDev
#эффект_снега #gamedev #готовый_проект
Вроде как и зима, а снега все нет и нет. Потому, сегодня поработаем с системой частиц в юнити и создадим снег! Готовый проект можно скачать ниже в описании. Приятного просмотра!
=====================================…
Вроде как и зима, а снега все нет и нет. Потому, сегодня поработаем с системой частиц в юнити и создадим снег! Готовый проект можно скачать ниже в описании. Приятного просмотра!
=====================================…
👍16🥰1
This media is not supported in your browser
VIEW IN TELEGRAM
Как создать 2D-персонажа с помощью ИИ
Небольшой гайд про использование ИИ в генерации графических ассетов. В статье автор рассказывает про процесс генерации 2D-персонажа с помощью ИИ и анимирование его через 3D анимацию из Mixamo. Отличный вариант для сольных инди-разработчиков, но, разумеется, подойдёт для всех, особенно с ограниченными ресурсами.
Статья
#2d #ассеты
Небольшой гайд про использование ИИ в генерации графических ассетов. В статье автор рассказывает про процесс генерации 2D-персонажа с помощью ИИ и анимирование его через 3D анимацию из Mixamo. Отличный вариант для сольных инди-разработчиков, но, разумеется, подойдёт для всех, особенно с ограниченными ресурсами.
Статья
#2d #ассеты
🔥29👍3🤡3
Бесплатный генератор тайлов
Тайлы — небольшие фрагменты большого изображения, с помощью которых можно создать двухмерную игровую локацию. Разработчик Yusa Studios упростил работу с ними, разработав особый генератор тайлов. Его можно использовать для любых двухмерных игр с видом сбоку или сверху.
Вам нужно загрузить в генератор всего девять тайлов, созданных вручную. На их основе программа создаст целый набор разнообразных тайлов, чтобы с его помощью можно было заполнить уровень.
#2d #инструменты
Тайлы — небольшие фрагменты большого изображения, с помощью которых можно создать двухмерную игровую локацию. Разработчик Yusa Studios упростил работу с ними, разработав особый генератор тайлов. Его можно использовать для любых двухмерных игр с видом сбоку или сверху.
Вам нужно загрузить в генератор всего девять тайлов, созданных вручную. На их основе программа создаст целый набор разнообразных тайлов, чтобы с его помощью можно было заполнить уровень.
#2d #инструменты
YouTube
TIleset generater version 0.3 update: release note
It is a simple tileset generator i made using godot. Feature includes:
1. Wang tileset generator
2. Blob tileset generator
3. Supports any size multiple of 8.
4. Supports Layering
5. Able to change each tile on own or
6. Can generate extra tile on demand…
1. Wang tileset generator
2. Blob tileset generator
3. Supports any size multiple of 8.
4. Supports Layering
5. Able to change each tile on own or
6. Can generate extra tile on demand…
👍23🔥3🍌2🍓1
Создание God Rays для платформера в Unity
God Rays — это эффект сумеречных лучей. В реальности такое происходит при прохождении солнечного света через промежутки в облаках или других объектах, создавая "световые столбы". В ролике автор показывает несложный способ создания таких лучей с помощью системы частиц:
https://youtu.be/w5pr_EWYBgA
#unity #2d #графика
God Rays — это эффект сумеречных лучей. В реальности такое происходит при прохождении солнечного света через промежутки в облаках или других объектах, создавая "световые столбы". В ролике автор показывает несложный способ создания таких лучей с помощью системы частиц:
https://youtu.be/w5pr_EWYBgA
#unity #2d #графика
👍12🔥3🌭1🍌1
Автоматизация работы с тайлами в Unity
Tile Editor в Unity имеет небольшой набор инструментов, включающий кисти, заливку и ластик. Однако, для упрощения и автоматизации процесса создания карты, можно воспользоваться расширением 2D Extras, которое доступно на GitHub и в менеджере пакетов Unity.
С помощью этого расширения можно создавать собственные "умные" кисти. Например, на видео показан простой пример, где настраиваются правила для автоматической расстановки контурных тайлов. Можно указать спрайты с рандомной расстановкой или анимацией.
2D Extras также поддерживает кастомные правила кистей, которые можно прописать через скрипт.
https://youtu.be/nfjAznD_MaU
#unity #инструменты #2d
Tile Editor в Unity имеет небольшой набор инструментов, включающий кисти, заливку и ластик. Однако, для упрощения и автоматизации процесса создания карты, можно воспользоваться расширением 2D Extras, которое доступно на GitHub и в менеджере пакетов Unity.
С помощью этого расширения можно создавать собственные "умные" кисти. Например, на видео показан простой пример, где настраиваются правила для автоматической расстановки контурных тайлов. Можно указать спрайты с рандомной расстановкой или анимацией.
2D Extras также поддерживает кастомные правила кистей, которые можно прописать через скрипт.
https://youtu.be/nfjAznD_MaU
#unity #инструменты #2d
YouTube
How To Use Auto Tiling in Unity 2020
Learn how to use auto-tiling to make laying out your tilemaps in Unity easier!
Download the project starter files here: https://drive.google.com/file/d/1qGht7EFsGI3aBLh7Ow6qYuqIu2wImVjr/view?usp=sharing
Wishlist 'Scoot Kaboom and the Tomb of Doom' right…
Download the project starter files here: https://drive.google.com/file/d/1qGht7EFsGI3aBLh7Ow6qYuqIu2wImVjr/view?usp=sharing
Wishlist 'Scoot Kaboom and the Tomb of Doom' right…
👍8🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Интересный кейс генерации графики для 2D платформера
Разработчик к своему платформеру подвязал редактор уровней, чтобы игроки могли создавать собственные сцены. Но вместо тайлов тут лишь пара типов блоков (для отображения карты глубины), а вся графика рисуется Stable Diffusion. Детально про процесс генерации автор рассказал в этой статье.
Попробовать уже может каждый — вот сайт демки. Под игрой есть панель управления, через которую можно войти в режим редактирования уровня и даже поделиться картой с другими.
В перспективе такая фича может сильно облегчить процесс создания сообществом игрового контента.
Делитель в комментариях ссылками на свои уровни.
#2d #ai #графика
Разработчик к своему платформеру подвязал редактор уровней, чтобы игроки могли создавать собственные сцены. Но вместо тайлов тут лишь пара типов блоков (для отображения карты глубины), а вся графика рисуется Stable Diffusion. Детально про процесс генерации автор рассказал в этой статье.
Попробовать уже может каждый — вот сайт демки. Под игрой есть панель управления, через которую можно войти в режим редактирования уровня и даже поделиться картой с другими.
В перспективе такая фича может сильно облегчить процесс создания сообществом игрового контента.
Делитель в комментариях ссылками на свои уровни.
#2d #ai #графика
🔥35👍8👎2🎉1🤩1
This media is not supported in your browser
VIEW IN TELEGRAM
Нейросети простыми словами: как они применяются в геймдеве
Сегодня нейросети — это неотъемлемая часть современной игровой индустрии. Они облегчают жизнь художникам, программистам и даже гейм-дизайнерам.
В этой статье автор рассказывает о том, как инструменты на базе ИИ работают и помогают разработчикам игр как с рутинными, так и с комплексными задачами.
#ai #графика #2d
Сегодня нейросети — это неотъемлемая часть современной игровой индустрии. Они облегчают жизнь художникам, программистам и даже гейм-дизайнерам.
В этой статье автор рассказывает о том, как инструменты на базе ИИ работают и помогают разработчикам игр как с рутинными, так и с комплексными задачами.
#ai #графика #2d
🔥10👍1
Краткий урок по Spine за 10 минут
Spine — это тот инструмент, который упрощает процесс скелетного 2D-анимирования для игр. Сфокусированный на том, чтобы сделать этот процесс максимально эффективным и логичным, Spine предлагает отличный рабочий инструментарий как при создании анимации через свой редактор, так и при использовании этой анимации в играх с помощью Spine Runtimes.
Держите небольшой урок по этому инструменту:
https://youtu.be/4EopZ961NlM?si=LeStk-yTsCio_LuT
#инструмент #2d #анимация #spine
Spine — это тот инструмент, который упрощает процесс скелетного 2D-анимирования для игр. Сфокусированный на том, чтобы сделать этот процесс максимально эффективным и логичным, Spine предлагает отличный рабочий инструментарий как при создании анимации через свой редактор, так и при использовании этой анимации в играх с помощью Spine Runtimes.
Держите небольшой урок по этому инструменту:
https://youtu.be/4EopZ961NlM?si=LeStk-yTsCio_LuT
#инструмент #2d #анимация #spine
YouTube
Spine за 10 минут
Уроки по Spine
Залетаем в софт со всей силы
Импорт,скининг,риггинг,анимация,экспорт
ВК: http://vk.com/skenarist
Photoshop To Spine : https://github.com/EsotericSoftware/spine-scripts/tree/master/photoshop
Горячие клавиши : https://vk.com/andreidermenji?z=photo…
Залетаем в софт со всей силы
Импорт,скининг,риггинг,анимация,экспорт
ВК: http://vk.com/skenarist
Photoshop To Spine : https://github.com/EsotericSoftware/spine-scripts/tree/master/photoshop
Горячие клавиши : https://vk.com/andreidermenji?z=photo…
👍4🔥2
Где можно взять бесплатную графику и прочие ресурсы для игры
Не ассет стором единым: ловите подборку сайтов с 2D и 3D-ассетов. Бесплатно, без смс и регистрации:
1. Kenney — тут собрано более 20 тысяч ассетов и спрайтов, UI-элементов и шрифтов.
2. OpenGameArt — огромный сборник контента для геймдева. Есть спрайты, текстуры, музыка и звуки.
3. Game-icons.net — коллекция игровых иконок со встроенным редактором. Иконки идут в двух форматах: вектор и растр.
4. The sprites resourсe — сборник графических ресурсов из известных игр. Подойдёт, если вы планируете воссоздать игру для ностальгирования или же просто потестить движок на знакомых персонажах.
5. Craftpix.net — ресурс, набравший в себя различные элементы интерфейсов, текстур и спрайтов. Есть платный и бесплатный контент.
6. Polly.pizza — почти 10,000 бесплатных 3D-моделей на любой вкус и жанр.
@make_game #2d #графика #3d #инди #ассеты #бесплатно
Не ассет стором единым: ловите подборку сайтов с 2D и 3D-ассетов. Бесплатно, без смс и регистрации:
1. Kenney — тут собрано более 20 тысяч ассетов и спрайтов, UI-элементов и шрифтов.
2. OpenGameArt — огромный сборник контента для геймдева. Есть спрайты, текстуры, музыка и звуки.
3. Game-icons.net — коллекция игровых иконок со встроенным редактором. Иконки идут в двух форматах: вектор и растр.
4. The sprites resourсe — сборник графических ресурсов из известных игр. Подойдёт, если вы планируете воссоздать игру для ностальгирования или же просто потестить движок на знакомых персонажах.
5. Craftpix.net — ресурс, набравший в себя различные элементы интерфейсов, текстур и спрайтов. Есть платный и бесплатный контент.
6. Polly.pizza — почти 10,000 бесплатных 3D-моделей на любой вкус и жанр.
@make_game #2d #графика #3d #инди #ассеты #бесплатно
❤15✍5👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Камера не всегда должна быть привязана к герою — трюк с четырьмя линиями в сайд-скроллерах
Иногда вариант, когда камера жестко прикреплена к игроку, не совсем удачный. Если она слишком резко двигается, игрок может упустить важные детали в игре.
Чтобы решить эту проблему, пользователь MrWpGg предложил интересную модель движения камеры, которая ведет себя выборочно и не всегда прямо следует за персонажем. Вот как это работает:
— Камера делится на 4 линии, которые проходят с равными интервалами. Пронумеровываем их слева направо от 1 до 4.
— Когда игрок движется влево, камера фокусируется на третьей линии, а при движении вправо — на второй.
— Если игрок резко меняет направление, камера остаётся на месте, пока персонаж не коснётся либо четвёртой линии (тогда камера переместится на вторую), либо первой (и камера вернется на третью).
#2d
Иногда вариант, когда камера жестко прикреплена к игроку, не совсем удачный. Если она слишком резко двигается, игрок может упустить важные детали в игре.
Чтобы решить эту проблему, пользователь MrWpGg предложил интересную модель движения камеры, которая ведет себя выборочно и не всегда прямо следует за персонажем. Вот как это работает:
— Камера делится на 4 линии, которые проходят с равными интервалами. Пронумеровываем их слева направо от 1 до 4.
— Когда игрок движется влево, камера фокусируется на третьей линии, а при движении вправо — на второй.
— Если игрок резко меняет направление, камера остаётся на месте, пока персонаж не коснётся либо четвёртой линии (тогда камера переместится на вторую), либо первой (и камера вернется на третью).
#2d
👍26🤔10❤2❤🔥1😐1
This media is not supported in your browser
VIEW IN TELEGRAM
Ловите небольшой, но наглядный гайд по 3 важным темам в анимации пиксель-арта: FPS, правильное планирование анимаций и движение объектов (суб-пиксели, ease, сглаживание и импакт).
#теория #графика #2d
#теория #графика #2d
✍13❤7
Вы только посмотрите на это чудо
Реддитор поделился простым инструментом для Unity, который генерирует раскадровки пиксель-арт спрайта в разные направления (чем может значительно сэкономить время художникам). Для этого используется Pixellab API.
Попробовать может каждый, автор поделился кодом.
#unity #2d #графика #ai #инструмент
Реддитор поделился простым инструментом для Unity, который генерирует раскадровки пиксель-арт спрайта в разные направления (чем может значительно сэкономить время художникам). Для этого используется Pixellab API.
Попробовать может каждый, автор поделился кодом.
#unity #2d #графика #ai #инструмент
🎉18✍5😍5👍1🔥1
Более 200 коротких видео-уроков по цифровому арту
Все они собраны на сайте и разбиты по категориям. Каждый урок длится около 5 минут, так что удобно изучать в любое время.
Ссылка на сайт
@make_game #2d
Все они собраны на сайте и разбиты по категориям. Каждый урок длится около 5 минут, так что удобно изучать в любое время.
Ссылка на сайт
@make_game #2d
❤5👍2🆒1
Это похоже на новогодний подарок, только летом
Kenney — площадка, где авторы выкладывают в бесплатный доступ тысячи игровых ассетов: 2D, 3D, UI, Audio и т. д. Есть даже кит-старты и пара бесплатных инструментов.
Можно юзать бесплатно или накинуть ребятам немножко доната.
#ассеты #инди #2d #3d #бесплатно
Kenney — площадка, где авторы выкладывают в бесплатный доступ тысячи игровых ассетов: 2D, 3D, UI, Audio и т. д. Есть даже кит-старты и пара бесплатных инструментов.
Можно юзать бесплатно или накинуть ребятам немножко доната.
#ассеты #инди #2d #3d #бесплатно
❤15😍1
Tiled — стандарт среди редакторов 2D-карт
Карты в играх редко рисуются вручную — куда проще собирать их из тайлов, как из лего. Для этого есть Tiled — бесплатный редактор, который давно стал базой для 2D-разработчиков.
Он работает с разными проекциями: от привычной ортогональной до изометрии и шестиугольников. Карты из Tiled легко подружить с большинством движков — Unity, Godot, Unreal и многими другими. А если захочется автоматизировать работу или добавить что-то своё, всегда можно подключить js-скрипты.
Страница редактора
#2d #инструменты
Карты в играх редко рисуются вручную — куда проще собирать их из тайлов, как из лего. Для этого есть Tiled — бесплатный редактор, который давно стал базой для 2D-разработчиков.
Он работает с разными проекциями: от привычной ортогональной до изометрии и шестиугольников. Карты из Tiled легко подружить с большинством движков — Unity, Godot, Unreal и многими другими. А если захочется автоматизировать работу или добавить что-то своё, всегда можно подключить js-скрипты.
Страница редактора
#2d #инструменты
❤🔥10👍6🍌2