Как работает шейдер

@Aiz31 · Регистрация: 26.12.2020

Author24 — интернет-сервис помощи студентам

Добрый день. Возник такой вопрос при изучении шейдеров. К примеру: есть шейдер который рисует круг и смещает его по кругу от начальной точки координат(то есть левый нижний угол). И проблема в том, что я не особо понимаю почему исходя из всех операций с координатой пикселя, передавая его в gl_FragColor происходит такая магия.

glSlang

#ifdef GL_ES
precision mediump float;
#endif
 
uniform vec2 u_resolution;
uniform float u_time;
 
float circleShape(vec2 position, float radius)
{
    return step(radius, length(position));
}
 
void main()
{
    vec2 position = gl_FragCoord.xy / u_resolution;
    vec2 translate = vec2(sin(u_time), cos(u_time));
    position += translate;
 
    vec3 color = vec3(0.0);
 
    float circle = circleShape(position, 0.2);
 
    color = vec3(circle);
 
    gl_FragColor = vec4(color, 1.0);
 
}

@zayats80888 · 16.10.2022, 14:28

Сообщение от Aiz31

не особо понимаю почему исходя из всех операций с координатой пикселя, передавая его в gl_FragColor происходит такая магия

Что-то конкретно не понятно или вообще ничего не понятно?
Если второе, то форум не лучшее место для изучения теории...

@Aiz31 · 16.10.2022, 16:44 **[ТС]**

Я думаю скорее 2

@SmallEvil · 16.10.2022, 17:07

У меня по этой теме точно 2. Я даже не знаю : что такое шейдер, слышал что что то там в видеокарте такое есть

Гугл -> Вики = Шейдер - программа для процессора видеокарты. Гы.

Сообщение от Aiz31

Как работает шейдер

Так же как и программы для центрального процессора.
Исполняя инструкции.

@XLAT · 17.10.2022, 03:50

Сообщение от Aiz31

И проблема в том, что я не особо понимаю почему исходя
из всех операций с координатой пикселя, передавая его в gl_FragColor происходит такая магия.

на самом деле всё очень и очень просто.

но чтобы избежать риск сделать объяснение более сложным чем сам рассматриваемый в своей простоте предмет
я заострю ваше внимание всего лишь на двух моментах:

1.
Любой шейдер запускается каждый раз для каждого пикселя!

2.
Чтобы окрасить пиксель нужно проверить некое заданное автором условие.
условие - оно же синоним - критерий попадания.

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

Разберите их и тогда вы поймёте всю шейдерную магию!

и обязательно практика:
вот годный полигон:
https://www.shadertoy.com/view/DslGDn

там ваш шейдер, с которым я чуть поигрался ...

это два момента и есть ПОЛНЫЙ КЛЮЧ К ПОНИМАНИЮ работы шейдеров.

@zayats80888 6091 / 3449 / 1402 Регистрация: 07.02.2019 Сообщений: 8,768
	16.10.2022, 14:28	2
	Сообщение от Aiz31 не особо понимаю почему исходя из всех операций с координатой пикселя, передавая его в gl_FragColor происходит такая магия Что-то конкретно не понятно или вообще ничего не понятно? Если второе, то форум не лучшее место для изучения теории... 0

@Aiz31 0 / 0 / 0 Регистрация: 26.12.2020 Сообщений: 9
	16.10.2022, 16:44 [ТС]	3
	Я думаю скорее 2 0

@SmallEvil 2817 / 2325 / 703 Регистрация: 29.06.2020 Сообщений: 8,577
	16.10.2022, 17:07	4
	У меня по этой теме точно 2. Я даже не знаю : что такое шейдер, слышал что что то там в видеокарте такое есть Гугл -> Вики = Шейдер - программа для процессора видеокарты. Гы. Сообщение от Aiz31 Как работает шейдер Так же как и программы для центрального процессора. Исполняя инструкции. 0

@XLAT Just Do It! 3837 / 2283 / 636 Регистрация: 23.09.2014 Сообщений: 7,052 Записей в блоге: 2
	17.10.2022, 03:50	5
	Сообщение от Aiz31 И проблема в том, что я не особо понимаю почему исходя из всех операций с координатой пикселя, передавая его в gl_FragColor происходит такая магия. на самом деле всё очень и очень просто. но чтобы избежать риск сделать объяснение более сложным чем сам рассматриваемый в своей простоте предмет я заострю ваше внимание всего лишь на двух моментах: 1. Любой шейдер запускается каждый раз для каждого пикселя! 2. Чтобы окрасить пиксель нужно проверить некое заданное автором условие. условие - оно же синоним - критерий попадания. и тут ваще задача децкая, и на самом деле на форуме её достаточно часто решают школьники, например, тут: Составить программу для подсчета количества точек попавших в заданную область или вот тут: Определить, принадлежит ли точка с координатами x, y заштрихованной части плоскости и ещё 100500 тут на форуме такого рода задач. Разберите их и тогда вы поймёте всю шейдерную магию! и обязательно практика: вот годный полигон: https://www.shadertoy.com/view/DslGDn там ваш шейдер, с которым я чуть поигрался ... это два момента и есть ПОЛНЫЙ КЛЮЧ К ПОНИМАНИЮ работы шейдеров. 0

Опции темы