Вопрос HLSL Gausing Blur Shader BackGround Directx11 (Decided)

[seraphim19119]

Всех приветствую, хотел сделать ПО с красивым интерфейсом на imgui и всё это на DirectX11, но когда захотел сделать background blur программы (в моём случае фон прозрачный, то есть мне надо размывать всё, что за окном программы) столкнулся с тем что я не понимаю как сделать его, в просторах интернета нашёл интересный github repo

Пожалуйста, авторизуйтесь для просмотра ссылки.

в котором показано как через DirectX11 создавать HLSL Shader, я убрал задник и начал работать с этим репо, в итоге у меня ничего не получилось, вот код который я попробовал для создания blur эффекта:

Texture2D inputTexture; // Входная текстура
SamplerState textureSampler : register(s0); // Сэмплер для чтения текстуры

float2 texelSize; // Размер одного текселя

// Функция для размытия горизонтально
float4 HorizontalBlurShader(float2 texCoord)
{
    float4 color = float4(0.0, 0.0, 0.0, 0.0);
    
    // Применяем веса для текущего пикселя и его соседей
    color += inputTexture.Sample(textureSampler, texCoord - 4.0 * texelSize) * 0.05;
    color += inputTexture.Sample(textureSampler, texCoord - 3.0 * texelSize) * 0.09;
    color += inputTexture.Sample(textureSampler, texCoord - 2.0 * texelSize) * 0.12;
    color += inputTexture.Sample(textureSampler, texCoord - texelSize) * 0.15;
    color += inputTexture.Sample(textureSampler, texCoord) * 0.16;
    color += inputTexture.Sample(textureSampler, texCoord + texelSize) * 0.15;
    color += inputTexture.Sample(textureSampler, texCoord + 2.0 * texelSize) * 0.12;
    color += inputTexture.Sample(textureSampler, texCoord + 3.0 * texelSize) * 0.09;
    color += inputTexture.Sample(textureSampler, texCoord + 4.0 * texelSize) * 0.05;

    return color;
}

// Функция для размытия вертикально
float4 VerticalBlurShader(float2 texCoord)
{
    float4 color = float4(0.0, 0.0, 0.0, 0.0);
    
    // Применяем веса для текущего пикселя и его соседей
    color += inputTexture.Sample(textureSampler, texCoord - 4.0 * texelSize) * 0.05;
    color += inputTexture.Sample(textureSampler, texCoord - 3.0 * texelSize) * 0.09;
    color += inputTexture.Sample(textureSampler, texCoord - 2.0 * texelSize) * 0.12;
    color += inputTexture.Sample(textureSampler, texCoord - texelSize) * 0.15;
    color += inputTexture.Sample(textureSampler, texCoord) * 0.16;
    color += inputTexture.Sample(textureSampler, texCoord + texelSize) * 0.15;
    color += inputTexture.Sample(textureSampler, texCoord + 2.0 * texelSize) * 0.12;
    color += inputTexture.Sample(textureSampler, texCoord + 3.0 * texelSize) * 0.09;
    color += inputTexture.Sample(textureSampler, texCoord + 4.0 * texelSize) * 0.05;

    return color;
}

// Основная функция шейдера
float4 main(float2 texCoord : TEXCOORD) : SV_Target
{
    float4 blurredColor = float4(0.0, 0.0, 0.0, 0.0);
    
    // Размываем горизонтально
    blurredColor += HorizontalBlurShader(texCoord);
    
    // Размываем вертикально
    blurredColor += VerticalBlurShader(texCoord);
    
    return blurredColor;
}

данный код компилируется (уже спасибо) но по итогу я получаю просто пустое окно:
Можете пожалуйста подсказать как мне сделать прозрачный размытый фон?

В заранее всех благодарю, а я пока пойду утоплюсь т.к. после изучения всего этого безобразия у меня вскипел мозг :(

 

[metafaze]

Чет я не совсем понимаю :
как в текстуру должно попасть то, что рендерится под твоим окном?мне кажется не в том направлении мыслишь.

также добавлю из своего опыта(GLSL, может быть неуместно) :
значения гауссовой функции я бы все таки предпочел пропихивать баффером, а не константами внутри кода который ты потом заебешься менять xD

 

[seraphim19119]

Чет я не совсем понимаю :
как в текстуру должно попасть то, что рендерится под твоим окном?мне кажется не в том направлении мыслишь.

я не супер крутой кодер, но пока искал всё что касается блюра и изучал, наткнулся на сурс чита legendware в котором было реализовано размытие фона через hlsl текстуру, вот и начал думать в этом направлении
Меня так то устроит любое размытие фона, просто начал рыть hlsl так как наткнулся на такой способ реализации, но он был на DirectX9 :(

 

[lascdre]

float4 blurredColor = float4(0.0, 0.0, 0.0, 0.0);

может дело заключается в этом?
конечно я не кодер шейдеров, но имел с ними дело..

 

[Fiera]

0.0, 0.0, 0.0, 0.0

прозрачность блюра поставлена на 0, попробуй на 100

 

[lascdre]

прозрачность блюра поставлена на 0, попробуй на 100

скорее всего там 0.0 и 1.0 используются раз это float иначе смысла не вижу ставить такой тип данных
лучше 0.2-0.3

 

[seraphim19119]

прозрачность блюра поставлена на 0, попробуй на 100

скорее всего там 0.0 и 1.0 используются раз это float иначе смысла не вижу ставить такой тип данных
лучше 0.2-0.3

к сожалению не сработало, какие значение туда не вводи всё равно ничего не происходит :(

 

[Darator]

К большому сожалению сделать нормальный блюр на DirectX в приложениях на винде получится только из того, что ты сам рендеришь, размыть то, что находится за приложением не получится. Хотя все зависит еще от того как ты создаешь окно.
Upd
Хотя возможно я ошибся

 

[luvwillow]

К большому сожалению сделать нормальный блюр на DirectX в приложениях на винде получится только из того, что ты сам рендеришь, размыть то, что находится за приложением не получится. Хотя все зависит еще от того как ты создаешь окно.
Upd
Хотя возможно я ошибся

создать второе окно на весь экран и его размывать уже хахвфыхахывахвыафхыафв

 

[Darator]

создать второе окно на весь экран и его размывать уже хахвфыхахывахвыафхыафв

Ну если не учитывать огромную потерю производительности, то да, можно, но все же я думаю речь о нормальных методах

Ну если не учитывать огромную потерю производительности, то да, можно, но все же я думаю речь о нормальных методах

upd
Хотя нет, даже так не получится сделать, если хочешь-попробуй

 

[seraphim19119]

Пока на работе курил и искал нужный мне код наткнулся на guthub repo:

Пожалуйста, авторизуйтесь для просмотра ссылки.

(no ad) как я понял работает он через установку специальных параметров, осталось его подружить с imgui и я думаю получится вполне рабочий код

создать второе окно на весь экран и его размывать уже хахвфыхахывахвыафхыафв

хвхваххахаха идея хорошая, но я уже пробывал сделать python окно с размытым фоном, а на него кидать overlay, но чёт я так посидел по экспериментировал, и это самое бесполезное чем я когда либо занимался, уж проще сделать всё как надо (ну или попробовать сделать всё как надо :D )

 

[seraphim19119]

Пожалуйста, авторизуйтесь для просмотра ссылки.

(no ad) тут вам и размытие, и нормальная работа imgui с альфа каналами, скругление окна, крч отличная база для проектов

P.s Админы закройте позязя тему
Всем кто пытался помочь огромное спасибо