Unity开发笔记:将Texture2D裁剪出指定圆角用来输出png等图片

学习记录整理,自用,也希望能帮助到有相同需求的人。

圆角原理见大佬的博客:
圆角原理

简单来说就是将图片分成四个区域,找出拐角处的拐子的设置为透明

!\[\](https://img-blog.csdnimg.cn/a788825545614816895a9cca42ddc4a9.png

如图,找到四个红色区域外边的白色区域 设置为透明即可。

注意texture本身应该为支持透明的格式如TextureFormat.RGBA32,且导出为png等支持透明的格式(比如jpg不支持透明)。

函数代码:

csharp 复制代码
    void myBorder(Texture2D texture, float radius)
    {
        Vector2 a = new Vector2(0f, 0f);
        Vector2 b = new Vector2(0.5f - radius, 0.5f - radius);
        for (float i = 0; i < texture.width; ++i)
        {
            for (float j = 0; j < texture.height; ++j)
            {
                a.x = Math.Abs((i - texture.width / 2) / texture.width);
                a.y = Math.Abs((j - texture.height / 2) / texture.height);
                //(Vector2.Distance(a, b) > radius && a.x :去除中间十字形区域
                //a.x > (0.5f - radius) && a.y > (0.5f - radius)去除十字形区域间的四个圆角
                if (Vector2.Distance(a, b) > radius && a.x > (0.5f - radius) && a.y > (0.5f - radius))
                {
                    //剩下的就是要设置透明的区域
                    texture.SetPixel((int)i, (int)j, Color.clear);
                }
            }
        }
    }

上述代码中Radius为圆角参数,区间为0,0.5,数值越大圆角越大

一个简单的调用实例:

csharp 复制代码
        // 创建一个新的 Texture2D 来保存截屏数据
        Texture2D uiTexture = new Texture2D((int)width, (int)height, TextureFormat.RGBA32, false);
        uiTexture.ReadPixels(new Rect(0, 0, width, height), 0, 0);
        myBorder(uiTexture, 0.065f);

        // 将 Texture2D 保存为图片文件
        byte[] imageBytes = uiTexture.EncodeToPNG();
        string path = "Assets/Textures/UI/20230803/4.png"; 
相关推荐
寂寞的船8 小时前
【Unity知识速递】第13期 Unity 内存泄漏排查实战:从 Memory Profiler 到 Lua 引用泄漏的生产级全链路诊断
unity·junit·c#·游戏引擎·lua
寂寞的船1 天前
【Unity Bug挑战】第12期 Awaitable 二次 await 死锁之谜 —— 为什么同一个异步操作等两次就卡死?
unity·c#·游戏引擎·bug
Oll Correct1 天前
Adobe illustrator 案例十四:花元素标志草图绘制
笔记·ui·adobe·illustrator
探求虚无2 天前
用 AI 在 Unity 里做一款 RTS:最难的不是生成代码,而是证明它真的能玩
人工智能·unity·游戏引擎
huaqianzkh2 天前
WinForm C#:循环修改控件UI闪烁卡顿?SuspendLayout / ResumeLayout 与 BeginUpdate 优化
开发语言·ui·c#
Oll Correct3 天前
Adobe illustrator 案例十三:adidas标志草图绘制
笔记·ui·adobe·illustrator
17岁的勇气3 天前
Unity Shader unity文档学习笔记(二十二):shader变体
笔记·学习·unity
FungLeo3 天前
成为全栈·Vue 管理后台篇·Vue3 + Vite + Naive UI:后台工程基座怎么搭
前端·vue.js·ui·typescript·vite·前端工程化·biome
寂寞的船4 天前
【Unity知识速递】第10期 Unity GC 零分配实战:从 UnityEngine.Pool 到手动 GC 控制的全链路优化
jvm·unity·c#·游戏引擎·lucene
敲上瘾4 天前
Qt Widgets入门:项目模板解析与Hello World
开发语言·数据库·c++·qt·ui·qt6.3