教你入门EaselJS做HTML5[转载](2)

这其实不是我们希望看到的，我们希望小青蛙撅嘴之后，停留在最后一帧，当用户再次按下回车键后，再回到连续点头的状态。所以，我们还会对代码做一些修改。

最终完成

首先，加入 toggle 函数，通过 flag 记录当前的状态是连续点头还是撅嘴：

function toggle() { if (flag) { icon.gotoAndPlay(0); } else { icon.gotoAndPlay(19); } flag = !flag; } window.onkeydown = function (event) { if (event.keyCode == 13) { toggle(); } };

然后，绑定 icon 的另一个事件 onAnimationEnd

icon.onAnimationEnd = function () { icon.paused = true; icon.currentFrame = 31; }

这个事件会在播放到最后一帧时触发，即第32帧时，我们在这个事件中要处理的就是让暂停下来，同时让停留在第32帧。

再次保存刷新页面，我们的就大功告成了！
DEMO演示链接

总结

以上就是我们对EaselJS脚本库制作的一个简单实践。通过这次实践，我们会发现其实无非是图片的快速连续播放，而帧的概念、多帧图片合并(sprites)的方法，让制作更加简单，我们结合节拍器对的每一帧进行控制。除了easeljs，类似的Canvas脚本库还有一些，这个是我觉得相对简单易懂的。在此推荐给各位！

这应该是我今年最后一篇技术博客了，明年我会继续坚持写博客，多多写一些技术类的文章，多多跟大家分享和探讨HTML5。最后预祝大家，尤其是诸位技术宅男们，新年快乐！工作顺利！

转自:

以上就是关于easeljs的全部内容，相信你一定会非常满意。

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/shenmilingyu/article-6069-2.html