首页 > 其他 > 详细

Egret入门学习日记 --- 第三十二篇(书中 10.1 节 内容)

时间:2019-08-10 21:53:57      阅读:83      评论:0      收藏:0      [点我收藏+]

第三十二篇(书中 10.1 节 内容)

  好的,今天来学习如何让Egret播放动画。

  由于我事先看完了这节书中内容了。

  在这里我就不把书中的内容全部弄出来了。

  我就以自己的理解来书写重点吧。  

  首先,这是我完善书中的代码后,运行的效果预览。

  技术分享图片

  来看一下重点有哪些。

  重点:

    1、使用 TextureMerge 中的 Egret MovieClip 来制作动画资源。

    2、设置预加载分组。(额外非书中的知识点)

    3、了解 game 库 中 MovieClipDataFactory、MovieClip 类的使用。

    4、封装动画类 McPlay 。

  操作:

    为了更好,更全面的演示功能点,我会重新准备一次素材。

    因为,之前我运行的效果,都是我摸索出来的,踩了很多坑。

    所以,我就重新来过,一次性把功能点都记录全。

    1、使用 TextureMerge 中的 Egret MovieClip 来制作动画资源。

      这里我认为有两种动画分类方式,我先用其中一种。

      剩下的另一种,我会在日记最末尾添加。

      第一步:

        准备好gif图素材。

          技术分享图片

        以及一帧一帧的动作素材。

          技术分享图片

          技术分享图片

      第二步:

        打开 Egret MovieClip 。

        技术分享图片

        新建项目,起好名字quanhuang。

        技术分享图片

        拖入素材。

        技术分享图片

        设置角色动画名字 和 角色动作名字。

        技术分享图片

        再添加一种动作 膝击 。

        技术分享图片

        给 膝击 添加动画帧。

        技术分享图片

        都选上。

        技术分享图片

        可以点击 膝击 旁边的 播放按钮 预览动作。

        技术分享图片

        然后导出。

        技术分享图片

        导出后的两个文件。

        技术分享图片

        把这两个文件导入Egret里,都拖入完成后,记得保存。

        技术分享图片

        然后这是 terui_json 的样子。

        技术分享图片

    2、设置预加载分组。(额外非书中的知识点)

      素材导入了Egret里的 myAssets 资源组后。就要让程序运行时,加载这个组的资源了。

      技术分享图片

    3、了解 game 库 中 MovieClipDataFactory、MovieClip 类的使用。

      技术分享图片

      运行查看膝击的效果。

      技术分享图片

      也可以换成肘击。

      技术分享图片

    4、封装动画类 McPlay 。

      为了方便我们以后的使用,接下来就是封装一下这个动画类了。

      技术分享图片

      这样就完成了。

      技术分享图片

    (

      刚刚想去洗澡,突然发现好像忘了另一种方式了。。。赶紧跑回来更新。。。

      我还提到了另一种动画方式,我这就写一下。

      1、打开TextureMerge 中的 Egret MovieClip 。

        拖入素材,然后改名,可以发现结构和之前不同了。

        技术分享图片

        导出已经说过了,我就直接给你们看导出后的文件。

        技术分享图片

        这是terui_2.json 的样子。

        技术分享图片

      2、改动 一下实例化 运行即可。

        这是膝击。

        技术分享图片

        这是肘击。

        技术分享图片

        或者这样。

        技术分享图片

        OK,这回就结束了。洗澡去。

 

    )

  (

    额。。。还少了个知识点,关于 TextureMerge 中的 Egret MovieClip 的。

    技术分享图片

    好了。应该没了。

    )

  至此,10.1节 内容结束。

 

  洗澡去咯,弄了好几个小时了。热死了。

Egret入门学习日记 --- 第三十二篇(书中 10.1 节 内容)

原文:https://www.cnblogs.com/dmc-nero/p/11331844.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!