HTML5游戏引擎LTweenLite实现的超帅动画效果(附demo源码下载)(html5游戏引擎排行)

推荐整理分享HTML5游戏引擎LTweenLite实现的超帅动画效果(附demo源码下载)(html5游戏引擎排行)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:h5小游戏引擎,h5小游戏引擎,h5 游戏引擎,html5游戏开发引擎,h5小游戏引擎,h5 游戏引擎,html5 游戏引擎,html5 游戏引擎,内容如对您有帮助，希望把文章链接给更多的朋友！

本文实例讲述了HTML5游戏引擎LTweenLite实现的超帅动画效果。分享给大家供大家参考，具体如下：

lufylegend.js是一个开源的HTML5游戏引擎，在游戏中往往会有各种的动画，这些动画有些是flash文件，有些是视频文件，本次就来利用lufylegend制作一个帅气的游戏动画，如下图。

测试连接如下： 当然，要先准备HTML

2. 接着引擎初期化，还有图片读取

上面代码，当使用手机浏览的时候，会设定界面为全屏。

3. 建立一个自动闪烁的背景

上面代码，用到了lufylegend.js引擎1.8.0版本的新功能，连续缓动，并且当缓动结束之后，再调用本身的run函数，从而实现了循环。

4. 一艘不断发射炮弹的战舰

上面代码，利用了同样的方法实现了循环。

5. 一个闪烁的标题

上面代码，通过不断的改变图片的透明度，实现了标题的闪烁显示。

6. 可以翻转显示图片的宝剑类

7. 将图片移动到顶点的对象。将子对象LBitmap的中心移动到该对象的原点的话，好处就是无论对象伸缩还是旋转，对象显示的位置不会发生变化了。

8. 一个特效类

上面的特效类，当特效对象添加到画面上后，会逐渐自动消失。

9. 添加人物到画面上

向左右两边各添加五个人物，并且设定好他么最终要显示到画面上的目标位置和目标大小。

用下面的函数，可以添加一个特效

. 下面先将所有的对象添加到画面上，一开始暂时不用显示的对象，将它的visible属性设置成false；

. 利用缓动功能，实现动画。

先看第一个动画

第二个动画

. 最后是，两个动画结束后要添加点击事件，点击屏幕让两个动画可以相互切换

完成了，以上是所有代码。欢迎大家一起交流

三、源码

完整实例代码点击此处本站下载。

希望本文所述对大家JavaScript程序设计有所帮助。

JavaScript html5 canvas画布中删除一个块区域的方法 本文实例讲述了html5canvas画布中删除一个块区域的方法。分享给大家供大家参考，具体如下：运行效果截图如下：附:图中，黑色小方块即为删除掉的块

基于JavaScript实现瀑布流布局(二) 本文实例讲解了JavaScript实现瀑布流布局详细代码，分享给大家供大家参考，具体内容如下1.建立Html模版想法是先用一个divcontainer承载所有内容,然后divbox

详解javascript new的运行机制 和其他高级语言一样javascript中也有new运算符，我们知道new运算符是用来实例化一个类，从而在内存中分配一个实例对象。但在javascript中，万物皆对象，