美文网首页
12.creator 帧动画使用记录

12.creator 帧动画使用记录

作者: 会写诗的翩翩少年 | 来源:发表于2018-07-15 18:20 被阅读0次

零、引言

本文主要关于帧动画使用的问题,以及一些本人在开发中的问题做一些记录,并非使用教程,使用的creator版本为1.9.2

一、引入资源

1.直接将散图拖入creator的文件夹中,然后按照creator教程生成动画
问题:图片资源会被creator自动裁剪,效果如下,红色框为裁剪前,紫色框为裁剪后,这样就会导致每一帧的大小都不一样
解决:将图片中的Trim Type改为Custom,然后修改Trim Width、Height等参数值,使每一帧图片的大小保持一致
吐槽:本人试过多选图片,统一修改,然而修改完之后只会有一张被修改,不能多张一起修改
建议:可使用python脚本,批处理图片对应的meta文件


QQ图片20180715180432.png

2.通过Texture Packer对图片进行打包,然后导入
注意:打包图片时,需如下图所示,将Trim Mode设为None,否则也会裁剪图片


QQ图片20180715181051.png

二、动画镜像的使用

QQ图片20180715181449.png

为节省资源,一般会将动画左右行走的动画做成镜像,这样只需要一份资源即可,做成镜像的方式有两种:
1.如图左上,修改scaleX为-1,对应子节点A也会随之翻转
2.如图坐下,修改width为-width,只会对当前精灵进行镜像,并不会影响子节点

结语

以上为本人近期使用帧动画遇到的一些问题,若有更好的思路或解决方案,欢迎打扰

相关文章

  • 12.creator 帧动画使用记录

    零、引言 本文主要关于帧动画使用的问题,以及一些本人在开发中的问题做一些记录,并非使用教程,使用的creator版...

  • 对WindowManager中的View设置动画

    1.直接对View设置传统动画 传统动画包括帧动画和补间动画。帧动画主要是一帧一帧的播放。可以在xml中使用 标签...

  • iOS-动画知识梳理

    学习及实践笔记 记录iOS动画的学习及实践 目录 显示层(UIView)动画初级动画关键帧动画逐帧动画Gif动画的...

  • Android 动画锦集

    Android 动画可分为逐帧动画、补间动画、属性动画。使用传统的逐帧动画、补间动画可以实现 Android 基本...

  • cocos creator基础-(十六)自定义的帧动画播放组件

    1: 掌握帧动画的原理; 2: 完成帧动画组件的编写; 3: 代码中使用帧动画组件; 通过拖拽图片进行播放,比引擎...

  • android 之动画

    动画: 一、帧动画 res\drawable Drawable动画 使用的类:AnimationDrawable ...

  • iOS Animation创建及使用

    iOS 实现的基本动画 头尾式动画 2.block动画的方法 iOS显示关键帧动画 关键帧动画 动画的创建和使用 ...

  • 第七章 Android动画

    View 动画建议在 res/anim 中创建 XML 格式的动画。 使用: 帧动画 使用: LayoutAnim...

  • Days18 H5+Css3

    1.使用动画 (js实现动画,css3实现动画) 一个是帧动画 一个是补间动画 什么是帧动画:使用定时器 每隔一段...

  • Android 之自定义加载帧动画

    Android 动画主要分为帧动画和属性动画,主要的区别和关系不在这叙述,这里主要用实际例子说明帧动画的使用。首先...

网友评论

      本文标题:12.creator 帧动画使用记录

      本文链接:https://www.haomeiwen.com/subject/hrnppftx.html