ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

Unity Shader 滚动进度条效果

2026/9/12 23:15:50 拓冰建站 浏览量
Unity Shader 滚动进度条效果

Unity Shader 滚动进度条效果

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

前言

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

项目

场景布置

导入图片

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

修改图片格式

修改场景设置

新建一个ImageMatrial,把Shader应用到Matrial上,并赋值给Image
修改ImageImageTypeTiled
场景中Image设置

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

调整进度

ASE连线

让UV沿着X轴流动即可
ASE连线截图