H5案例：“2016网易娱乐圈画传”页面制作
时间：2023-07-03 07:24:01 | 来源：网站运营
时间：2023-07-03 07:24:01 来源：网站运营
H5案例：“2016网易娱乐圈画传”页面制作：
1.制作缩放动画我们先在图层1添加第一张图
在图层2添加第二张图，将第二张图放大，使其放置第一张图的画面大小符合舞台（即与图层1第一张图大小画面重合）
如下图为两个图层第50帧位置上插入帧，在图层1上第二帧插入一个空白帧使其只出现在第一帧上，为图层2插入关键帧动画，在最后一帧关键帧上调整第二张图片的大小使其符合舞台
如图我们新建图层3，在最后一帧插入空白帧，添加进第三张图片，调整图片大小使其放置第二张图的位置大小符合舞台（即与图层2最后一帧图片大小画面重合）
同理我们在三个图层第100帧位置上插入帧，为图层2、3插入关键帧动画，分别在其最后一帧关键帧上缩小图片，使第三张图的大小符合舞台
同理新建图层4添加第四张图片，制作动画效果，此处不详述。
2.制作“长按按钮播放动画”效果如图，新建图层，添加一个按钮元素
新建“行为层”添加一个矩形，设置矩形“出现即暂停”行为，同时在该图层第二帧添加一个空白帧，使该行为只使用在第一帧
为按钮素材添加两个行为：
动画播放控制→播放→触发条件：手指按下；
动画播放控制→暂停→触发条件：手指抬起。
在线咨询
