Як я можу повторити обмеження кольорів NES за допомогою піксельного шейдера HLSL?

Оскільки 256 кольоровий режим знецінюється і більше не підтримується в режимі Direct3D, у мене з’явилася ідея використовувати піксельний шейдер замість того, щоб імітувати палітру NES усіх можливих кольорів, щоб зникаючі об'єкти та щось не мали плавних вицвітання з альфа-каналами . (Я знаю, що об'єкти не можуть зникати на NES, але у мене є всі об'єкти, які вицвітають і виходять на суцільному чорному тлі, що було б можливо при зміні палітри. Також екран вимикає і вимикається, коли ви призупиняєте що, як я знаю, було можливим і з заміною палітри, як це було зроблено в кількох іграх Mega Man.) Проблема в тому, що я майже нічого не знаю про шейдери HLSL.

Як це зробити?

У піксельному шейдері ви могли пройти в форматі 256x256 Texture2D з кольорами піддону, усі вишикувалися горизонтально підряд. Тоді ваші текстури NES будуть перетворені на direct3D Texture2Ds з будь-коли пікселем, перетвореним на значення індексу 0-255. Існує формат текстури, який використовує лише червоне значення в D3D9. Таким чином, текстура займе лише 8 біт на піксель, але дані, які надходять у шейдер, становитимуть від 0-1.

// Піксельний шейдер може виглядати приблизно так:

float4 mainPS() : COLOR0
{
    float4 colorIndex = tex2D(MainTexture, uv);
    float4 palletColor = tex2D(PalletTexture, float2(colorIndex.x, 0);
    return palletColor;
}

РЕДАКТУВАННЯ: Більш правильним способом було б додати до всієї версії піддону, що потрібно змішувати, по вертикалі вирівняти текстуру і посилати їх на значення "альфа" вашого colorIndex:

float4 mainPS() : COLOR0
{
    float4 colorIndex = tex2D(MainTexture, uv);
    float4 palletColor = tex2D(PalletTexture, float2(colorIndex.x, colorIndex.a);
    return palletColor;
}

Третім способом було б просто підробити NES з низькою якістю в’янення, відтіняючи альфа-колір тоном:

float4 mainPS() : COLOR0
{
    float4 colorIndex = tex2D(MainTexture, uv);
    float4 palletColor = tex2D(PalletTexture, float2(colorIndex.x, 0);
    palletColor.a = floor(palletColor.a * fadeQuality) / fadeQuality;
    //NOTE: If fadeQuality where to equal say '3' there would be only 3 levels of fade.
    return palletColor;
}

Якщо вас не дуже цікавить використання текстурної пам'яті (а ідея видумати шалений об'єм текстурної пам'яті для досягнення ретро-вигляду має певну викривлену привабливість), ви можете створити 3d-текстуру 256x256x256, що відображає всі комбінації RGB у вибраній палітрі. . Тоді у вашому шейдері він просто стає одним рядком коду в кінці:

return tex3d (paletteMap, color.rgb);

Можливо, навіть не доведеться пройти весь шлях до 256x256x256 - чогось типу 64x64x64 може бути достатньо - і ви навіть можете змінити відображення палітри на ходу за допомогою цього методу (але за значних витрат через велике динамічне оновлення текстури).

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

Ви можете використовувати будь-який тип текстури і робити просто прорахунок на шейдері. Хитрість полягає в тому, що у вас більше інформації про колір, ніж вам потрібно, тож ви просто позбудетесь інформації, якої не хочете.

8-бітний колір є у форматі RRRGGGBB . Що дає 8 відтінків червоного та зеленого та 4 відтінки синього.

Це рішення працюватиме для будь-яких текстур кольорового формату RGB (A).

float4 mainPS() : COLOR0
{
    const float oneOver7 = 1.0 / 8.0;
    const float oneOver3 = 1.0 / 3.0;

    float4 color = tex2D(YourTexture, uvCoord);
    float R = floor(color.r * 7.99) * oneOver7;
    float G = floor(color.g * 7.99) * oneOver7;
    float B = floor(color.b * 3.99) * oneOver3;

    return float4(R, G, B, 1);
}

зауважте: я написав, що зверху голови, але я дійсно впевнений, що він буде збиратись і працювати для вас

Іншою можливістю буде використання текстурного формату D3DFMT_R3G3B2 , який насправді такий же, як 8-бітна графіка. Коли ви додаєте дані до цієї текстури, ви можете використовувати прості операції по бітам на один байт.

tex[index] = (R & 8) << 5 + ((G & 8) << 2) + (B & 4);