Material 的 Tiling 和 Offset

一Tiling 和 Offset 概述
二示例
三SetTextureScale 和 SetTextureOffset
参考

一、Tiling 和 Offset 概述

在 Unity 中，新建一个材质，会要求选择使用哪个着色器，默认的是 Diffuse 着色器。确定了着色器后，在材质属性面板中，就会出现该着色器需要用到的一些属性，一般是贴图及对应的属性。

Offset

表示贴图 UV 坐标的起始位置，取值范围是 0~1。超过 1 的部分取余，so Offset 值为 1.0 和 0 时的效果是一样。Offset > 0 时，向右 Offset % 1 为起始位置；Offset < 0 时，向左 |Offset| % 1 为起始位置。
Tiling

表示从 Offset 指定的起始位置开始，分别在 X/Y 轴，截取指定比列大小的原始贴图，作为输出贴图。超过 1 的部分会自动拼接。如果 Texture 的 Wrap Mode 是 Repeat，则超出 1 的部分由原始贴图拼接；如果 Wrap Mode 是 Clamp，则超出 1 的部分由空白拼接。

二、示例

以一张图片为例，下面分别为原图和直接贴到一个Plane上的效果。

平面贴图后出现了X和Y方向倒置问题。

下面是使用各种不同 Tiling 和 Offset 下的效果，Texture 的 Wrap Mode 为 Repeat。

可以通过更新材质的 Offset 和 Tiling 属性来制作动画。

下图是16个表情格图标，可以每次只显示图标中的某一小块区域来形成动画。

将该贴图应用到一个平面上面，再在该平面上附加如下代码：

using UnityEngine;
using System.Collections;  public class Test : MonoBehaviour {  // Use this for initialization  public int colCount =  4;  public int rowCount =  4;  //vars for animation  public int  rowNumber  =  0; //Zero Indexed  public int colNumber = 0; //Zero Indexed  public int totalCells = 16;  public int  fps     = 10;  //Maybe this should be a private var  private Vector2 offset;  //Update  void Update () { SetSpriteAnimation(colCount,rowCount,rowNumber,colNumber,totalCells,fps);  }  //SetSpriteAnimation  void SetSpriteAnimation(int colCount ,int rowCount ,int rowNumber ,int colNumber,int totalCells,int fps ){  // Calculate index  int index  = (int)(Time.time * fps);  // Repeat when exhausting all cells  index = index % totalCells;  // Size of every cell  float sizeX = 1.0f / colCount;  float sizeY = 1.0f / rowCount;  Vector2 size =  new Vector2(sizeX,sizeY);  // split into horizontal and vertical index  var uIndex = index % colCount;  var vIndex = index / colCount;  // build offset  // v coordinate is the bottom of the image in opengl so we need to invert.  float offsetX = (uIndex+colNumber) * size.x;  float offsetY = (1.0f - size.y) - (vIndex + rowNumber) * size.y;  Vector2 offset = new Vector2(offsetX,offsetY);  renderer.material.SetTextureScale ("_MainTex", size);  renderer.material.SetTextureOffset ("_MainTex", offset);  }  }

播放后即可得到动态显示每个子图标的动画。

三、SetTextureScale 和 SetTextureOffset

SetTextureScale 和 SetTextureOffset 分别用于设置材质’s各种贴图纹理的缩放量和偏移量。

Shader 相当于配色方案，将材质的各种贴图整合 Mix。不同的 Shader，需要的贴图数量和种类也不一样。为此，在修改材质纹理属性的时候，为区别各种贴图，这两个方法的第一个参数常用于区别各种贴图。

“_MainTex”

主要的漫反射纹理，也能通过 mainTextureScale/mainTextureOffset 属性访问。
“_BumpMap”

法线贴图。
“_Cube”

反射cubemap。（盒子贴图）

参考

[1].http://blog.csdn.net/kfqcome/article/details/19343323