Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >统一3D:用UI按钮改变精灵动画

统一3D:用UI按钮改变精灵动画
EN

Stack Overflow用户
提问于 2016-04-02 03:28:46
回答 1查看 852关注 0票数 0

我在YouTube上学习关于在代码中更改sprite动画的教程,我想知道是否可以将它更改为使用UI按钮更改sprite动画。有人知道怎么做吗。谢谢!

编辑:在您的帮助下,我重新放置了一些作品的脚本,它将雪碧图像从图像一更改为图像二,但我基本上要实现的是,每次我单击UI按钮时,精灵图像将从雪碧图像一(UI按钮单击)>雪碧图像二(UI按钮单击)>雪碧图像三(UI按钮单击)>然后重复这个过程,而不是自动改变自身的sprite图像。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-04-02 04:57:36

按钮有一个OnClick事件http://docs.unity3d.com/ScriptReference/UI.Button-onClick.html

您只需创建一个在单击按钮时调用的方法,在您的示例中,只创建一个更改的sprite代码。但是,当您使用计时器时,您将需要使用类似于bool的东西,因为onClick()只在单击时被调用一次,而不是每个帧。

看,https://www.youtube.com/watch?v=J5ZNuM6K27E

代码语言:javascript
运行
AI代码解释
复制
bool b_RunSpriteAnim;

public void onClick(){
      b_RunSpriteAnim = true;
}

void Update(){
     if (b_RunSpriteAnim)
         //your anim sprite stuff
}

然后,一旦雪碧anim完成,只需切换b_RunSpriteAnimfalse并重置计时器。

编辑:,您不需要布尔值。我以为你想要它,是因为你使用了计时器(基于Youtube链接)。如果你只是想立即改变雪碧,那么你就不需要它了。至于Imagethree不能工作,这是因为您从未将它包含在代码中。现在还不清楚你试图用Imagethree实现什么,如果你把它也包括在onClick中,它只会覆盖刚刚设置的图像2,所以我不知道你想要实现什么。

代码语言:javascript
运行
AI代码解释
复制
public void onClick(){
    this.gameObject.GetComponent<SpriteRenderer>().sprite = Imagetwo;
}

第二版:

代码语言:javascript
运行
AI代码解释
复制
public Sprite[] Images;
//Index starts at one because we are setting the first sprite in Start() method
private int _Index = 1;

void Start(){
    //Set the image to the first one
    this.gameObject.GetComponent<SpriteRenderer>().sprite = Images[0];
}

public void onClick(){
    //Reset back to 0 so it can loop again if the last sprite has been shown
    if (_Index >= Images.Length)
        _Index = 0;

    //Set the image to array at element index, then increment
    this.gameObject.GetComponent<SpriteRenderer>().sprite = Images[_Index++];
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36372640

复制
相关文章
vue返回上一页面时回到原先滚动的位置
项目结束,测试时发现在首页商品列表中,向上滑动几页后点击进入详情,从详情页面返回商品列表时,页面回到了最顶部,测试不通过说是用户体验不好,要求从哪里点击进去返回该页面时回到原先的滚动页面。
honey缘木鱼
2018/12/27
3.1K0
回到首页滚动特效
  简单的一次返回顶部相比于滚动到顶部,显然后者用户友好性更好。   实现方法1:jquery动画 $('body,html').animate({ scrollTop: 0 }, 800);   实现方法2:js实现   通过获取页面卷起的长度,每次滚动一点点,实现动画效果。 var height = $(window).scrollTop(); //获取卷起高度,方便起见使用jquery获取 var timer = setInterval(function(){ height-= 30;
用户2038589
2018/09/06
1.8K0
JS动态添加内容时让滚动条跟随内容的增加滚动
这两天研究GPT,然后在写对话时,因为对话是js动态添加的,然后随着内容的增多,要想让滚动条跟随内容的增多往下滚动,所以需要添加一个滚动条监听,并且随着内容增多将滚动条自动往下滚动。
岳泽以
2023/05/19
3K0
richedit设置滚动条的位置和更新内容
需要txt发现读者richedit的scrollbar位置(为了便于下一次读,直接访问与上次读取下一个读取位置)不值得治疗,采用GetScrollPos、SetScrollPos你可以设置scorllbar位置值。可是!
全栈程序员站长
2022/07/06
2K0
弹窗查看内容时 内容滚动区域设置为body区
看到渣浪的查看文章或者查看大图有个效果:弹窗查看内容时,如果内容过长有滚动条,则滚动条会被放到body区滚动
书童小二
2018/12/21
1.3K0
恢复 RecyclerView 的滚动位置
您可能在开发过程中遇到过这种情况,在 Activity/Fragment 被重新创建后,RecyclerView 丢失了它之前保有的滚动位置信息。通常这种情况发生的原因是由于异步加载 Adapter 数据,且数据在 RecyclerView 需要进行布局的时候尚未加载完成,导致 RecyclerView 无法恢复到之前的滚动位置。
Android 开发者
2020/10/16
1.5K0
TextField suffixIcon点击时TextField 选中弹出键盘<Flutter Bug篇>
登录页面有输入密码,常规隐藏显示。但是点击后面小眼睛的时候,TextField会被选中,弹出键盘。
星宇大前端
2020/09/07
2.6K0
TextField  suffixIcon点击时TextField 选中弹出键盘<Flutter Bug篇>
Div 滚动条滚动到指定的位置[通俗易懂]
(“#container”).scrollTop((“#test4”).position().top +
全栈程序员站长
2022/09/14
3.8K0
Qm之滚动视图
❝ScrollView(滚动视图)类似于Qt 5版本的ScrollView,它提供用户定义内容的滚动。兼容Qt4与Qt5版本。❞ 1. 演示 可实现轻弹和拖动的功能。 2. 例子 ScrollView { width: 640 height: 480 Image { source: "./qthub_com.png" } } 3. 使用场景 一般用在显示的内容尺寸大于实际显示的尺寸时使用。 图片显示器。 4. 源码 /** * Author: Qt君
Qt君
2023/03/17
4510
Qm之滚动视图
Flutter TextField 设置默认值和光标位置
Flutter TextField 是一个文本输入框,可以结合使用 TextEditingController 来获取输入框中的内容以及设置 TextField 中默认显示的内容
徐建国
2021/10/13
3K0
改变视图的位置和大小
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/53068421
用户1451823
2018/09/13
1.2K0
记录滚动条位置
 使用现在的div高度减去原来的div高度,并把高度赋值给滚动条,即可实现记录滚动条位置,代码如下: function getMroeSystemMessage(){ systemNum=systemNum+10; var oldScrollTop=$(".contentScrollTop").height(); getNotificationByCount(systemNum); $(".contentMain").scrollTop($(".contentScrollTop").height()
NateHuang
2018/03/14
1.8K0
CMT:当CNN遇到Transformer,“迷途知返”
由于其所具有的长距离依赖建模能力,Vision Transformers已被成功应用到图像识别任务中。然而,其性能与计算量距离优秀的CNN仍存在差距。
AIWalker
2021/07/29
1.2K0
CMT:当CNN遇到Transformer,“迷途知返”
辞职时需要注意的5个坑!
不论是工资不到位,还是心情受委屈,无论是一时冲动还是早已计划好,在我们的辞职通知交给公司的一瞬间,就想着办完离职手续,拿到离职工资就是新的开始,但辞职远远不是上一段工作的结束工作交接,离职工资的发放,签订的协议等等对我们都还有影响,如果在离职时对于这五个方面没有搞清楚,也会让我们下一份新的工作做的不安稳,所以我们在辞职后一定要确保这5点没有任何问题。
程序媛淼淼
2022/09/01
4020
wordpress主题升级之后返回到原来版本主题的方法
wordpress后台经常可以看到主题提示升级,但是发现升级之后样式,颜色等都变了,不是以前的样子了,这时候如果想要返回到以前版本,前提,必须以前版本有备份。
蓓蕾心晴
2018/07/24
6280
wordpress主题升级之后返回到原来版本主题的方法
RecyclerView滚动到指定位置
1、mLayoutManager private void moveToPosition(int position) { if (position >= 0) { mLayoutManager.scrollToPositionWithOffset(3, 0); } } 2、LinearSmoothScroller mTopSmoothScroller = new TopSmoothScroller(getActivity()); priva
用户9854323
2022/06/25
1.8K0
CSS StickyFooter——当内容不足一屏时footer紧贴底部
一般来说我们的footer是跟着内容走的,所以当内容较少不足一屏的时候,footer也会跟着内容往上走,导致下面一段空白。所以这里我们来探讨下当内容不足一屏时footer也要紧贴底部的情况,因为比较难
IMWeb前端团队
2017/12/29
1.8K0
CSS StickyFooter——当内容不足一屏时footer紧贴底部
CSS StickyFooter——当内容不足一屏时footer紧贴底部
一般来说我们的footer是跟着内容走的,所以当内容较少不足一屏的时候,footer也会跟着内容往上走,导致下面一段空白。所以这里我们来探讨下当内容不足一屏时footer也要紧贴底部的情况,因为比较难以描述,所以干脆使用了英文标题,要实现的效果如下:
IMWeb前端团队
2019/12/03
1.2K0
CSS StickyFooter——当内容不足一屏时footer紧贴底部
iOS学习笔记——滚动视图(scrollView)
滚动视图:在根视图中添加UIScrollViewDelegate协议,声明一些对象属性
全栈程序员站长
2022/07/18
1.4K0
点击加载更多

相似问题

图像分割-选择正确的阈值

23

如何计算昆兰C4.5算法中数值属性的阈值?

25

使用阈值分割

31

基于阈值的图像分割像素位置选择

18

用自动阈值分割

13
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文