购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

2.3 动态表情包的空间参数

从技术角度来讲,动态表情包是指一个物体在不同时间点上的两个不同存在状态之间的过渡。构成物体存在状态的元素,总结下来有以下几个基本参数。我们能见到的所有动态表情包,将其拆分后,都是这些参数在不同时间点上的变化组合。

2.3.1 位移

物体存在于三维空间中的位置,由基本的x轴、y轴、z轴的数值决定。屏幕中心被默认为原点, x 轴、 y 轴、 z 轴的数值分别是指基于原点在横向、竖向和垂直于屏幕的纵深方向上的位置参数。基于两个时间点上 x 轴、 y 轴、 z 轴的数值上的变化,就形成了位移动画。

2.3.2 缩放

存在于空间中的物体的体积,由缩放的数值决定。这个参数一般以百分比的形式呈现,默认数值为100%。当参数大于100%时为放大,小于100%时为缩小。基于两个时间点上不同百分比的变化,就形成了缩放动画,如图2-5所示。

图2-5

2.3.3 旋转

存在于空间中的物体的方向,由旋转的数值决定。这个参数一般以角度(0°~±360°)的形式呈现,默认数值为0°,其中正数为顺时针旋转,负数为逆时针旋转。 x 轴、 y 轴、 z 轴分别为物体沿着旋转的轴线,基于不同的轴线旋转,动画的透视效果不同。基于两个时间点上不同轴线上物体的角度变化,就形成了旋转动画。图2-6所示的是基于 x 轴、 y 轴、 z 轴旋转的动画效果。

基于 x 轴旋转 基于 y 轴旋转 基于 z 轴旋转

图2-6

2.3.4 透明度

存在于空间中的物体的透明程度,由透明度的数值决定。这个参数与缩放的数值一样,一般以百分比的形式呈现,默认数值为100%。基于两个时间点上不同百分比的透明度的变化,就形成透明度动画,如图2-7所示。

不透明 透明度为20% 透明度为50% 透明度为70% 透明度为90%

图2-7 sMDN5GtdfvekusZ+8XNYMhRUIrhJ6jjqRDA9vRaRueBM8rAJYlUbBT2rQrbahOim

点击中间区域
呼出菜单
上一章
目录
下一章
×