Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Регистрируясь, я даю согласие на обработку данных и условия почтовых рассылок.
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam
Пикабу Игры +1000 бесплатных онлайн игр Погрузись в «Свидания с отличиями» — увлекательную романтическую игру в жанре «найди отличия», где ты знакомишься с обаятельными девушками, узнаешь их истории и организуешь незабываемые свидания. Тебя ждут десятки уровней, полных эмоций, и множество очаровательных спутниц!

Свидания с отличиями

Казуальные, Головоломки, Новеллы

Играть

Топ прошлой недели

  • Animalrescueed Animalrescueed 43 поста
  • XCVmind XCVmind 7 постов
  • tablepedia tablepedia 43 поста
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

Нажимая «Подписаться», я даю согласие на обработку данных и условия почтовых рассылок.

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Помощь Кодекс Пикабу Команда Пикабу Моб. приложение
Правила соцсети О рекомендациях О компании
Промокоды Биг Гик Промокоды Lamoda Промокоды МВидео Промокоды Яндекс Маркет Промокоды Пятерочка Промокоды Aroma Butik Промокоды Яндекс Путешествия Промокоды Яндекс Еда Постила Футбол сегодня
0 просмотренных постов скрыто
51
coremission
coremission
Лига Разработчиков Видеоигр

Магия шейдеров 20: Идеи для шейдера дождя и брызг⁠⁠

5 лет назад

Как сделать такой дождь? Идея реализации без системы частиц.

Магия шейдеров 20: Идеи для шейдера дождя и брызг

Прежде всего разберемся подойдут ли нам стандартные частицы из движка? Некоторые движки позволяют делать такие частицы, которые проверяют коллизии, и, например, вы сможете получить дождь, который не будет капать сквозь крышу. Как это реализовано? Будет ли это работать быстро? Нужно проверять.

Я же знаю рендерское решение, опишу его: нам нужен, большой вершинный буфер, в котором мы будем хранить наш вершинный "суп" с растянутыми квадами, которые и будут каплями дождя. Можно сгенерировать их одной толщины и длины, и в случайном порядке подвигать по высоте, и чтобы получить дождь останется только сдвигать их вниз.

Но как учесть крыши и другие горизонтальные поверхности?

Капли не должны пролетать сквозь поверхности, и чтобы этого добиться —можно сделать аналог shadowmap, получить глубину сверху и в шейдере проверять «а есть ли что-то над каплей?» и если есть – делаем по-аналогии с тем как, например, работает mesh-flipbook —не рисуем каплю вообще (про mesh flip-book я рассказывал в докладе Магия шейдеров, ссылка с таймкодом)

Поправьте меня, если я что-то упускаю, но этот подход легко применяется и для шейдера материала брызг,— рисуем брызги прямо на поверхности. Для них можем использовать и частицы - у нас есть обычный emitter частиц для брызг и мы в шейдере для материала этих брызг сэмплируем эту "глубину сверху" и сдвигаем капли вниз.

Регулируем количество частиц брызг, регулируем количество капель и получаем: ливень или небольшой дождь.

Преломление света

Ну и преломление света сквозь капельки, реализуется стандартно: в нашем пайплайне у нас будет предыдущий кадр с mip-уровнями, рассчитанными так же как для Bloom (очень популярный эффект про который множество статей) его то мы и будем сэмплировать в шейдере материала капель.

p.s. Ребята, да, я вижу ваши жалобы, что ничего непонятно без кода. Но я не пришел сюда учить. Я пришел показать идею, которую можно сделать. Для тех, кто разбирается в шейдерах хотя бы немного, мне кажется,— легко представить как подобное реализовать. Если никто не реализует — может быть я смогу сделать доклад для какой-то из конференций в этом году и расскажу про этот эффект подробнее, но видео-уроки делать я точно не буду.

Всем гектаров в имениях и легкости в движениях!

Смотрите остальные посты про магию шейдеров по тегам ниже.

Показать полностью
Shadermagic Coremission Шейдеры Магияшейдеров Гифка Эффект Визуальные эффекты 3D Видео
8
38
coremission
coremission
Лига Разработчиков Видеоигр

Магия шейдеров 19: ASCII Art Шейдер а-ля Watch dogs от Мэтта Старка⁠⁠

5 лет назад

Я возвращаюсь к Магии шейдеров и сегодня хочу, как обычно, не вдаваясь в детали, рассказать как бы я сделал шейдер для такого post-эффекта.

Перейти к видео

Но, давайте, сначала вспомним: что это за ASCII-арт такой. Как сообщает нам Википедия: ASCII-графика — это форма изобразительного искусства, использующая символы ASCII на моноширинном экране компьютерного терминала или принтера для представления изображений.


🤔 А причем здесь хакеры и Watch dogs? ASCII-арт, помимо демосцены, частенько встречался в .nfo файлах с crack и keygen архивами. В этих nfo-файлах создатели crack'ов и keygen'ов указывали всякую информацию о своей команде, рисовали теги команды или просто какой-то симпатичный арт. Часто можно было увидеть там символьные черепа, монстров и другую симпатичную жуть, которой, наверняка вдохновлялись Ubisoft для создания логотипа группировки DeadSec.


Так как бы я сделал?


Сделаем fullscreen post-эффект: 1) Вычисляем Luminance 2) Сжимаем картинку до размеров нашей ASCII-картинки в символах. Сколько символов мы хотим чтобы у нас было на экране? 3) Делаем 1D LUT-текстуру с, отсортированными по количеству белого, символами 4) В последнем пассе используем картинку из шага 2 и LUT-текстуру из шага 3 чтобы отрисовать символы в экранную текстуру.

Простор для применения


- Можно блендиться между исходной текстурой и полученной в результате такого пост-эффекта, чтобы сделать какой-то красивый fade-эффект.

- Можно затенять пиксели символов, я предполагаю будет гораздо более объемная картинка

- Можно сделать цветной и добавить какую-то палитру

- Можно делать ближние символы более яркими, а дальние - тусклыми.


Как всегда любые вопросы в ЛС или в предложку можно задавать вконтакте, и мы, наконец, завели канал в телеграме: https://t.me/coremission


Всем гектаров в имениях и легкости в движениях!


Смотрите остальные посты про магию шейдеров по тегам ниже.

Показать полностью
[моё] Shadermagic Coremission Шейдеры Магияшейдеров Гифка Эффект Визуальные эффекты 3D Видео
4
49
coremission
coremission
Лига Разработчиков Видеоигр

Магия шейдеров 18: Видеозапись моего доклада про эффекты⁠⁠

5 лет назад

Привет, ребята! Наконец на канале DevGAMM стала доступна видеозапись моего доклада про Магию Шейдеров! Еще раз огромное спасибо всем, кто пришел :)


В чем суть? Вы жаловались в комментариях, что я просто выкладываю гифки и ничегошеньки не объясняю про устройство эффектов в этих гифках. И я решил — возьму три эффекты из того, что я уже выкладывал в Магию шейдеров на Pikabu и разберу их подробнее, воспроизведу в Unity.

Я взял три эффекта: Портал/водоворот, parallax-based эффекты: красивые карточки для ККИ и лёд и молнию.

Немного слов про видео: Сам очень не люблю когда докладчики экают и запинаются, но тут уж так вышло — волновался. В 1.25х скорости смотреть приятнее, особенно в начале, когда я пытался справиться с волнением 😊


p.s. Вот тут ссылка на слайды и код: https://coremission.net/gamedev/kormishin-devgamm-minsk-2019...


Всем гектаров в имениях и легкости в движениях!


Смотрите остальные посты про магию шейдеров по тегам ниже.

Показать полностью
[моё] Shadermagic Coremission Шейдеры Магияшейдеров Гифка Эффект Визуальные эффекты Видео
0
35
coremission
coremission
Лига Разработчиков Видеоигр

Магия шейдеров 17: Используем цвет вершин⁠⁠

5 лет назад

Градиент в Vertex color можно использовать вместе с Displacement'ом в вершинном шейдере для вот таких эффектов.


Что конкретно происходит в этом примере: мы делаем pivot с помощью этого цвета, чтобы нижнюю часть спайков Displacement не затрагивал.

Магия шейдеров 17: Используем цвет вершин

В конце ноября я был на DevGAMM в Минске и выступал с докладом Магия шейдеров: Популярные эффекты из видеоигр. Мы воспроизвели 3 эффекта из этой рубрики (имею в виду: Магия шейдеров) на пикабу в Unity!


Я сам очень стеснительный и было очень приятно, когда люди подходили и знакомились!

Кто-то из пикабушников был? Я был первый раз и мне очень понравилось! Indie Power!

Как всегда любые вопросы в ЛС или в предложку можно задавать вконтакте: https://vk.com/coremission

Всем гектаров в имениях и легкости в движениях!


Смотрите остальные посты про магию шейдеров по тегам ниже.

Показать полностью
Shadermagic Coremission Шейдеры Магияшейдеров Гифка Эффект Визуальные эффекты 3D
0
32
coremission
coremission
Лига Разработчиков Видеоигр

Магия шейдеров 16: Lava-лампа⁠⁠

6 лет назад

Нашел очень симпатичный и подробно-разобранный на гифке эффект lava-лампы, ребята!

Магия шейдеров 16: Lava-лампа

Как всегда любые вопросы в ЛС или в предложку можно задавать вконтакте: https://vk.com/coremission

Всем гектаров в имениях и легкости в движениях!


Смотрите остальные посты про магию шейдеров по тегам ниже.

Показать полностью
Shadermagic Coremission Шейдеры Магияшейдеров Гифка Эффект Визуальные эффекты 3D
3
127
coremission
coremission
Лига Разработчиков Видеоигр

Магия шейдеров 15: Шейдер силового поля/щита для космосимов⁠⁠

6 лет назад

Не сложный в воспроизведении эффект, я бы делал без каких-либо симуляций жидкостей и рассчетов — заводим отдельную текстурку (вроде height map'ы) в которую будем отрисовывать наши колебания от ударов: при попадании пересчитываем координаты в UV-координаты этой текстуры и рисуем в нее 2d-тороид (кружок).


Его можно скейлить и делать fade-out со временем, можно брать "кадры" из атласа и делать спрайтовую анимацию, чтобы добавить деталей. В вершинном шейдере читаем нашу текстурку и применяем смещение вдоль нормалей, а в пиксельном добавляем свечение.

Магия шейдеров 15: Шейдер силового поля/щита для космосимов

Я в процессе подготовки поста с литературой по шейдерам и до Магии шейдеров 20-25 точно будет пост про книги.


Как обычно любые вопросы в личку или в предложку можно задавать вконтакте: https://vk.com/coremission

Всем гектаров в имениях и легкости в движениях!


Смотрите остальные посты про магию шейдеров по тегам ниже.

Показать полностью
Shadermagic Coremission Шейдеры Магияшейдеров Гифка Эффект Визуальные эффекты 3D
11
71
coremission
coremission
Лига Разработчиков Видеоигр

Магия шейдеров 14: Эффект для карточек с Parallax mapping'ом⁠⁠

6 лет назад

Привет, ребята! Рубрика про шейдеры возвращается!


Очень симпатичный эффект для всяких ККИ. Дорого-богато.

Несложная техника похожая на Interior mapping, только здесь даже проще, не нужна кубмапа, нужна 1 текстурка.

Магия шейдеров 14: Эффект для карточек с Parallax mapping'ом

Я помню, что обещал опубликовать литературу по шейдерам и в следующих постах планирую выложить подборки книг по программированию шейдеров и графическим API. Всё будет, не волнуйтесь!


Как обычно любые вопросы в личку или в предложку можно задавать вконтакте: https://vk.com/coremission


Всем гектаров в имениях и легкости в движениях!

Смотрите остальные посты про магию шейдеров по тегам ниже.

Показать полностью
Shadermagic Coremission Шейдеры Магияшейдеров Гифка Эффект Визуальные эффекты 3D
6
50
coremission
coremission
Лига Разработчиков Видеоигр

Магия шейдеров 13: Подповерхностное рассеивание⁠⁠

6 лет назад

Привет, ребята!


Я на некоторое время пропадал и моя небольшая рубрика про магию шейдеров на пикабу увядала, let's make it great again!


Очень классный и простой трюк, я увидел в твиттере у Гарри Алисавакиса (Harry Alisavakis).


Можно создать классную драматическую сцену с таким освещением!

Я бы добавил холодного света снаружи, каких-то елей, может святлячков, а может и горящие красные пары глаз среди деревьев.

Магия шейдеров 13: Подповерхностное рассеивание

Весь исходный код Шейдера для Unity вы найдете на сайте Гарри: https://halisavakis.com/my-take-on-shaders-simple-subsurface...


Смотрите остальные посты про магию шейдеров по тегам ниже

Показать полностью
Shadermagic Coremission Шейдеры Магияшейдеров Гифка Эффект Визуальные эффекты 3D
5
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Маркет Промокоды Пятерочка Промокоды Aroma Butik Промокоды Яндекс Путешествия Промокоды Яндекс Еда Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии