Як досягти ефекту неонового світла?


26

Мені цікаво, як досягти ефекту типу неонового світла. Наприклад, у видання Pac-Man Chamipnship :

PacMan CE

Або у війнах геометрії :

Війни геометрії

Це ефект ефекту цвітіння? Або на які прийоми мені доведеться шукати?


1
Існує великий вплив цвітіння підручника тут
bobobobo

Відповіді:


13

Ось ви йдете :)

Камені GPU - ефект світіння

З огляду на те, що багато об'єктів, що мають ефект світіння на екрані (особливо у війнах з геометрією), частіше, ніж не шейдерний ефект, схожий на шейдер, описаний у цій статті.


Це з’явилося в модерації через запропоновану редакцію для розірваного посилання. Хоча я визнаю, що ця відповідь стара, все ще існує політика, яка відлякує відповіді, що стосуються лише посилань. Чи розглядаєте ви, як узагальнити основний підхід до цієї відповіді, а не віддавати її повністю зовнішнім ресурсам? У випадку, якщо в майбутньому посилання знову перерветься, було б ідеально зберегти тут ключові моменти.
DMGregory

6

Можливо, вам навіть не знадобиться ефект цвітіння / світіння в повноекранному режимі (пам’ятайте, що подібний ефект досить інтенсивний для GPU, особливо якщо ви робите 2D-ігри та хочете уникати високих системних вимог)

По-перше, спробуйте просто рендерінг своїх спрайтів за допомогою адитивної суміші - з рівнянням суміші, таким як:

(SRC_COLOUR * SRC_ALPHA) + (DST_COLOUR * ONE)

Потім запечіть свічення у своїх спрайтах (або надайте їх як додаткові спрайти - для створення "спрайту світіння", просто розмийте свій оригінал спрайт, використовуючи фільтр "Розмиття" в будь-якому пакеті фарби, який ви використовуєте)

Звичайно, цей підхід має деякі обмеження - додавання перекриваючихся спрайтів може бути небажаним, і цього можна уникнути, використовуючи ефект повного екрану / світіння на весь екран


2

Є два шляхи досягнення цього;

У верхньому (на думку здогадів) просто використовуються напівпрозорі зображення.

Нижній складніший (знову здогад) грає з буферами, щоб створити ефект світіння (цвітіння).

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.