当前位置: 首页 > article >正文

Unity Shader 滚动进度条效果

Unity Shader 滚动进度条效果

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

前言

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

项目

场景布置

导入图片

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

修改图片格式

修改场景设置

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

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

调整进度

ASE连线

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


http://www.kler.cn/a/228903.html

相关文章:

  • vue3常用的组件的通信方式
  • NumPy;NumPy在数据分析中的应用;NumPy与其他库的搭配使用
  • windows 搭建flutter环境,开发windows程序
  • vite工程化
  • Java21 正则表达式
  • Python GUI Pyside6 实例笔记
  • Vue中v-for列表渲染为什么必须绑定key属性
  • 算法每日一题: Nim游戏 | 找规律
  • RISC-V工业级芯片公司匠芯创,宣布软件开发包SDK正式开源
  • Linux常见面试题汇总
  • 破案记:Oracle数据库开机自动启动失败
  • 【linux】git和gdb调试工具
  • Architecture Lab:Part A~Part C 解题记录
  • Kubernetes基础(十一)-CNI网络插件用法和对比
  • 防御保护---防火墙的可靠性
  • 电脑清理CleanMyMac X
  • 大模型|基础_word2vec
  • Web前端入门 - HTML JavaScript Vue
  • element-ui link 组件源码分享
  • 【C++数据结构 | 栈速通】使用栈完成十进制数转二四八进制数
  • 数据结构——B/顺序表和链表
  • Redis面试题40
  • 【动态规划】【状态压缩】【2次选择】【广度搜索】1494. 并行课程 II
  • Android配置GitLab CI/CD持续集成,Shell版本的gitlab-runner,FastLane执行,上传蒲公英
  • C# Winform NLog的使用笔记
  • 李沐深度学习-模型构造相关文档