消灭星星(三)动画以及随机星星

星星是一个消失的动画，fadeOut,这个动画在DoTween里面有问题，验证下来一旦对一个对象实施此操作，则所有对象都会消失，而且重新开始这些对象也无法恢复显示。这里我们需要添加一个Aniation来处理星星消失。

1 在场景中选中星星对象，如图所示打开Animation窗口,并选择create按钮

2 给这个动画取个名字叫fadeout,并保存

3 点击addProperty->Image->Color后面的加号

4 如图所示，在第2个关键帧的位置把color.a变为0，随后在这里加个回调函数,如图所示点击那个红色部分按钮

这个时候点击Animation里面的play按钮可以看到星星消失的样子了。
5 继续选择star对象，然后选择window->Animator窗口，初始图如下所示

我们需要修改一下，改成这个样子，并选择Pareameters，添加一个bool值，为start

6 选中start->fadeout状态之间这条线，如图所示把condition加上去

7在asset中选中fadeout这个动画，然后去loop去掉

8 动画制作完成，接下来与player一样，需要使用脚本来对其进行控制了,在Scripts文件夹中新建一个star.cs，的C#文件。

public class Star : MonoBehaviour {public GameObject _starObj;private Transform _trans;private Animator _ani;// Use this for initializationvoid Start () {}void Awake(){this._trans = _starObj.GetComponent<Transform> ();this._ani = _starObj.GetComponent<Animator> ();}// Update is called once per framevoid Update () {}public void fadeOut(){this._starObj.SetActive(true);this._ani.SetBool ("start", true);}// 之前设置的帧回调函数public void OnCompelte(){Destroy(this.gameObject);}
}

然后把这个脚本拖拽到星星对象上，并把星星对象绑定进来。

星星的动画已经搞定，现在把它做成一个prefab，在asset中新建一个Folder，命名为Prefabs，在里面新建一个prefab,命名为star,把界面上的星星对象拖入其中就可以了。

9 在player.cs里面加上这个函数

public Canvas _cvs;               // canvas对象，在编辑器中将canvas拖入
public GameObject _starobj;       // 星星prefab对象 在编辑器中把星星的prefab拖入public void spwanStar(){float endx = 372f;float startx = -295;GameObject obj = (GameObject)Instantiate (this._starobj, new Vector3 (0, 0, 0), Quaternion.identity);obj.GetComponent<Transform> ().SetParent (_cvs.GetComponent<Transform>());obj.GetComponent<Transform> ().localPosition = new Vector3 (Random.Range (startx, endx), 29, 0);obj.GetComponent<Star> ().fade ();}

只要调用这个函数，屏幕上就会随机的出现星星了。
https://www.processon.com/i/568c6ea4e4b0e51d149a085f
这个网站解决了大家开始设计阶段的问题，轻量级的各种设计模型，强烈推荐

消灭星星(三)动画以及随机星星相关推荐

生日快乐模板php,HTML5应用-生日快乐动画之实现星星的示例代码分享
在讲述绘制星星动画之前,先介绍一点javascript知识. 面向对象: javascript本质上不是面向对象语言,而是脚本语言,一般只适合简单.代码量少的程序,因为脚本过于复杂会直接导致浏览器出现 ...
css滑动星星评分,纯css3滑动星星打分动画特效
特效描述:纯css3 滑动星星打分动画.纯css3滑动星星打分动画特效代码结构 1. 引入CSS 2. HTML代码基本样式: Basic star rating: 5 stars 4 stars ...
投票点亮星星html,透过点亮星星实现评分效果，可自定义星星数
当前位置:我的异常网» Web前端 » 透过点亮星星实现评分效果,可自定义星星数透过点亮星星实现评分效果,可自定义星星数 www.myexceptions.net 网友分享于:2013-11-01 ...
python实践输出星星_python中怎么打印星星
for循环: 1.有大括号与无大括号的区别: 循环体只能有一条语句, 如果需要执行的语句超过一条,就要加大括号将它们变为一条复合语句.//for循环如此,while循环也是如此． for(int i= ...
android 星星流逝动画,Android Loading动画分析--续集
上一篇写了DayNightLoading的代码流程及关键类,今天周末好好分析一下其中computeRender(float renderProgress)与draw(Canvas canvas, Re ...
java随机星星怎么闪_canvas画随机闪烁的星星
canvas画一颗星星: 规则的星星有内切圆和外切圆,每两个点之间的角度是固定的,因此可得到星星的每个点的坐标,画出星星. function drawStars(x,y,radius1,radius2 ...
android 星星流逝动画,Android仿开心消消乐大树星星无限循环效果
啥都不说先上效果图,这个是我项目里的效果: 下面的是我抽取出来的 demo 适配啥的我基本上都做好了没做其他的 ok 下面说一下思路把首先说一下原理我是使用bitmap 创建两张图一开始的时 ...
h5 背景星星掉落动画
知识: css3为了区分伪类和伪元素,伪元素采用双冒号写法. 常见伪类--:hover,:link,:active,:target,:not(),:focus. 常见伪元素--::first-lett ...
体验《消灭星星》之移植《星星》
最近在360手机助手下载了5-6款消灭星星都玩了几关,发现这些版本游戏体验非常差.好吧,我只想好好玩星星,不要这么搞啊,于是乎去豌豆夹.91助手下载此游戏,额...这些市场该游戏下载量排名靠前的,也已 ...

消灭星星(三)动画以及随机星星

消灭星星(三)动画以及随机星星相关推荐

最新文章

热门文章