英雄之舞—凌波微步(利用async.js编写异步动画)

凌波微步有云:

此步法精妙异常,习者可以用来躲避众多敌人的进攻,此外「凌波微步」每踏出一步,都与内力息息相关,决非单是迈步行走而已,若无内功根基之人,将「凌波微步」强行走将起来,会造成自绝经脉的危境。

一、英雄的窘境

1. 多人动作协同

多人指的是多个节点,当两个节点在舞步中有先后次序时,我们有那些可控制的方法呢?来看下面这段演示:

上图是一个男孩与女孩的故事,我们的重点不是讲故事,而是讲他们发生的动作,研究相对高效可控的舞步控制手段。

言归正传,演示中男孩Label,一前一后,使用逍遥诀cc.callFunc很容易控制,同时在一个完整动作完毕时,使用一个完成回调,显示行动完成,请看代码:

//_moveAndCall函数分享具体的节点,具体的迷踪步就不赘述了
//参数1:移动的节点
//参数2:移动的位置
//参数3:要说的话
//参数4:动作完成回调
 this._moveAndCall(this._boy, cc.p(this._boy.x, 200),'妹妹快过来!', () => {
    this.log('呼叫妹妹完毕');    
});

函数比较简单,_moveAndCall主要是迷踪步的封装,细节这里不表,我们继续看女孩的回答:

女孩做了相同的动作,这里我们可以复用this._moveAndCall方法

this._moveAndCall(this._boy, '妹妹快过来!', () => {
    this._moveAndCall(this._gril, '喊我过来做啥子嘛!', () => {
        this.log('妹妹回答完毕');     
     });
});

我们高效地的利用_moveAndCall的最后一个回调,让女孩即时做出了回应,继续看他们的完整互动:

2. 面临大敌

男孩被打飞了,他非常地不甘心,经过深刻总结与勤奋修练,准备再来一次:

二、 窘境中的思考

1. 地狱之路

2. 心灵感应

三、凌波微步

http://v.youku.com/v_show/id_XMzE3OTg0OTgyNA==.html#paction

1. 飞凫若神

2. 微步生尘

#完整内容请打开下面连接
##http://www.jianshu.com/p/41beb87bd141

4赞

666,这是要长期更新啊

:blush:英雄之舞系列计划有三篇:
《迷踪“安可心”》
《凌波微步》
《天罡北斗阵》

主要是分享我在Cocos-js中的动画编程经验

这样的解说很有意思 就是不好理解

一个作家入错行了

怕是策划吧

不建议这样写教程,看着可能觉得好玩,但是就像上面有人说的不好理解。
越看越乱,我建议任何搞笑的成分都要适量。
糖吃多了也会腻

1赞

感谢你的建议!我的教程主要是让大家在加班时不会太寂寞,娱乐+学习!

1赞

既不知道文章的目的是啥,也不知道作者的目的是啥,可能是我读书少的原因

感谢你的提醒,估计之前没看过奎特尔星球系列,标题已经修改

大佬!我现在在跟着你的教程试着走下去,但是到了eachoflimit这里的3次创建结束后的回调他就不继续下去了,我想知道是什么原因,或者能不能把demo给我一份呢?谢谢了。(感激)

mark一下,大佬流啤

楼上说得没错,这些名词看得我一脸懵逼,楼主继续加油吧,论坛里估计没几个人不眼熟你了:grin:

感谢你的支持,这里是 github 仓库,我在2.0.10试了可以打开
https://github.com/ShawnZhang2015/CocosActionDemo