HLSL 픽셀 셰이더로 NES의 색상 제한을 어떻게 복제 할 수 있습니까?

따라서 256 색상 모드가 감가 상각되고 Direct3D 모드에서 더 이상 지원되지 않기 때문에 가능한 모든 색상의 NES 팔레트를 시뮬레이션하기 위해 픽셀 셰이더를 사용하여 페이딩 객체와 알파 채널로 부드러운 페이드 아웃을하지 않는 아이디어를 얻었습니다. . (저는 NES에서 객체를 실제로 페이드 아웃 할 수 없다는 것을 알고 있지만 단색의 검정색 배경에서 페이드 인 및 페이드 아웃되는 모든 객체를 가지고 있습니다. 팔레트 스와핑으로 인해 가능합니다. 또한 일시 중지하면 화면이 페이드 인 및 페이드 아웃됩니다. 일부 Mega Man 게임에서와 같이 팔레트 스와핑으로도 가능하다는 것을 알고 있습니다.) 문제는 HLSL 셰이더에 대해서는 아무것도 모른다는 것입니다.

어떻게합니까?

픽셀 셰이더에서는 팔레트 색상이 모두 가로로 일렬로 정렬 된 256x256 Texture2D를 전달할 수 있습니다. 그런 다음 NES 텍스처는 픽셀을 0-255 인덱스 값으로 변환하여 direct3D Texture2D로 변환됩니다. 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;
}

텍스처 메모리 사용에 신경 쓰지 않는다면 (그리고 레트로 룩을 달성하기 위해 미친듯한 양의 텍스처 메모리를 불어 넣는 아이디어는 일종의 왜곡 된 호소력이 있습니다) 모든 RGB 조합을 선택한 팔레트에 매핑하는 256x256x256 3d 텍스처를 만들 수 있습니다 . 그런 다음 셰이더에서는 마지막에 한 줄의 코드가됩니다.

return tex3d (paletteMap, color.rgb);

64x64x64와 같은 256x256x256까지 충분하지 않을 수도 있으며이 방법을 사용하여 팔레트 매핑을 즉시 변경할 수도 있습니다 (그러나 큰 동적 텍스처 업데이트로 인해 상당한 비용이 듭니다).

(내 솔루션 모두 셰이더를 사용하여 팔레트를 즉시 변경하지 않아도되는 경우에만 작동합니다)

모든 유형의 텍스처를 사용할 수 있으며 셰이더에서 간단한 계산 만 수행 할 수 있습니다. 트릭은 필요한 것보다 더 많은 색상 정보를 가지고 있으므로 원하지 않는 정보를 제거하는 것입니다.

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);
}

참고 : 나는 내 머리 꼭대기에서 그것을 썼지 만 실제로 그것이 당신을 위해 컴파일되고 작동 할 것이라고 확신합니다.

또 다른 가능성 은 실제로 8 비트 그래픽과 동일한 D3DFMT_R3G3B2 텍스처 형식 을 사용 하는 것입니다. 이 텍스처에 데이터를 넣을 때 바이트 당 간단한 비트 연산을 사용할 수 있습니다.

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