进商店当然是需要买东西的,小男孩进入商店会买一束花出来。实现上,也就是把图片给换一换,通过改变图片就可以了。由于是合成精灵图的原因,所以只需要改变下图片的取值坐标position就行了
小孩男的取花动作依旧封装在BoyWalk函数中,通过规定一个talkFlower接口调用,但是值得注意的就是,这里的取花是有一个等待的时间的,默认为1秒钟,所以为了保证同步编程的线性,这里融入了Deferred
//取花 function talkFlower() { //增加延时等待效果 var defer = $.Deferred(); setTimeout(function() { //取花 $boy.addClass('slowFlolerWalk') defer.resolve() }, 1000) return defer }
talkFlower方法混入了Deferred对象,内部通过定时器模拟等待时间1秒,在等待一秒钟之后,增加一个新的样式slowFlolerWalk
具体参考右边的代码块:boy.talkFlower()方法是介于toShop与outShop之间的,这样符合了同步编程的逻辑
在编辑器中第102行补全代码,实现小男孩出来的同时关闭商店门和商店的灯光
.then(function(){ // 关门 return shutDoor(); }).then(function() { // 灯暗 lamp.dark(); });
请验证,完成请求
由于请求次数过多,请先验证,完成再次请求
打开微信扫码自动绑定
绑定后可得到
使用 Ctrl+D 可将课程添加到书签
举报
实战
实战
实战
实战
实战