【UI &特效向】如何做一个舒适的选择界面
scratch吧
全部回复
仅看楼主
level 7
岚式印记 楼主
又是我鹤守,话说我们很久没做教程了……于是这次就来做做教程↓
不过这次的教程有点特殊,因为它是比较全面的教程(即有UI思路又比较实用,而且还是表现特效的……)
废话不多说,先放效果图↓
如你所见……这次的教程是关于切换的UI特效,但是不要忘记看按钮的特效……那也是教程的一部分哦
(分楼更新,先咕为敬)
2019年10月25日 10点10分 1
吧务
level 15
这未免有点水啊,连我都会做[滑稽][心碎]
2019年10月25日 11点10分 2
是用衰减脚本的……
2019年10月25日 11点10分
前排提醒,坟贴勿回
2020年03月25日 05点03分
level 7
岚式印记 楼主
开始更新
在开始之前,我们要先了解这个特殊脚本↓
下面发个拆分版本
这个脚本很简单,但是却很重要……你可以把它看作是衰减算法……就像减速度一样,但不同的是,减速度只能规定减少的次数,不能具体规定减小的量,但这个脚本可以……而且还可以规定速度,可以说相当方便了……
那么这个脚本的运用如何呢?下面看对比↓
(一般的“贫穷”按钮特效)
简直惨不忍睹……而且还很生硬……
(稍微好一点,也是大多数人用的脚本)
嗯……看起来还不错,但是看起来还是有点僵硬,而且并不能看出很“舒适”的感觉……
(用衰减算法的脚本)
看!及其简单,而且效果舒适,方便快捷…(以下省略…),这就是衰减算法的好处(其实这可以是一期教程的内容了,但会很水,所以鹤守决定继续更新好玩的玩意[滑稽]
2019年10月25日 11点10分 3
level 7
岚式印记 楼主
继续更新,坚持把按钮特效讲完↓
先说说按钮的表现方式,我们知道按钮是在碰到指针后放大变亮,然后点击后缩小变暗,这时松开鼠标指针的话还会放大变亮,这其实都可以用衰减算法制作……
这是一般的反馈脚本↓
这时还只是碰到鼠标有反应,但是我们要做按下鼠标的判定↓
这就完成了,是不是很简单,但是舒适程度却一点不简单↓
这时因为松开鼠标,负判结束,碰到鼠标放大的脚本又执行了,所以你还不用写按钮弹起的脚本了,这时让我们把按钮脚本完善↓
这就是全部脚本了,效果图同上一张Gif一样,但是按钮的UI已经很舒适了,是不是非常简单呢?(这又可以是一期教程了233,但是主角还没讲到[喷]
2019年10月25日 23点10分 4
level 7
岚式印记 楼主
没人看教程?辣我发个单眼3D特效水一水(虽然已经在各种水群发过了233)
观看时记得遮住一只眼睛才能获得最佳观看体验哦~
2019年10月26日 23点10分 5
大佬能发一下这个3D的代码吗[哈哈]
2019年12月02日 15点12分
求代码,这个使用随机造型+不同速度移动+碰到边缘消失+分层 做的吧
2019年12月04日 13点12分
@豆了个包2018 是用专门的三角函数的……(由函数设定移动速度和大小参数)
2019年12月06日 13点12分
level 11
3d特效舒适[滑稽]
2019年10月27日 08点10分 6
你的回复不应该在楼上的楼中楼吗[滑稽]
2019年11月01日 10点11分
@岚式印记 看你的帖子没人回帮你凑一楼啊[滑稽]
2019年11月01日 11点11分
@万里星定 是我看错了[滑稽]
2019年11月01日 12点11分
[滑稽][滑稽][滑稽][滑稽][滑稽][滑稽][滑稽][滑稽][滑稽][滑稽]
2020年01月14日 02点01分
level 1
你能不能做个关于跑酷角色的代码教程
2019年10月27日 10点10分 7
麻烦等教程结束后再询问,还有你要跳跃脚本可以到吧内找找
2019年11月01日 10点11分
level 7
岚式印记 楼主
好久没更新了(我怕再不更新贴沉了[滑稽]
讲完按钮就该讲中间的图片切换的脚本了,首先……新建一个角色,给他1~9个造型(对应数字1~9),就像这样↓
然后新建3个变量,分别是 当前选择(公开),进行克体(公开),编号(独立)↓
然后,我们的目标是全部用克体,每个克体有独立的位置和对应脚本(共三个克体)所以我们要这么写↓
注:这里的位置是指对应UI的位置,因为我的UI长这样↓
所以要用100的x坐标增幅,使得隐藏的克隆体刚好处于左右两侧
(还有,别问我左右两边的按钮怎么做,同楼上的教程)
2019年11月01日 23点11分 8
level 7
岚式印记 楼主
继续更新(楼上并不是我想水贴,而是因为只能传10张图片没法继续)
然后我们要了解一个东西↓
循环序列值
这个东西的作用是能试对应的序列数循环……简单的说,这里的循环是0,1,2,然后又回到0。这个玩意要在克体有独立判定时才有用,刚好刚才要你们新建一个“编号”的独立克体,这下就能用了↓
注意,这里只是因为编号与当前选择相同才能这么写(实际上是有三个脚本的,但是因为都是相同的就可以直接化简)但是如果不同呢?
很麻烦的操作,但是很容易理解↓
我们只要把所有可能性罗列出来就行了,然后是脚本的编程↓
这里是用函数处理的……然我们看看效果↓
这里我让克体说当前编号了(到时候隐藏就行了),这时有同学就问了,这么做没有什么特效啊,还不如直接让角色待在中间,然后讲 造型 切换成 当前选着 的值就好了。别急,下篇帖子会讲的(还是因为没法发图了233)
2019年11月01日 23点11分 9
level 7
岚式印记 楼主
然后继续更新↓
2019年11月02日 00点11分 12
不要问我为什么突然用辣鸡截图来写贴,问就是百度又双叒做吞贴了
2019年11月02日 00点11分
@岚式印记 叕呢[阴险]
2019年11月14日 12点11分
@一只顽皮的光泽 只被吞了3次,没有叕[滑稽]
2019年11月15日 11点11分
level 3
[酷]
2019年11月02日 02点11分 13
level 4
[阴险]怎么会四,变小了回不去了
2019年11月16日 16点11分 14
我用的是按钮特效
2019年11月16日 16点11分
@一只顽皮的光泽 你就是a营上那个?还看了我作品(Simple OS)那个是吗
2019年12月04日 13点12分
@豆了个包2018 你是豆包?[阴险]
2019年12月14日 06点12分
@豆了个包2018 你竟然是豆包,我是Amazing
2020年01月18日 09点01分
level 4
2019年11月16日 16点11分 15
麻烦再发一遍14楼图1最下面的辣个脚本,我看不清……
2019年11月16日 23点11分
@岚式印记 17楼你倒是看啊......[阴险]
2019年11月19日 09点11分
你是不是把大小弄成设为了..应该是增加啊
2020年03月24日 05点03分
@墨涧-花 已经解决了嘤嘤嘤
2020年03月30日 06点03分
level 1
@岚式印记 你能不能在做一些教程啊?????????
2019年11月17日 10点11分 16
没时间……
2019年11月22日 10点11分
level 4
2019年11月17日 10点11分 17
在?看楼下,我做了一个模拟的脚本,貌似没有问题
2019年11月22日 10点11分
1 2 尾页