Unity Shader 滚动进度条效果

Unity Shader 滚动进度条效果

  • 前言
  • 项目
    • 场景布置
      • 导入图片
      • 修改场景设置
      • 修改图片尺寸即可调整进度
    • ASE连线

前言

UI要实现一个滚动进度,于是使用Shader制作一个。

项目

场景布置

导入图片

修改一下导入图片的格式,这样才能循环起来
WrapMode改为Repeat之后记得Apply

Unity Shader 滚动进度条效果_第1张图片

修改场景设置

新建一个ImageMatrial,把Shader应用到Matrial上,并赋值给Image
修改ImageImageTypeTiled
Unity Shader 滚动进度条效果_第2张图片

修改图片尺寸即可调整进度

Unity Shader 滚动进度条效果_第3张图片

ASE连线

让UV沿着X轴流动即可
Unity Shader 滚动进度条效果_第4张图片

你可能感兴趣的:(Unity,unity,游戏引擎,shader)