利用網(wǎng)格去繪制血條， 血條肯定是一個(gè)矩形，網(wǎng)格是由一個(gè)一個(gè)三角形組成的，矩形可以分成兩個(gè)三角形。
創(chuàng)建一個(gè)空物體，添加以下腳本組件：

[RequireComponent(typeof(MeshFilter),typeof(MeshRenderer))]
public class MeshAndUV : MonoBehaviour
{
 
    private Mesh mh;
    private Renderer rd;
    private float size = 1;
    private Material mat;
    void Awake()
    {
        mh = GetComponent().mesh;
        rd = GetComponent();
    }
 
    void Start()
    {
 
       //頂點(diǎn)數(shù)組
        Vector3[] vertes  = new Vector3[]
        {
            new Vector3(-size, -size, 0),//第一個(gè)點(diǎn)
            new Vector3(-size, size, 0), //第二個(gè)
            new Vector3(size, size, 0), //第三個(gè)
            new Vector3(size, -size, 0), //第四個(gè)
        };
 
        mh.vertices = vertes;
 
        //頂點(diǎn)組成的三角形
        mh.triangles = new[]
        {
            0, 1, 2,
            0, 2, 3
        };
        mh.RecalculateNormals();
    }
}

在scene視圖下把ShadingMode改為Wireframe模式就可以看到兩個(gè)三角形

軸點(diǎn)在中心，邊長(zhǎng)為2的矩形，然后在腳本上設(shè)置UV映射，加上貼圖材質(zhì)。

在設(shè)置三角形下面添加一下代碼就可以顯示紋理了呀：

//UV貼圖的四個(gè)點(diǎn)，和頂點(diǎn)一一對(duì)應(yīng)，左下角為(0,0)，右上角為(1,1)
//如果頂點(diǎn)順序沒有跟UV對(duì)應(yīng)，貼圖就會(huì)出現(xiàn)問題
Vector2[] uvs = new Vector2[]
{
    new Vector2(0,0),//第一個(gè)點(diǎn)
    new Vector2(0,1),//2
     new Vector2(1,1),//3
     new Vector2(1,0), //4
};

 mh.uv = uvs;
 rd.material = mat;

封裝成一個(gè)函數(shù) void CreateBar(int barIndex)，修改UV映射，血條索引從下往上數(shù)，每個(gè)間隔0.25f

Vector2[] uvs = new Vector2[]
{
     new Vector2(0, 0.25f * barIndex),//第一個(gè)點(diǎn)
     new Vector2(0, 0.25f * (barIndex+1)),//2
     new Vector2(1, 0.25f * (barIndex+1)),//3
     new Vector2(1, 0.25f * barIndex), //4
};

由于滿血狀態(tài)是全紅的，所以在UV的x映射也要做下改變

Vector2[] uvs = new Vector2[]
{
     new Vector2(0, 0.25f * barIndex),//第一個(gè)點(diǎn)
     new Vector2(0, 0.25f * (barIndex+1)),//2
     new Vector2(0.5f, 0.25f * (barIndex+1)),//3
     new Vector2(0.5f, 0.25f * barIndex), //4
};

是不是有點(diǎn)像啦。只要改變下長(zhǎng)寬比就好看啦。 改成下面這樣多一個(gè)參數(shù)試試看。

void CreateBar(Vector2 size, int barIndex)
{
    Vector3[] vertes = new Vector3[]
        {
            new Vector3(-size.x, -size.y, 0),//第一個(gè)點(diǎn)
            new Vector3(-size.x, size.y, 0), //第二個(gè)
            new Vector3(size.x, size.y, 0), //第三個(gè)
            new Vector3(size.x, -size.y, 0), //第四個(gè)
        };
}

改變血條的值有2個(gè)辦法，
1.改變Material的mainTextureOffset值
mat.mainTextureOffset = new Vector2(0.2f,0);

但是這樣會(huì)令到所以使用者材質(zhì)的物體貼圖都會(huì)改變
2.修改UV映射

void SetBarRate(float value)
    {
        value *= 0.5f;
        Vector2[] uvs = new Vector2[]
        {
            new Vector2(value, 0.25f * barIndex),//第一個(gè)點(diǎn)
            new Vector2(value, 0.25f * (barIndex+1)),//2
            new Vector2(0.5f + value , 0.25f * (barIndex+1)),//3
            new Vector2(0.5f + value, 0.25f * barIndex), //4
        };
        mh.uv = uvs;
    }
//因?yàn)檫@張圖一半是亮的，一半是暗的，暗的那部分代表失去的血量，所以value要乘以0.5；
void Start()
    {
        CreateBar(new Vector2(1,0.25f),0 );
        SetBarRate(0.9f);
    }

using UnityEngine;
using System.Collections;
 
[RequireComponent(typeof(MeshFilter),typeof(MeshRenderer))]
public class MeshAndUV : MonoBehaviour
{
    private Mesh mh;
    private Renderer rd;
    
    private float rate = 0.5f;
    public Material mat;
 
    private int barIndex = 0;
    void Awake()
    {
        mh = GetComponent().mesh;
        rd = GetComponent();
       
    }
    void Start()
    {
        CreateBar(new Vector2(1,0.25f),0 );
        SetBarRate(0.9f);
    }
    ////// 利用網(wǎng)格創(chuàng)建血條
    //////三角形大小///血條索引void CreateBar(Vector2 size, int barIndex)
    {
        this.barIndex = barIndex;
        //頂點(diǎn)數(shù)組
        Vector3[] vertes = new Vector3[]
        {
            new Vector3(-size.x, -size.y, 0),//第一個(gè)點(diǎn)
            new Vector3(-size.x, size.y, 0), //第二個(gè)
            new Vector3(size.x, size.y, 0), //第三個(gè)
            new Vector3(size.x, -size.y, 0), //第四個(gè)
        };
        //給網(wǎng)格的頂點(diǎn)賦值
        mh.vertices = vertes;
 
        //頂點(diǎn)組成的三角形
        mh.triangles = new[]
        {
            0, 1, 2,
            0, 2, 3
        };
 
        //UV貼圖的四個(gè)點(diǎn)，和頂點(diǎn)一一對(duì)應(yīng)，左下角為(0,0)，右上角為(1,1)
        //如果頂點(diǎn)順序沒有跟UV對(duì)應(yīng)，貼圖就會(huì)出現(xiàn)問題
        Vector2[] uvs = new Vector2[]
        {
            new Vector2(0, 0.25f * barIndex),//第一個(gè)點(diǎn)
            new Vector2(0, 0.25f * (barIndex+1)),//2
            new Vector2(0.5f , 0.25f * (barIndex+1)),//3
            new Vector2(0.5f , 0.25f * barIndex), //4
        };
        mh.uv = uvs;
        //材質(zhì)
        rd.material = mat;
        //法線重新計(jì)算
        mh.RecalculateNormals();
    }
    ////// 設(shè)置血條比例
    //////血量失去的百分比void SetBarRate(float value)
    {
        value *= 0.5f;
        Vector2[] uvs = new Vector2[]
        {
            new Vector2(value, 0.25f * barIndex),//第一個(gè)點(diǎn)
            new Vector2(value, 0.25f * (barIndex+1)),//2
            new Vector2(0.5f + value , 0.25f * (barIndex+1)),//3
            new Vector2(0.5f + value, 0.25f * barIndex), //4
        };
        mh.uv = uvs;
    }
}