前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >shader实例(一)UV动画

shader实例(一)UV动画

作者头像
bering
发布2019-12-02 22:01:24
1.2K0
发布2019-12-02 22:01:24
举报
文章被收录于专栏:游戏开发之旅游戏开发之旅

以下是使用unity推崇的方式编写的一个播放序列图的shader,因为是学习最初的思路来自其他网友。原理思路在代码中,这里就不描述了。

代码语言:javascript
复制
Shader "Custom/my1"
{
 Properties {
    _Color ("Main Color", Color) = (1,1,1,1)
    _MainTex ("Base (RGB) Trans (A)", 2D) = "white" {}
    _SizeX ("列", Float) = 4  

    _SizeY ("行", Float) = 2
    _Speed ("播放速度", Float) = 150
 }

 SubShader {
  // 这里使用Unity3d自带光照模型Lambert
  // 不用做顶点处理,只需要一个表面处理函数surf
  CGPROGRAM
  #pragma surface surf Lambert alpha
  
  // 声明参数
  fixed4 _Color;
  sampler2D _MainTex;
  uniform fixed _SizeX;
  uniform fixed _SizeY;
  uniform fixed _Speed;
  // 获取_MainTex的UV信息定义输入结构体
  struct Input {
   // 在贴图变量前加上uv表示提取uv值(二维坐标)
      float2 uv_MainTex;
  };

  void surf (Input IN, inout SurfaceOutput o) {
   // 获取单元格UV
      float2 cellUV = float2(IN.uv_MainTex.x /_SizeX, IN.uv_MainTex.y /_SizeY);
      // UV坐标值范围为0-1,获取单元格宽度
   float deltaX = 1 / _SizeX; // 单元格增量宽度
   float deltaY = 1 / _SizeY; // 单元格增量高度
   
   // 当前播放总索引
   int index = _Time * _Speed;
   // 求列索引
      int col = fmod(index, _SizeX);
      // 求行索引
      int row = index / _SizeX;
      // 原始UV + 当前格增量
      cellUV.x += col * deltaX;
      cellUV.y += row * deltaY;
      // 创建tex2d(材质,uv)*主色
      fixed4 c = tex2D(_MainTex, cellUV) * _Color;
      // RGB
      o.Albedo = c.rgb; 
      // 透明度
      o.Alpha = c.a;
  }
  ENDCG
 }
}

运行,加入图片看看效果,序列图被切成4列2行,每次显示一个单元格进行播放。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017-10-20 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档