如何获取一维数组的"edges"

Question

说明

我正在为 UI 元素生成纹理，这些元素在纹理边缘具有单个像素轮廓。

在纹理中设置颜色数据的方法仅限于传递一维颜色值数组。

这些纹理是二维的，所以它们基本上是矩形的。我需要能够识别当前像素何时处于边缘。我目前是这样做的：

Color[] colorData = new Color[width * height];
        for (int p = 0; p < colorData.Length; p++) {

            //Top
            if (p < width - 1) {

                colorData[p] = DefaultOutlineColor;
            }    
            //Left
            else if(p % width == 0) {
                colorData[p] = DefaultOutlineColor;
            }
            //Right
            else if(p % height == height - outlineWidth) {
                colorData[p] = DefaultOutlineColor;
            }
            //Bottom
            else if(p >= width * (height - outlineWidth)) {
                colorData[p] = DefaultOutlineColor;
            }
            //Fill
            else {
                colorData[p] = DefaultBaseColor;
            }
        }

问题

一些模数数学等等。我遇到的问题是纹理的右侧。更具体地计算右侧边缘。一图胜千言：

我知道这只是右边缘部分的计算错误。但我不知道如何让它发挥作用。任何帮助将不胜感激。

编辑：弄清楚了。这是工作代码：

        //Fill
        for (int p = 0; p < colorData.Length; p++) {

            colorData[p] = DefaultBaseColor;
        }

        //Top
        for (int p = 0; width * outlineWidth > p; p++) {

            colorData[p] = DefaultOutlineColor;
        }

        //Left and Right
        for (int p = 1; height > p; p++) {

            for (int i = 0; i < outlineWidth; i++) {

                colorData[(p * width) + i] = DefaultOutlineColor; //Left
                colorData[((p * width) - i) - 1] = DefaultOutlineColor; //Right
            }

        }

        //Bottom
        for (int p = width * height - (width * outlineWidth); colorData.Length > p; p++) {

           colorData[p] = DefaultOutlineColor;
        }

Answer 1

为什么不分三个循环呢？一个在上面，一个在左边，一个在右边，然后一个在下面？这样你就可以跳过所有根本不需要触摸的项目。

for(int ndx = 0; Width > ndx; ++ndx)
{
  colorData[ndx] = DefaultOutlineColor;
}

for(int ndx = 1; Height > ndx; ++ndx)
{
  colorDatandx * Widthp] = DefaultOutlineColor;
  colorData[ndx*Width + Width] = DefaultOutlineColor;}
}

for(int ndx = Width * Height - Width; Length > ndx; ++ndx)
{
  colorDatandxp] = DefaultOutlineColor;
}

Answer 2

使用 SoronelHaetir 的方法我弄明白了。不得不稍微编辑一下数学。如果有人感兴趣，这是工作代码：

        for (int ndx = 0; width > ndx; ndx++) {
            colorData[ndx] = DefaultOutlineColor;
        }
        for (int ndx = 1; height > ndx ; ndx++) {
            colorData[ndx * width] = DefaultOutlineColor;
            colorData[(ndx * width) - 1] = DefaultOutlineColor;
        }
        for (int ndx = width * height - width; colorData.Length > ndx; ndx++) {
            colorData[ndx] = DefaultOutlineColor;
        }

Answer 3

实际上你做的是单像素边框 - 但你在原始代码中使用 outlineWidth，所以这里有一个适用于任意边框大小的替代方法。

for (int p = 0; p < colorData.length; p++) {
    // retrieving the x/y coords isn't expensive if you do this only once
    int x = p % height;
    int y = p / height;

    if (x < outlineSize || y < outlineSize || x >= width - outlineSize || y >= height - outlineSize) {
        colorData[p] = DefaultOutlineColor;
    }
}

如何获取一维数组的"edges"

How to get the "edges" of a single dimensional array

c#

monogame

说明

问题