ARTICLE DETAIL

资讯详情

深耕网站建设、视觉设计与SEO优化的一线实战洞察。

Unity Shader 滚动进度条效果

Unity Shader 滚动进度条效果

Unity Shader 滚动进度条效果

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

前言

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

项目

场景布置

导入图片

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

修改图片格式

修改场景设置

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

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

调整进度

ASE连线

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

返回列表