#8 – Постпроцессинг и шейдеры

#8 – Постпроцессинг и шейдеры

За урок вы изучите постпроцессинг и шейдеры. За счет постпроцессинга вы можете добавлять эффекты для создания красивой визуальной картинки. А за счет шейдеров сможете создать уникальный материал для любого объекта.

Відеоурок

Telegram group

Підписуйтесь на нашу групу в Телеграмі 🇺🇦

Что такое постпроцессинг?

Постпроцессинг — это набор эффектов, которые применяются к изображению уже после того, как оно было отрендерено. Представьте, что вы фотографируете сцену, и после этого редактируете снимок с помощью фильтров и настроек: добавляете размытие, изменяете яркость или контраст, накладываете эффекты цветокоррекции. Постпроцессинг позволяет вам достичь подобного результата в реальном времени, напрямую в вашем 3D-проекте.

Некоторые популярные эффекты постпроцессинга включают:

  • Размытие в движении (Motion Blur): добавляет эффект размытия к объектам, которые движутся быстро.
  • Блум (Bloom): создает эффект свечения вокруг ярких объектов.
  • Глубина резкости (Depth of Field): позволяет размыть объекты, которые находятся за пределами фокуса камеры.
  • Цветокоррекция: изменение цветовых параметров сцены для создания определенного настроения или стиля.

Использование этих эффектов позволяет визуально улучшить проект и сделать его более привлекательным для зрителя.


Шейдеры: создание уникальных материалов

Шейдеры — это маленькие программы, которые выполняются на видеокарте и отвечают за то, как будут выглядеть материалы на объектах в вашей сцене. С помощью шейдеров вы можете создавать уникальные текстуры, динамические материалы и эффекты освещения, которые невозможно добиться с использованием стандартных настроек.

Существует два основных типа шейдеров:

  1. Вершинные шейдеры (Vertex Shaders) — управляют позицией вершин объектов. Они позволяют изменять форму объекта, деформировать его или анимировать.
  2. Фрагментные шейдеры (Fragment Shaders) — отвечают за цвет каждого пикселя объекта. Именно они определяют, как будет выглядеть поверхность объекта — блестящей, матовой, прозрачной или с текстурами.

Создание собственных шейдеров даёт вам полный контроль над визуализацией материалов и позволяет добиться уникальных визуальных эффектов, которых сложно достичь с помощью стандартных инструментов.

Вихідний код

Весь код буде доступний після підписки на проект!

Завдання до уроку

Необхідно оформити передплату на проект, щоб отримати доступ до всіх домашніх завдань

Велике завдання за курсом

Вам необхідно оформити передплату на сайті, щоб мати доступ до всіх великих завдань. У завдання входить методика рішення, а також готовий проект з відповіддю до завдання.
PS: подібні завдання доступні при підписці від 1 місяця

Також варто подивитися

Вивчення JavaScript для початківців з нуля!
15 уроків
Изучение стека MEAN: MongoDB, Express, Angular и Node JS
10 уроків
Создание приложения на React JS / Использование API
7 уроків
Уроки Node JS и Express для начинающих
13 уроків
Уроки Vue.js для начинающих
10 уроків
Уроки Angular для начинающих
11 уроків
Коментарі
Додати коментар

Поки що коментарів немає