Unity制作图表动态曲线

效果图

需求

拥有两张贴图，分别是蓝色坐标轴和原谅色曲线，动态加载曲线图

方法

1. 创建canvas，并切换RenderMode为WorldSpace

2. 创建Empty命名为Chart作为canvas的子对象，并添加sprite、slide组件；

   
   chart

3. 创建Empty命名为Line作为Chart的子对象，并添加image组件；

   
   line
4. 给Chart添加脚本SlideChangeValue，用于控制曲线显示；

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class SlideChangeValue : MonoBehaviour {

    Slider slide;
    public float time;//变化所需时间
    public float speed;//变化速度
    //float value = 0;

    // Use this for initialization
    void Start () {
        slide = gameObject.GetComponent<Slider>();
    }
    
    // Update is called once per frame
    void Update () {
        if (Input.GetKey(KeyCode.A))//点击键盘A键，显示曲线
        {
            slide.value = 0;
            StartCoroutine("ChangeValue");
        }
    }

    IEnumerator ChangeValue()
    {
        while (slide.value < 1)
        {
            slide.value += speed / time;
            yield return new WaitForSeconds(speed);
        }
        
    }
}

5. 结构图

canvas

6. 对各个组件的设置请看图!

新手记录学习心得，仅供参考！