2D序列帧Actor

0.1. 两类序列帧Actor

  编辑器支持两类 2D序列帧Actor(若想在场景中创建序列帧Actor,请创建face tracker类型的工程),分别是:

  • 基于屏幕的序列帧Actor (XEImg2DScreenSequenceFrameActor )
  • 基于人脸关键点的序列帧Actor(XEImg2DFaceKeyPointSequenceFrameActor)

0.2. 两类序列帧Actor的异同

  •  共同之处是两种 Actor 都可以加载单张棋盘形式的序列帧,也可以加载多张纹理形式的序列帧,通过设置动画属性达到最终的序列帧效果(棋盘形式序列帧是指所有序列帧拼到一张大图上,根据指定的行和列将大图切分成多个小图)。
  •  不同之处是XEImg2DFaceKeyPointSequenceFrameActor 是基于人脸关键点来设置显示位置;而XEImg2DScreenSequenceFrameActor 是通过给定屏幕像素坐标固定显示位置。除此之外,XEImg2DScreenSequenceFrameActor 还有一些其他的属性设置。

1. 序列帧动画简介

 前面已经介绍过屏幕序列帧Actor和人脸关键点序列帧Actor都能加载序列帧资源 ,那么本节将从编辑器的角度详细介绍序列帧动画的属性及操作方式(若想编辑或预览序列帧动画,需要先创建一个序列帧Actor)。

1.1. 序列帧动画编辑

 创建一个序列帧Actor时,序列帧动画属性的默认显示如左下图所示,通过点击“添加动画”按钮添加一个序列帧动画配置,界面如右下图所示。通过点击“选择资源”按钮即可添加序列帧资源。

alt序列帧动画默认属性
alt添加一个动画配置

1.1.1. 单张棋盘形式的序列帧

添加序列帧资源时,如果选择添加一张图片,则编辑器认为当前加载的是棋盘形式的序列帧,并默认将其分割为一行一列。编辑器界面如下:
alt
预览的效果图如下图所示:
alt
属性功能说明:

  1. 纹理:棋盘形式序列帧的纹理路径,后边四个按钮分别是:更新纹理、在资产面板中定位当前纹理、快速更快纹理资源、移除当前纹理。
  2. 列:用于切分棋盘序列帧的列数。
  3. 行:用于切分棋盘序列帧的行数。
  4. 帧数:根据行和列切分棋盘图片后,序列帧的总数,此属性不可编辑。
  5. FPS:帧速,即每秒播放多少帧,此值越大,播放越快。
  6. 逆序:是否倒序播放。

1.1.2. 多张纹理形式的序列帧

  添加序列帧资源时,如果同时选择了多张纹理,则编辑器认为加载的是多纹理形式的序列帧,编辑器的编辑器界面如下:
alt

属性功能说明:

  1. 添加纹理:向现有序列帧列表的尾部追加新的纹理。
  2. 帧数:序列帧的总帧数。
  3. FPS:同在单张棋盘形式纹理中的作用一样,用于控制序列帧播放快慢。
  4. 逆序:是否倒序播放。

1.2. 序列帧动画注意事项

  • 序列帧资源仅支持png/jpg/pvr/ktx四种图片格式。
  • 序列帧Actor加载的序列帧资源必须是当前工程(.xproject文件)所在路径下的Asset 文件夹内的资源,不支持外部资源加载。
  • 当前版本的编辑器每个序列帧Actor仅支持添加一段序列帧动画。
  • 为序列帧Actor添加序列帧资源后,默认不播放,因此不显示序列帧效果。需要点击“效果预览”按钮。

2. 基于屏幕的序列帧 Actor

  基于屏幕的序列帧Acotr(XEImg2DScreenSequenceFrameActor) 除了可以加载序列帧资源之外,还可以设置位置、朝向、布局、手势触发、表情触发、是否启用扣背景等属性,分为如下六大类: alt

2.1. Transform变换

编辑器Transform界面显示: alt
属性作用介绍:

  1. 位置:屏幕序列帧Actor在屏幕空间的像素坐标,注意屏幕中心是(0,0)点。
  2. 旋转:屏幕序列帧Actor的旋转角度(绕Z轴的旋转)。
  3. 缩放:序列帧宽和高的缩放值,后方按钮表示是否保持宽高比不变。
  4. Z深度:此属性代表序列帧Actor的深度。默认为0.9999,此值的区间范围是[0,0.9999]。此值越大,表示当前Actor 越会被深度值小的Actor遮挡。

注意:如果两个Actor的Z深度值相同,则后渲染的Actor遮挡先渲染的Actor,即编辑器世界大纲面板中的显示顺序。

2.2. 屏幕序列帧属性

  此组属性用于设置序列帧Actor的布局方式、缩放方式、边界固定和尺寸等,编辑器中的界面显示: alt
属性作用介绍:

  1. 布局:用于快速设置序列帧Actor的位置,预置了六种状态,左侧三个按钮用于调整序列帧Actor的横向坐标,分别是左边界、横向中心、右边界;右侧三个按钮用于调整序列帧Actor的纵向坐标,分别是上边界、纵向中心、下边界。
  2. 灵活性:用于设置是否根据手机分辨率拉伸序列帧Actor的尺寸。水平:是指根据当前设备分辨率宽度与创建序列帧时屏幕分辨率宽度的缩放值等比缩放序列帧的宽;竖直:是指根据当前设备分辨高度与创建序列帧时屏幕分辨率高度的缩放值等比缩放序列帧的高。如果想要制作全屏效果的序列帧,务必勾选这两项。
  3. 固定:用于固定序列帧Actor到屏幕四个边界的距离。
  4. 全屏:快速将序列帧的尺寸更改为当前分辨率大小。
  5. 尺寸:序列帧的像素大小。

2.3. 分割

  分割功能用于实现在序列帧背景中剔除人像区域的效果。默认不开启分割效果,即序列帧Actor默认没有抠图人像功能。效果如下图所示:
alt没有启用分割 alt启用分割
编辑器中的界面显示:
alt

属性作用介绍:

  1. 启用分割Mask:是否开启抠图。
  2. Mask取反:开启抠图功能后,默认是剔除人像区域,保留人像区域之外的部分。如果勾选此项,则保留人像区域,剔除人像区域之外的部分。
  3. 纹理空间:默认抠图是基于手机分辨率大小的空间进行计算的,如果勾选此项,表示在当前序列帧纹理空间进行抠图操作。对比如下两幅图:

alt不勾选纹理空间的效果 alt勾选纹理空间的效果

2.4. Actor常规设置

本组属性用于设置Actor是否允许被点选以及被点选的优先级,界面显示为:
alt
注意:点选优先级越高,越先被选中。

2.5. 其他设置

  本组属性用于设置Actor触发动画(表情触发/手势触发等)及是否允许前后置相机时显示,编辑器编辑界面显示:
alt

属性作用介绍:

  1. 添加动作:添加一个触发动作,如表情触发事件、手势触发事件等,每种事件的配置不尽相同。
  2. 类型:动作类型,常用的类型主要是FaceExpression(表情触发)、GestureExpression(手势触发)两种。
  3. 表情触发的绑定表情:用于设置什么表情时触发动画事件,以上图为例,表示当检测到“正在张嘴”的表情时,触发动画事件。
  4. 手势触发的触发手势名称:用于设置什么手势时触发动画事件。
  5. 动画播放模式:检测到指定操作时如何触发动画,目前支持两种模式,分别是立即触发和丢弃。若设置播放模式为立即触发,则无论当前动画是否正在播放,都将立即从头开始播放。若设置为丢弃的模式,则当当前序列帧动画正在播放时,丢弃此次事件触发。
  6. 在前后相机显示:用于设置当前Actor是否在前置相机或后置相机启用时显示。

注意:当前版本(v1.3.1)中,一个序列帧Actor可以添加多个不同类型的动作,但相同类型的动作只能添加一个。

3. 基于人脸关键点的序列帧 Actor

  基于人脸关键点的序列帧Actor(XEImg2DFaceKeyPointSequenceFrameActor)与基于屏幕的序列帧Actor相似,可以加载序列帧资源、设置Transform、分割设置、点选设置及触发动作设置,不同的是基于人脸关键点的序列帧Actor需要设置参考的人脸关键点。 alt

属性作用介绍:

  1. 添加人脸关键点索引:用于添加当前序列帧Actor需要绑定的人脸关键点的索引值。可以添加多个关键点的索引,通过加权平均得到最终基于人脸的参考点的位置。
  2. KeyPointIndex:关键点索引值,此值的取值范围是[0,96]。
  3. 尺寸:序列帧的像素大小。
  4. 显示参考点:是否在窗口中显示参考点的位置。 注意:需要将基于人脸关键点的序列帧Actor添加到对应的FaceTrackerActor类型的Actor下(编辑器中要将人脸关键点序列帧Actor拖拽到世界大纲中FaceTrackerActor的tracking),否则基于人脸关键点的序列帧Actor不会跟随人脸移动,也不会显示序列帧动画效果,更不会有表情或手势触发效果。

alt

@Copyright © cosmos 2019 all right reserved,powered by Gitbook修订时间: 2021-04-12 18:28:14

results matching ""

    No results matching ""