Làm cách nào tôi có thể sao chép các giới hạn màu của NES bằng trình đổ bóng pixel HLSL?

Vì chế độ 256 màu không được dùng nữa và không còn được hỗ trợ trong chế độ Direct3D, tôi đã có ý tưởng sử dụng trình đổ bóng pixel để mô phỏng bảng màu NES của tất cả các màu có thể để các đối tượng mờ dần và không bị mờ dần với các kênh alpha . (Tôi biết các đối tượng không thể thực sự mờ dần trên NES, nhưng tôi có tất cả các đối tượng mờ dần trên và trên nền đen, điều này có thể xảy ra với hoán đổi bảng màu. Ngoài ra, màn hình mờ dần khi bạn tạm dừng Điều mà tôi biết cũng có thể xảy ra với việc hoán đổi bảng màu như đã được thực hiện trong một vài trò chơi Mega Man.) Vấn đề là, tôi không biết gì về các shader HLSL.

Tôi phải làm nó như thế nào?

Trong trình tạo bóng pixel, bạn có thể chuyển qua Texture2D 256x256 với các màu pallet được xếp theo hàng ngang trong một hàng. Sau đó, kết cấu NES của bạn sẽ được chuyển đổi thành direct3D Texture2Ds với từng pixel được chuyển đổi thành giá trị chỉ số 0-255. Có một định dạng kết cấu chỉ sử dụng giá trị màu đỏ trong D3D9. Vì vậy, kết cấu sẽ chỉ chiếm 8 bit cho mỗi pixel, nhưng dữ liệu đi vào trình đổ bóng sẽ từ 0-1.

// Pixel shader có thể trông như thế này:

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

EDIT: Một cách chính xác hơn sẽ là thêm vào tất cả các phiên bản pallet trộn mà bạn cần căn chỉnh theo chiều dọc trong kết cấu và tham chiếu chúng với giá trị 'alpha' của colorIndex:

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

Cách thứ ba là chỉ giả mạo chất lượng mờ dần của NES bằng cách tô màu cho màu alpha:

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

Nếu bạn không thực sự quan tâm đến việc sử dụng bộ nhớ kết cấu (và ý tưởng thổi một lượng bộ nhớ kết cấu điên rồ để đạt được giao diện retro có một loại hấp dẫn đồi trụy), bạn có thể tạo một kết cấu 3d 256x256x256 ánh xạ tất cả các kết hợp RGB vào bảng màu đã chọn của bạn . Sau đó, trong shader của bạn, nó chỉ trở thành một dòng mã ở cuối:

return tex3d (paletteMap, color.rgb);

Thậm chí có thể không cần thiết phải chuyển sang 256x256x256 - một cái gì đó như 64x64x64 là đủ - và bạn thậm chí có thể thay đổi ánh xạ bảng màu bằng cách sử dụng phương pháp này (nhưng với chi phí đáng kể nhờ cập nhật kết cấu động lớn).

(cả hai giải pháp của tôi chỉ hoạt động nếu bạn không quan tâm đến việc thay đổi palletes khi đang sử dụng shader)

Bạn có thể sử dụng bất kỳ loại kết cấu nào và chỉ thực hiện một tính toán đơn giản trên một shader. Thủ thuật là bạn có nhiều thông tin màu hơn bạn cần, vì vậy những gì bạn sẽ loại bỏ thông tin mà bạn không muốn.

Màu 8 bit có dạng RRRGGGBB . Cung cấp cho bạn 8 màu đỏ và xanh lá cây và 4 màu xanh lam.

Giải pháp này sẽ hoạt động cho mọi kết cấu định dạng màu 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);
}

lưu ý: tôi đã viết nó từ đỉnh đầu của tôi, nhưng tôi thực sự chắc chắn rằng nó sẽ biên dịch và làm việc cho bạn

Một khả năng khác , sẽ là sử dụng định dạng kết cấu D3DFMT_R3G3B2 thực sự giống như đồ họa 8 bit. Khi bạn đặt dữ liệu vào kết cấu này, bạn có thể sử dụng thao tác bit đơn giản trên mỗi byte.

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