egret项目启动后首先展示的是body,项目小资源少网络好的时候body很快闪过,然后呈现游戏场景。但我们项目很大,老板要求在最开始出现body的时候就展示loading动画,此时用不了egret的帧动画了。我用js在index中写了帧动画,从body显示的时候开始播放,到呈现游戏场景的时候结束帧动画。

制作图集

每一帧的图片大小是186*186,使用ps将所有帧做成一张图集,尺寸任意,但是要一张挨着一张。如下:

制作特效转载器

我的loading特效中还有个底图,所以在div里面放img。布局和样式如下:

编写脚本

注意点:1图集坐标取值应为负数,而不是图片在图集上的坐标;2通过localStorage做一个关闭动画的开关

做好了效果如下,我把进去场景的时间延迟了2秒,可以看清动画,loading的背景哆啦A梦是在网上找的,如有侵权,请联系删除。

在egret中自制帧动画相关推荐

  1. 让蔡徐坤来教你实现游戏中的帧动画(上)

    一款游戏除了基本功能之外,还需要给玩家更多视觉上的刺激,这个时候就需要用特效来装饰.本文就将介绍 Cocos Creator 的动画系统,除了标准的位移.旋转.缩放动画和序列帧动画以外,这套动画系统还 ...

  2. 让蔡徐坤来教你实现游戏中的帧动画(中)

    在上一篇介绍帧动画的文章中,我们已经介绍了如何给一个节点添加帧动画,忘记的小伙伴可以再去看看:让蔡徐坤来教你实现游戏中的帧动画(上),那么今天我们来给大家讲解一下如何通过脚本控制帧动画. 由于官网对通 ...

  3. 让蔡徐坤来教你实现游戏中的帧动画(下)

    拖了将近一个月,终于把帧动画这部分写完了,新关注的或者已经忘记的小伙伴可以看一下之前写的部分: 让蔡徐坤来教你实现游戏中的帧动画(上) 让蔡徐坤来教你实现游戏中的帧动画(中) ​ 今天这个还是在上一篇 ...

  4. 关于Unity中的帧动画组件的编写

    一.帧动画 1: 美术准备好一个连续动作的离散图片; 2: 程序在准确的时间来切换这个图片; 3: 优点: 简单,速度快; 缺点:资源占用相对过大; 二.frame_anim组件编写 1: 代码里面强 ...

  5. android中的帧动画,[Android开发] Android中的帧动画

    MainActivity文件: public class MainActivity extends Activity implements OnClickListener{ AnimationDraw ...

  6. 21_Android中常见对话框,光传感器,通过重力感应器编写出指南针应用,帧动画,通过Jav代码的方式编写补间动画,通过XML的方式编写补间动画

     1 关于常见的对话框,主要有: 常见的对话框,单选对话框,多选对话框,进度条对话框(转圈类型的),带进度条的对话框. 案例结构: 完成如下结构的案例,将所有的案例都测试一下: 2 编写MainA ...

  7. Android App开发动画特效中帧动画和电影淡入淡出动画的讲解及实战(附源码和演示视频 简单易懂)

    需要图片集和源码请点赞关注收藏后评论区留言~~~ 一.帧动画 Android的动画分为三类,帧动画,补间动画和属性动画.其中帧动画是实现原理最简单的一种,跟现实生活中的电影胶卷类似,都是在短时间内连续 ...

  8. android语音动画,Android逐帧动画的简单使用-语音播放效果的实现

    逐帧动画(Frame-By-Frame Animation)原理很简单,即快速切换不同的图片,形成动画效果.Android中逐帧动画的实现方式也很简单,下面以语音播放效果为例说明. 1. 首先准备图片 ...

  9. unity 2D游戏开发 制作帧动画的两种方法

    本小主在这里给大家分享一下unity 2D游戏开发中制作帧动画的两种方法. 比较简单,一学即会. 方法一: 是用代码控制: 先创建一个2D工程.导入图片资源,并设置texture的texture ty ...

最新文章

  1. R语言plotly可视化:使用PCA算法进行数据降维、使用plotly可视化随着主成分的增加解释的方差的量(plotting explained variance)
  2. 「模型解读」从“局部连接”回到“全连接”的神经网络
  3. JZOJ 3766. 【BJOI2014】大融合
  4. STL常用的集合算法
  5. 将项目依赖也打到jar包中
  6. Singing Superstar HDU - 7064
  7. ListView控件获取选中项的内容 c# 114867417
  8. 第三十二章 elk(3)- broker架构 + 引入logback
  9. PHP类中Static方法效率测试
  10. 20190914每日一句
  11. 微信直播教程:微信直播时如何做直播倒计时预告效果
  12. cisco路由器如何查看内网流量情况
  13. android SDL系列讲解(十三) 播放音乐库 SDL_mixer教程
  14. Seaweedfs上传大文件_large file
  15. java useragent 360 遨游 火狐_Chrome与火狐修改浏览器User Agent教程
  16. android微信登录用户绑定,微信授权登陆接入第三方App(步骤总结)Android
  17. C++生成LNK文件及LNK文件简单解析
  18. finebi-数据更新与定时发邮件
  19. 公共关系学试题及答案
  20. 赢得值系列1:赢得值管理的历史

热门文章

  1. 你值得安装的24个chrome插件!!!
  2. 大一计算机思维知识点,大学计算机基础教学中计算思维的培养途径
  3. 如何提高文字和配图的整体性?总监送你7个实用方法
  4. DeskMini310 黑苹果(hackintosh)
  5. 文献阅读:利用斯托克斯参量验证光波的偏振态
  6. Linux基础之vim
  7. java 3D 第二章 java 3D基本概念
  8. Java趣味编程(二)
  9. android 动画直播,直播动画实现方案一
  10. 虚拟机启动失败:VMware Workstation and Device/Credential Guard are not compatible