1

我想为 Silverlight 制作一个像素着色器，这将帮助我使用滑块更改色相/饱和度/亮度。* 色相滑块的值范围：[-180, 180] * 饱和度滑块的值范围：[-100, 100] * 亮度滑块的值范围：[-100, 100]

我设法创建了一个可以操纵饱和度和亮度值的像素着色器。但我可以找到任何改变色调值的算法。谁能给我一个算法？谢谢你。

这是我的 HLSL 代码：

/// <summary>The brightness offset.</summary>
/// <minValue>-180</minValue>
/// <maxValue>180</maxValue>
/// <defaultValue>0</defaultValue>
float Hue : register(C0);

/// <summary>The saturation offset.</summary>
/// <minValue>-100</minValue>
/// <maxValue>100</maxValue>
/// <defaultValue>0</defaultValue>
float Saturation : register(C1);

/// <summary>The lightness offset.</summary>
/// <minValue>-100</minValue>
/// <maxValue>100</maxValue>
/// <defaultValue>0</defaultValue>
float Lightness : register(C2);

sampler2D input : register(S0);

//--------------------------------------------------------------------------------------
// Pixel Shader
//--------------------------------------------------------------------------------------

float4 main(float2 uv : TEXCOORD) : COLOR
{
 // some vars
 float saturation = Saturation / 100 + 1;
 float lightness = Lightness / 100;
 float3  luminanceWeights = float3(0.299,0.587,0.114);

    // input raw pixel
    float4 srcPixel = tex2D(input, uv);

    // Apply saturation
    float luminance = dot(srcPixel, luminanceWeights);
    float4 dstPixel = lerp(luminance, srcPixel, saturation);

    // Apply lightness
    dstPixel.rgb += lightness;

    //retain the incoming alpha
    dstPixel.a = srcPixel.a;

    return dstPixel;
}
4

3 回答 3

2

输入域略有不同，但可以轻松调整：

float Hue : register(C0); // 0..360, default 0
float Saturation : register(C1); // 0..2, default 1
float Luminosity : register(C2); // -1..1, default 0

sampler2D input1 : register(S0);

static float3x3 matrixH =
{
  0.8164966f,  0,           0.5352037f,
 -0.4082483f,  0.70710677f, 1.0548190f,
 -0.4082483f, -0.70710677f, 0.1420281f
};

static float3x3 matrixH2 =
{
  0.84630f, -0.37844f, -0.37844f,
 -0.37265f,  0.33446f, -1.07975f,
  0.57735f,  0.57735f,  0.57735f
};

float4 main(float2 uv : TEXCOORD) : COLOR
{
  float4 c = tex2D(input1, uv);

  float3x3 rotateZ =
  {
    cos(radians(Hue)), sin(radians(Hue)), 0,
   -sin(radians(Hue)), cos(radians(Hue)), 0,
    0,                 0,                 1
  };
  matrixH = mul(matrixH, rotateZ);
  matrixH = mul(matrixH, matrixH2);

  float i = 1 - Saturation;
  float3x3 matrixS =
  {
    i*0.3086f+Saturation, i*0.3086f,            i*0.3086f,
    i*0.6094f,            i*0.6094f+Saturation, i*0.6094f,
    i*0.0820f,            i*0.0820f,            i*0.0820f+Saturation
  };
  matrixH = mul(matrixH, matrixS);

  float3 c1 = mul(c, matrixH);
  c1 += Luminosity;
  return float4(c1, c.a);
}
于 2014-05-24T22:05:00.167 回答
1

颜色空间之间的转换可在EasyRGB 获得，请参阅nokola.com上的这篇文章，了解色相转换的 Silverlight 实现。如果您采用此处提到的方法，则可以在一个 PS 2.0 着色器中调整色调、饱和度和亮度，但我没有尝试过。

于 2011-01-18T17:56:24.607 回答
-1

这是如何使用色调的一个很好的例子。

http://www.silverlightshow.net/news/Hue-Shift-in-Pixel-Shader-2.0-EasyPainter-Silverlight.aspx

于 2013-07-18T11:40:46.787 回答