shader程序中的采样函数tex2D给出商业化级具体代码实现

于 2024-07-24 22:14:48 发布
阅读量113 收藏 2
点赞数 2
分类专栏： Shader 文章标签： 游戏引擎
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33060405/article/details/140674620
版权

在Unity引擎中，tex2D函数用于在片段着色器中采样2D纹理。这个函数的实现涉及到纹理坐标的处理、纹理过滤、纹理边界处理等多个方面。虽然我们无法直接访问Unity引擎的源码，但我们可以通过模拟其功能来实现一个类似的纹理采样函数。

以下是一个简化的、商业化级别的纹理采样函数的实现示例。这个示例假设我们有一个简单的纹理类和一个纹理采样函数，支持线性过滤和边界处理。

纹理类定义

首先，我们定义一个简单的纹理类，用于存储纹理数据和相关信息。

public class Texture2D
{
    public int Width { get; private set; }
    public int Height { get; private set; }
    private Color[] pixels;

    public Texture2D(int width, int height)
    {
        Width = width;
        Height = height;
        pixels = new Color[width * height];
    }

    public void SetPixel(int x, int y, Color color)
    {
        if (x >= 0 && x < Width && y >= 0 && y < Height)
        {
            pixels[y * Width + x] = color;
        }
    }

    public Color GetPixel(int x, int y)
    {
        if (x >= 0 && x < Width && y >= 0 && y < Height)
        {
            return pixels[y * Width + x];
        }
        return Color.black; // 返回黑色表示越界
    }
}

纹理采样函数

接下来，我们实现一个纹理采样函数，支持线性过滤和边界处理。

public static class TextureSampler
{
    public static Color Tex2D(Texture2D texture, Vector2 uv)
    {
        // 处理纹理坐标的边界
        uv.x = uv.x - Mathf.Floor(uv.x);
        uv.y = uv.y - Mathf.Floor(uv.y);

        // 将UV坐标转换为纹理坐标
        float x = uv.x * (texture.Width - 1);
        float y = uv.y * (texture.Height - 1);

        // 获取四个相邻像素的坐标
        int x1 = Mathf.FloorToInt(x);
        int y1 = Mathf.FloorToInt(y);
        int x2 = Mathf.CeilToInt(x);
        int y2 = Mathf.CeilToInt(y);

        // 获取四个相邻像素的颜色
        Color c11 = texture.GetPixel(x1, y1);
        Color c12 = texture.GetPixel(x1, y2);
        Color c21 = texture.GetPixel(x2, y1);
        Color c22 = texture.GetPixel(x2, y2);

        // 计算插值权重
        float tx = x - x1;
        float ty = y - y1;

        // 进行双线性插值
        Color c1 = Color.Lerp(c11, c21, tx);
        Color c2 = Color.Lerp(c12, c22, tx);
        Color finalColor = Color.Lerp(c1, c2, ty);

        return finalColor;
    }
}

使用示例

以下是如何使用上述纹理类和采样函数的示例：

void Start()
{
    // 创建一个简单的纹理
    Texture2D texture = new Texture2D(4, 4);
    texture.SetPixel(0, 0, Color.red);
    texture.SetPixel(1, 0, Color.green);
    texture.SetPixel(2, 0, Color.blue);
    texture.SetPixel(3, 0, Color.yellow);
    // ... 设置其他像素

    // 采样纹理
    Vector2 uv = new Vector2(0.5f, 0.5f);
    Color sampledColor = TextureSampler.Tex2D(texture, uv);

    Debug.Log("Sampled Color: " + sampledColor);
}

解释

  1. 纹理类：Texture2D类用于存储纹理数据，并提供设置和获取像素颜色的方法。
  2. 纹理采样函数：Tex2D函数实现了线性过滤和边界处理。它首先将UV坐标转换为纹理坐标，然后获取四个相邻像素的颜色，最后通过双线性插值计算最终的颜色。
  3. 使用示例：在示例中，我们创建了一个简单的
    好的，我们继续深入探讨纹理采样函数的实现和优化。

纹理采样函数的优化

在实际的商业化应用中，纹理采样函数需要考虑更多的细节和优化，以提高性能和质量。以下是一些常见的优化策略：

  1. 边界处理：处理纹理坐标的边界情况，如重复（Repeat）、镜像（Mirror）、钳制（Clamp）等。
  2. 纹理过滤：支持多种纹理过滤模式，如最近邻（Nearest）、双线性（Bilinear）、三线性（Trilinear）等。
  3. 多级细节（Mipmap）：使用多级细节纹理，提高远距离纹理的采样质量和性能。

边界处理

我们可以扩展纹理采样函数，支持不同的边界处理模式。以下是一个示例：

public enum TextureWrapMode
{
    Repeat,
    Mirror,
    Clamp
}

public static class TextureSampler
{
    public static Color Tex2D(Texture2D texture, Vector2 uv, TextureWrapMode wrapMode)
    {
        // 处理纹理坐标的边界
        switch (wrapMode)
        {
            case TextureWrapMode.Repeat:
                uv.x = uv.x - Mathf.Floor(uv.x);
                uv.y = uv.y - Mathf.Floor(uv.y);
                break;
            case TextureWrapMode.Mirror:
                uv.x = 1.0f - Mathf.Abs(uv.x - Mathf.Floor(uv.x) * 2.0f);
                uv.y = 1.0f - Mathf.Abs(uv.y - Mathf.Floor(uv.y) * 2.0f);
                break;
            case TextureWrapMode.Clamp:
                uv.x = Mathf.Clamp01(uv.x);
                uv.y = Mathf.Clamp01(uv.y);
                break;
        }

        // 将UV坐标转换为纹理坐标
        float x = uv.x * (texture.Width - 1);
        float y = uv.y * (texture.Height - 1);

        // 获取四个相邻像素的坐标
        int x1 = Mathf.FloorToInt(x);
        int y1 = Mathf.FloorToInt(y);
        int x2 = Mathf.CeilToInt(x);
        int y2 = Mathf.CeilToInt(y);

        // 获取四个相邻像素的颜色
        Color c11 = texture.GetPixel(x1, y1);
        Color c12 = texture.GetPixel(x1, y2);
        Color c21 = texture.GetPixel(x2, y1);
        Color c22 = texture.GetPixel(x2, y2);

        // 计算插值权重
        float tx = x - x1;
        float ty = y - y1;

        // 进行双线性插值
        Color c1 = Color.Lerp(c11, c21, tx);
        Color c2 = Color.Lerp(c12, c22, tx);
        Color finalColor = Color.Lerp(c1, c2, ty);

        return finalColor;
    }
}

纹理过滤

我们可以扩展纹理采样函数，支持不同的纹理过滤模式。以下是一个示例：

public enum TextureFilterMode
{
    Nearest,
    Bilinear
}

public static class TextureSampler
{
    public static Color Tex2D(Texture2D texture, Vector2 uv, TextureWrapMode wrapMode, TextureFilterMode filterMode)
    {
        // 处理纹理坐标的边界
        switch (wrapMode)
        {
            case TextureWrapMode.Repeat:
                uv.x = uv.x - Mathf.Floor(uv.x);
                uv.y = uv.y - Mathf.Floor(uv.y);
                break;
            case TextureWrapMode.Mirror:
                uv.x = 1.0f - Mathf.Abs(uv.x - Mathf.Floor(uv.x) * 2.0f);
                uv.y = 1.0f - Mathf.Abs(uv.y - Mathf.Floor(uv.y) * 2.0f);
                break;
            case TextureWrapMode.Clamp:
                uv.x = Mathf.Clamp01(uv.x);
                uv.y = Mathf.Clamp01(uv.y);
                break;
        }

        // 将UV坐标转换为纹理坐标
        float x = uv.x * (texture.Width - 1);
        float y = uv.y * (texture.Height - 1);

        if (filterMode == TextureFilterMode.Nearest)
        {
            // 最近邻过滤
            int ix = Mathf.RoundToInt(x);
            int iy = Mathf.RoundToInt(y);
            return texture.GetPixel(ix, iy);
        }
        else if (filterMode == TextureFilterMode.Bilinear)
        {
            // 双线性过滤
            int x1 = Mathf.FloorToInt(x);
            int y1 = Mathf.FloorToInt(y);
            int x2 = Mathf.CeilToInt(x);
            int y2 = Mathf.CeilToInt(y);

            Color c11 = texture.GetPixel(x1, y1);
            Color c12 = texture.GetPixel(x1, y2);
            Color c21 = texture.GetPixel(x2, y1);
            Color c22 = texture.GetPixel(x2, y2);

            float tx = x - x1;
            float ty = y - y1;

            Color c1 = Color.Lerp(c11, c21, tx);
            Color c2 = Color.Lerp(c12, c22, tx);
            return Color.Lerp(c1, c2, ty);
        }

        return Color.black; // 默认返回黑色
    }
}

多级细节（Mipmap）

多级细节纹理（Mipmap）是一种用于提高远距离纹理采样质量和性能的技术。我们可以扩展纹理类，支持多级细节纹理。

public class MipmapTexture2D
{
    private List<Texture2D> mipmaps;

    public MipmapTexture2D(Texture2D baseTexture)
    {
        mipmaps = new List<Texture2D>();
        mipmaps.Add(baseTexture);
        GenerateMipmaps(baseTexture);
    }

    private void GenerateMipmaps(Texture2D baseTexture)
    {
        int width = baseTexture.Width;
        int height = baseTexture.Height;

        while (width > 1 && height > 1)
        {
            width /= 2;
            height /= 2;
            Texture2D mipmap = new Texture2D(width, height);

            for (int y = 0; y < height; y++)
            {
                for (int x = 0; x < width; x++)
                {
                    Color c1 = baseTexture.GetPixel(x * 2, y * 2);
                    Color c2 = baseTexture.GetPixel(x * 2 + 1, y * 2);
                    Color c3 = baseTexture.GetPixel(x * 2, y * 2 + 1);
                    Color c4 = baseTexture.GetPixel(x * 2 + 1, y * 2 + 1);
                    mipmap.SetPixel(x, y, (c1 + c2 + c3 + c4) / 4.0f);
                }
            }

            mipmaps.Add(mipmap);
            baseTexture = mipmap;
        }
    }

    public Texture2D GetMipmap(int level)
    {
        return mipmaps[Mathf.Clamp(level, 0, mipmaps.Count - 1)];
    }
}

使用示例

以下是如何使用上述扩展的纹理类和采样函数的示例：

void Start()
{
    // 创建一个简单的纹理
    Texture2D baseTexture = new Texture2D(4, 4);
    baseTexture.SetPixel(0, 0, Color.red);
    baseTexture.SetPixel(1, 0, Color.green);
    baseTexture.SetPixel(2, 0, Color.blue);
    baseTexture.SetPixel(3, 0, Color.yellow);
    // ... 设置其他像素

    // 创建多级细节纹理
    MipmapTexture2D mipmapTexture = new MipmapTexture2D(baseTexture);

    // 采样纹理
    Vector2 uv = new Vector2(0.5f, 0.5f);
    Color sampledColor = TextureSampler.Tex2D(mipmapTexture.GetMipmap(0), uv, TextureWrapMode.Repeat, TextureFilterMode.Bilinear);

    Debug.Log("Sampled Color: " + sampledColor);
}

通过以上的扩展和优化，我们实现了一个更接近商业化级别的纹理采样函数，支持多种边界处理模式、纹理过滤模式和多级细节纹理。希望这些示例和解释对你有所帮助！如果你有任何具体问题或需要进一步的解释，请随时告诉我。

牛掰是怎么形成的
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
商业化级别的Shader程序
听老罗娓娓道来
07-18 52
通过上述步骤，我们创建了一个基础的PBR Shader，并通过C#脚本控制其参数。这个Shader可以作为商业化项目的基础，并根据具体需求进行进一步的优化和扩展。希望这些内容对你有所帮助！如果有任何问题或需要进一步的优化，请随时告诉我。好的，我们继续扩展和优化这个PBR Shader，使其更接近商业化级别的实现。环境反射（Environment Reflection）发光（Emission）次表面散射（Subsurface Scattering）性能优化。
shader程序中顶点光照模型
听老罗娓娓道来
07-24 3
通过以上步骤，我们已经将一个简单的顶点光照模型Shader扩展为一个包含环境光遮蔽、反射、阴影和次表面散射的高级Shader。这个Shader可以用于商业级别的游戏和应用程序中，提供更高的视觉质量和真实感。
《Unity Shader入门精要》笔记：高级篇（1）
sugarsama的博客
07-06 460
本章节主要讲述了屏幕后处理技术的效果应用
Unity3D---通过Shader实现美颜
余梦生fighting的专栏
11-21 2468
视频类APP没有美颜功能大概没人会用吧？ 鉴于此，有点心血来潮，打算用Unity实现简单的美颜。 真正的商业级美颜算法是很复杂的，经过无数次打磨才成型，包括磨皮、美白、瘦脸、大眼等等细节，我这里只是用Unity3D的后处理技术做个简单的磨皮、美白。 首先，美颜一般针对的是脸部区域，我们得先识别出脸部区域。 完整的人脸识别算法，这在Unity3D中实现起来有点困难（不借助SDK），因此我们需要换个思路，仔细想想，我们也没必要进行人脸识别，我们大可识别出肤色区域，然后在肤色区域进行美颜。 Sh...
（二十一）unity Shader——————shader中的动画效果：下篇(顶点动画)
cgy56191948的博客
10-22 1103
顶点动画可以让我们的场景变得更加生动有趣。在游戏中，我们常常使用顶点动画来模拟飘动的旗帜，河流的效果。下面将学习两种常见的顶点动画应用：流动的河流以及广告牌技术，最后还给出一些顶点动画中的注意事项以及解决方法。 一、流动的河流 河流的模拟是顶点动画最常见的应用之一。原理通常是使用正弦函数等来模拟水流的波动效果。本节会展示如何模拟一个2D的河流效果。 1.声明属性： Propertie...
《Unity Shader入门精要》笔记：高级篇（2）
sugarsama的博客
07-07 281
本章节主要讲述了基于深度和法线纹理的运动模糊、全局雾效、边缘检测、卡通风格渲染的渲染思路。（我个人最喜欢这个卡通风格的效果）
《Unity Shader入门精要》笔记：高级篇（3）以及扩展
sugarsama的博客
07-07 688
入门精要最后一部分内容，主要讲述了优化技术，以及部分拓展。
2024年Unity 面试题 |五萬字 二佰道| Unity面试题大全，面试题总结【全网最全，收藏一篇足够面试】
热门推荐
努力前行，总会成为自己心中的那道光
02-23 11万+
正所谓 金三银四 ，又到了找工作的大好时机了，不知道大家有没有意向找一份更好的工作呢~ 之前写了很多Unity的学习和实例文章，但是面试题部分还没有一个系统的整理。 那本篇文章就来整理一下Unity中一些常见的面试题，说不准就会面试的时候就会遇到！ 本篇文章会将Unity所有方面的面试资料都融会贯通，绝对是2022年Unity面试领域最实用的文章啦！
冰shader_【翻译】Shader · 冰
weixin_39926014的博客
12-23 76
这回要翻译的是Lindsey Rein女士的文章，很荣幸得到了她的许可。老样子，我郑重承诺：搬运和翻译将是非商业化的，并且无广告，不收费。我将尊重作者文意，不篡改文中内容。我将始终指向作者的个人网站和Github，不作个人推广。Lindsey女士的文章简明扼要，Shader简单易学又效果出色，实在是Shader学习、提升自己不可多得的文章。(老干妈脸)...
Unity3D中shader 轮廓描边效果实现代码
08-31
Unity3D中shader轮廓描边效果实现代码 Unity3D中shader轮廓描边效果是指在 Unity3D 引擎中使用 shader 实现的描边效果，该效果可以使模型的轮廓变得更加明显，从而提高模型的可读性和美观性。本文将详细介绍 Unity...
UnityShader 实现2D流光效果
05-09
为了实现循环效果，可以在Shader中添加以下代码来处理UV的溢出： ```c newUV.x = fmod(newUV.x, 1.0); ``` 对于叠加效果，可以使用`Lerp`函数混合原始颜色和流光颜色： ```c o.Albedo = lerp(o.Albedo, tex2D(_...
unity用shader来实现2D涟漪/水波纹特效
04-25
在Shader Graph中，所有这些操作都可以通过节点来实现，无需编写代码。完成后，将这个shader拖拽到精灵（Sprite）的Material上，就能看到2D涟漪效果了。 在实际项目中，我们可能还需要考虑性能优化，例如限制计算的...
Unity Shader实现2D水流效果
08-19
在 frag 函数中，我们使用了 tex2D 语句来采样纹理，然后将结果乘以颜色。最后，我们使用了 UNITY_APPLY_FOG 语句来应用雾化效果。 我们可以使用 Unity Shader 实现 2D 水流效果，方法是结合顶点变换和纹理动画两种...
shader cocos2d-x lua实现3D弧边搓牌效果
07-09
shader编写，在lua层实现卡牌搓牌带3D弧边搓牌、翻牌效果。
GAMES104：05游戏引擎中的渲染系统2：渲染中的光照、材质和shader-学习笔记
噗噗噗的博客
07-24 638
PBR+IBL。
2024 TI杯电子工程设计大赛工程资料
最新发布
07-24
移植的驱动：TFTLCD屏幕、触控IC、AD9910（DDS）、SI5351（时钟发生芯片） 所有驱动的通信部分被优化和重写（不超频的情况下），实现外设最佳性能表现 开发的算法 优化算法（gd.h）：实现二阶余弦退火梯度下降法 FFT相关（fft.h）：高精度FFT采样分析（与SI5351配合实现） 软件解调AM和FM信号 通信相关（fpga_spi.h）：实现与FPGA的私有协议（类SPI）通信 波形生成（fmam_gen.h）：实现DDS产生FM、AM调制波形 实现DAC产生FM、AM调制波形 方波周期测量（app.c）
年终总结汇报PPT模板(15)三个文档.pptx
07-24
年终总结汇报PPT模板(15)三个文档.pptx
Dell H330 RAID至原厂HBA固件IT版Crossflash工具.zip
07-24
在IT领域，RAID（Redundant Array of Independent Disks，独立磁盘冗余阵列）是一种技术，用于提升硬盘存储系统的性能、可靠性和数据冗余。Dell H330是一款广泛使用的服务器级RAID控制器，它为用户提供了一种灵活的方式来管理服务器中的硬盘驱动器。"Crossflash"是将一种固件或配置应用于不兼容硬件的过程，但在这个场景中，它是将Dell H330 RAID卡的固件刷写成直通（IT，Independent Technology）模式。 直通模式是RAID控制器的一种工作模式，它允许系统直接与硬盘驱动器通信，而不需要RAID功能。这种模式通常用于不需要RAID级别的数据保护，而是追求极致性能的应用，例如数据库服务器或者高I/O需求的工作站。 在Dell H330上执行“Crossflash”到直通模式的操作，用户可以实现以下几点： 1. **性能提升**：直通模式消除了RAID控制器处理数据的额外步骤，理论上能提供更高的硬盘读写速度，对于不需要RAID功能的环境特别有益。 2. **降低成本**：使用直通模式时，用户无需购买额外的RAID
opengl 在shader中实现高效的图像亮度均衡，运行时间ms级，并写出代码
06-10
OpenGL中实现高效的图像亮度均衡可以使用直方图均衡化算法，该算法可以有效地提高图像的对比度和亮度分布，使图像变得更加清晰鲜明。 以下是使用OpenGL Shader实现图像亮度均衡的代码示例： 顶点着色器： ``` #version 330 core layout (location = 0) in vec3 aPos; layout (location = 1) in vec2 aTexCoord; out vec2 TexCoord; void main() { gl_Position = vec4(aPos, 1.0); TexCoord = aTexCoord; } ``` 片段着色器： ``` #version 330 core out vec4 FragColor; in vec2 TexCoord; uniform sampler2D image; void main() { vec4 color = texture(image, TexCoord); vec3 hsv = rgb2hsv(color.rgb); hsv.z = calculate_histogram(hsv.z); color.rgb = hsv2rgb(hsv); FragColor = color; } vec3 rgb2hsv(vec3 c) { vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0); vec4 p = mix(vec4(c.bg, K.wz), vec4(c.gb, K.xy), step(c.b, c.g)); vec4 q = mix(vec4(p.xyw, c.r), vec4(c.r, p.yzx), step(p.x, c.r)); float d = q.x - min(q.w, q.y); return vec3(abs(q.z + (q.w - q.y) / (6.0 * d + 0.001)), d / (q.x + 0.001), q.x); } vec3 hsv2rgb(vec3 c) { vec3 rgb = clamp(abs(mod(c.x * 6.0 + vec3(0.0, 4.0, 2.0), 6.0) - 3.0) - 1.0, 0.0, 1.0); return c.z * mix(vec3(1.0), rgb, c.y); } float calculate_histogram(float v) { const int num_bins = 256; float histogram[num_bins]; float cdf[num_bins]; float pdf[num_bins]; for (int i=0; i<num_bins; i++) { histogram[i] = 0.0; cdf[i] = 0.0; pdf[i] = 0.0; } for (int x=0; x<image_width; x++) { for (int y=0; y<image_height; y++) { vec4 color = texture(image, vec2((float)x/image_width, (float)y/image_height)); vec3 hsv = rgb2hsv(color.rgb); histogram[int(hsv.z*num_bins)] += 1.0; } } cdf[0] = histogram[0]; for (int i=1; i<num_bins; i++) { cdf[i] = cdf[i-1] + histogram[i]; } for (int i=0; i<num_bins; i++) { pdf[i] = cdf[i] / (image_width * image_height); } float new_v = pdf[int(v*num_bins)] * num_bins; return new_v; } ``` 该片段着色器实现了以下几个步骤： 1. 读取输入图像的颜色值。 2. 将RGB颜色值转换为HSV颜色值。 3. 计算图像的直方图。 4. 计算累积分布函数（CDF）和概率密度函数（PDF）。 5. 将输入颜色值的亮度分量映射到新的亮度值。 6. 将新的HSV颜色值转换为RGB颜色值并输出。 在使用该着色器时，需要将输入图像绑定到GL_TEXTURE0纹理单元，并设置着色器的image、image_width和image_height uniform变量。例如： ``` // 创建图像纹理 glGenTextures(1, &texture); glBindTexture(GL_TEXTURE_2D, texture); glTexImage2D(GL_TEXTURE_2D, 0, GL_RGB, width, height, 0, GL_RGB, GL_UNSIGNED_BYTE, data); glGenerateMipmap(GL_TEXTURE_2D); // 绑定图像纹理 glUseProgram(shaderProgram); glUniform1i(glGetUniformLocation(shaderProgram, "image"), 0); glUniform1i(glGetUniformLocation(shaderProgram, "image_width"), width); glUniform1i(glGetUniformLocation(shaderProgram, "image_height"), height); glActiveTexture(GL_TEXTURE0); glBindTexture(GL_TEXTURE_2D, texture); // 绘制图像 glDrawElements(GL_TRIANGLES, 6, GL_UNSIGNED_INT, 0); ``` 这样就可以在OpenGL中快速、高效地实现图像亮度均衡了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

牛掰是怎么形成的

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值