帮助理解像素化效果

Question

我是 HLSL 新手，我正在尝试理解像素化样本。然而，我还没有找到关于几个操作是如何进行的参考。这是着色器示例：

//--------------------------------------------------------------------------------------
// 
// WPF ShaderEffect HLSL -- PixelateEffect
//
//--------------------------------------------------------------------------------------

//-----------------------------------------------------------------------------------------
// Shader constant register mappings (scalars - float, double, Point, Color, Point3D, etc.)
//-----------------------------------------------------------------------------------------

float HorizontalPixelCounts : register(C0);
float VerticalPixelCounts : register(C1);

//--------------------------------------------------------------------------------------
// Sampler Inputs (Brushes, including ImplicitInput)
//--------------------------------------------------------------------------------------

sampler2D implicitInputSampler : register(S0);


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

float4 main(float2 uv : TEXCOORD) : COLOR
{
  float2 brickCounts = { HorizontalPixelCounts, VerticalPixelCounts };
  float2 brickSize = 1.0 / brickCounts;

  // Offset every other row of bricks
  float2 offsetuv = uv;
  bool oddRow = floor(offsetuv.y / brickSize.y) % 2.0 >= 1.0;
  if (oddRow)
  {
      offsetuv.x += brickSize.x / 2.0;
  }

  float2 brickNum = floor(offsetuv / brickSize);
  float2 centerOfBrick = brickNum * brickSize + brickSize / 2;
  float4 color = tex2D(implicitInputSampler, centerOfBrick);

  return color;
}

我无法理解正在发生的计算：

float2 brickNum = floor(offsetuv / brickSize);

我不知道如何计算两个向量之间的除法，而且我也不知道如何计算向量。 （我假设两个 float2 相除返回一个 float2）。

有什么想法吗？

Answer 1

HLSL 运算符和函数通常与具有 x 和 y 的 float2 等结构一起使用。

地板内部的除法返回一个 float2，其中 x 和 y 是 x 除以 x 的结果代码>x和y与y。 Floor 将返回一个 float2，其中结果的 x 和 y 是 x 的下限值，输入的y（除法的结果）。

float3和其他类似结构也是如此。