日韩在线国产精品_少妇性饥渴BBBBB搡BBBB_3344在线永久观看视频播放_亚洲精品一区二区三区新线路_亚洲精品一级片_182午夜免费

  • 您的位置:首頁 > 新聞動態(tài) > Unity3D

    unity3d中利用網(wǎng)格+貼圖繪制血條/進(jìn)度條

    2019/11/1??????點(diǎn)擊:

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

    [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),//第一個點(diǎn)
                new Vector3(-size, size, 0), //第二個
                new Vector3(size, size, 0), //第三個
                new Vector3(size, -size, 0), //第四個
            };
     
            mh.vertices = vertes;
     
            //頂點(diǎn)組成的三角形
            mh.triangles = new[]
            {
                0, 1, 2,
                0, 2, 3
            };
            mh.RecalculateNormals();
        }
    }
    運(yùn)行下,就發(fā)現(xiàn)繪制出一個粉紅色的矩形,為啥是粉紅色,因為沒材質(zhì)啊!!!@#¥%@#¥……

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

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

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

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


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

    Vector2[] uvs = new Vector2[]
    {
         new Vector2(0, 0.25f * barIndex),//第一個點(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
    };
    在Start方法調(diào)用 CreateBar(0),呀, 怎么紅色是滿的呢?

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

    Vector2[] uvs = new Vector2[]
    {
         new Vector2(0, 0.25f * barIndex),//第一個點(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)像啦。只要改變下長寬比就好看啦。 改成下面這樣多一個參數(shù)試試看。


    void CreateBar(Vector2 size, int barIndex)
    {
        Vector3[] vertes = new Vector3[]
            {
                new Vector3(-size.x, -size.y, 0),//第一個點(diǎn)
                new Vector3(-size.x, size.y, 0), //第二個
                new Vector3(size.x, size.y, 0), //第三個
                new Vector3(size.x, -size.y, 0), //第四個
            };
    }
    看看血條效果吧:



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

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


    void SetBarRate(float value)
        {
            value *= 0.5f;
            Vector2[] uvs = new Vector2[]
            {
                new Vector2(value, 0.25f * barIndex),//第一個點(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;
        }
    //因為這張圖一半是亮的,一半是暗的,暗的那部分代表失去的血量,所以value要乘以0.5;
    void Start()
        {
            CreateBar(new Vector2(1,0.25f),0 );
            SetBarRate(0.9f);
        }
    到此基本完成了任務(wù), 下面來個完整的代碼給各位親參考一下, 歡迎來我們網(wǎng)站wiseglove.com投稿哦~



    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),//第一個點(diǎn)
                new Vector3(-size.x, size.y, 0), //第二個
                new Vector3(size.x, size.y, 0), //第三個
                new Vector3(size.x, -size.y, 0), //第四個
            };
            //給網(wǎng)格的頂點(diǎn)賦值
            mh.vertices = vertes;
     
            //頂點(diǎn)組成的三角形
            mh.triangles = new[]
            {
                0, 1, 2,
                0, 2, 3
            };
     
            //UV貼圖的四個點(diǎn),和頂點(diǎn)一一對應(yīng),左下角為(0,0),右上角為(1,1)
            //如果頂點(diǎn)順序沒有跟UV對應(yīng),貼圖就會出現(xiàn)問題
            Vector2[] uvs = new Vector2[]
            {
                new Vector2(0, 0.25f * barIndex),//第一個點(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;
            //法線重新計算
            mh.RecalculateNormals();
        }
        ////// 設(shè)置血條比例
        //////血量失去的百分比void SetBarRate(float value)
        {
            value *= 0.5f;
            Vector2[] uvs = new Vector2[]
            {
                new Vector2(value, 0.25f * barIndex),//第一個點(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;
        }
    }
    按照上面的方法, 畫進(jìn)度條也是這個方法。 



    主站蜘蛛池模板: 国产精品久久久久久久久久ktv | 久久成年人 | 一级毛片视频免费看 | 1000部精品久久久久久久久 | 精品中文字幕一区二区三区av | 亚洲天堂欧美在线 | 色综网| 国产线视频精品免费观看视频 | 国产精品亚洲专区无码蜜芽 | 色播久久人人爽人人爽人人片av | 国产19页| 中文字幕一区二区三区四区 | 欧美熟妇性xxx交潮喷 | 看国产一级毛片 | 伊人干综合 | 香蕉久久影院精品欧美日韩 | 人成免费网站 | 久久久高清免费视频 | 91在线看片无码永久免费 | 日韩久久在线 | 欧美一性一交一乱 | 亚洲视频 一区 | 操碰人人 | 欧美日韩激情一区二区 | 一本综合久久国产二区 | 国产亚洲精品久久久久久大师 | 在线v片免费观看 | 99精品国产99久久久久影院 | 高清无码不用播放器av | 黄色片免费网站 | 2019久久精品 | 久久久国产亚洲精品 | 99精品6一区二区三区 | 亚洲一区二区三区四区视频 | 国产日本亚洲手机在线 | 精品台湾swag在线播放 | 亚洲 欧美 视频 | 中出少妇| 国产精品丝袜 | 国产精品久久久久久久久久久久午夜 | 国产精品性久久 |