news 2026/2/14 8:33:57

【Unity】实现Quad瓦片(MeshRenderer)渲染图集图片

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
【Unity】实现Quad瓦片(MeshRenderer)渲染图集图片

使用Mesh Renderer渲染图集图片,并保证图片不变形效果(采用GPU Instancing优化合批)

创建一个Quad物体,材质Shader如下,将图集图片通过SpriteAtlas加载出来得到Sprite对象进行后面的传参操作即可进行渲染出图集图片。

Texture2D texture = sprite.texture; m_QuadSpriteRenderer.sharedMaterial = mat; //皮肤共享材质 m_QuadSpriteRenderer.sharedMaterial.SetTexture("_Tex", texture); //非instanced贴图设置 MaterialPropertyBlock mpb = new MaterialPropertyBlock(); //最好静态统一一个对象 m_QuadSpriteRenderer.GetPropertyBlock(mpb); Vector4 rectUV = DataUtility.GetOuterUV(sprite); mpb.SetVector("atlasSpriteRectUV", rectUV); //实例instanced数据设置 m_QuadSpriteRenderer.SetPropertyBlock(mpb); Vector2 size = new Vector2(texture.width, texture.height); float width = rectUV.z - rectUV.x; //width=小图片宽度/大图片宽度 float height = rectUV.w - rectUV.y; //height=小图片高度/大图片高度 float scaleX = size.x * width / 128f; //小图片宽度比例缩小值=大图片宽度*width/128f (128是小图片资源本身的宽度) float scaleY = size.y * height / 128f;//小图片高度比例缩小值=大图片高度*height/128f(128是小图片资源本身的高度) m_QuadSpriteRenderer.transform.localScale = new Vector3(scaleX, scaleY, 1); //为什么是有这个缩小值是因为小图片放到图集里后,小图片的透明部分会裁剪掉,导致小图片实际会缩小, //所以要进行计算出这个缩小值才能还原出正确的图片显示,不然可能小图片会变形。
Shader "Custom/QuadSprite" { Properties { _Tex("Tex", 2D) = "white"{} } SubShader { Tags { "RenderType"="Transparent" "Queue"="Transparent" } Pass { Tags { "LightMode" = "ForwardBase" } Blend SrcAlpha OneMinusSrcAlpha CGPROGRAM #pragma multi_compile_instancing #pragma vertex vert #pragma fragment frag #include "UnityCG.cginc" struct appdata { float4 vertex : POSITION; float2 uv : TEXCOORD0; UNITY_VERTEX_INPUT_INSTANCE_ID }; struct v2f { float2 uv : TEXCOORD0; float4 vertex : SV_POSITION; UNITY_VERTEX_INPUT_INSTANCE_ID }; UNITY_INSTANCING_BUFFER_START(Props) //Props是BUFFER块名称访问时使用到 //属性块里的属性全部类似写到这里 UNITY_DEFINE_INSTANCED_PROP(float4, atlasSpriteRectUV) UNITY_INSTANCING_BUFFER_END(Props) sampler2D _Tex; float4 _Tex_ST; inline float2 NormalizeAtlasSpriteUV(float2 uv) { float4 data = UNITY_ACCESS_INSTANCED_PROP(Props, atlasSpriteRectUV); float width = data.z - data.x; float height = data.w - data.y; return float2((uv.x - data.x) / width, (uv.y - data.y) / height); } inline float2 ReverseNormalizeAtlasSpriteUV(float2 uv) { float4 data = UNITY_ACCESS_INSTANCED_PROP(Props, atlasSpriteRectUV); float2 r = uv; r.x = data.x + (data.z - data.x) * r.x; r.y = data.y + (data.w - data.y) * r.y; return r; } v2f vert (appdata v) { v2f o; UNITY_SETUP_INSTANCE_ID(v); UNITY_TRANSFER_INSTANCE_ID(v, o); o.vertex = UnityObjectToClipPos(v.vertex); o.uv = TRANSFORM_TEX(v.uv, _Tex); return o; } fixed4 frag (v2f i) : SV_Target { UNITY_SETUP_INSTANCE_ID(i); i.uv.xy = ReverseNormalizeAtlasSpriteUV(i.uv.xy); fixed4 col = tex2D(_Tex, i.uv); i.uv.xy = NormalizeAtlasSpriteUV(i.uv.xy); return col; } ENDCG } } }
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/2/7 12:41:27

【毕业设计】机器学习 基于python-cnn深度学习的罗马数据集训练识别

博主介绍:✌️码农一枚 ,专注于大学生项目实战开发、讲解和毕业🚢文撰写修改等。全栈领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战 ✌️技术范围:&am…

作者头像 李华
网站建设 2026/2/4 17:20:34

基于纳什博弈的多微网主体电热双层共享策略Matlab代码

✅作者简介:热爱科研的Matlab仿真开发者,擅长数据处理、建模仿真、程序设计、完整代码获取、论文复现及科研仿真。 🍎 往期回顾关注个人主页:Matlab科研工作室 👇 关注我领取海量matlab电子书和数学建模资料 &#x1…

作者头像 李华
网站建设 2026/2/12 19:27:44

Microsoft 开发的关系型数据库管理系统(RDBMS)

SQL Server 简介 SQL Server 是由 Microsoft 开发的关系型数据库管理系统(RDBMS),支持企业级数据管理、分析和应用开发。其核心功能包括数据存储、事务处理、商业智能(BI)和高可用性解决方案。 SQL Server 版本 企业…

作者头像 李华
网站建设 2026/2/12 12:18:35

计算机深度学习毕设实战-基于人工智能深度学习的猫的种类识别基于python-cnn深度学习的猫的种类识别

博主介绍:✌️码农一枚 ,专注于大学生项目实战开发、讲解和毕业🚢文撰写修改等。全栈领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战 ✌️技术范围:&am…

作者头像 李华