页面跳转动画控制方法和装置与流程

文档序号:33422311发布日期:2023-03-11 00:10阅读:来源:国知局

技术特征:
1.一种页面跳转动画控制方法,其特征在于,包括:获取用于描述页面跳转动画过程的视频模板文件,所述视频模板文件包括多个视频画面,所述视频画面包括动画图像区域、动画图像的掩膜区域和跳转前页面的透明度掩膜区域;响应于页面跳转操作,获取所述视频模板文件包括的所述多个视频画面;针对各视频画面,从所述动画图像区域获取所述动画图像,从所述动画图像的掩膜区域获取所述动画图像的掩膜,从所述透明度掩膜区域获取所述跳转前页面的目标透明度掩膜;根据所述动画图像和所述动画图像的掩膜,生成动画效果图层;将目标跳转前页面视图的透明度掩膜设置为所述目标透明度掩膜,所述动画效果图层在所述目标跳转前页面视图的上层,所述目标跳转前页面视图在跳转后页面视图的上层。2.根据权利要求1的方法,其特征在于,所述动画图像区域、所述动画图像的掩膜区域和所述透明度掩膜区域的排版方式包括:横排或者竖排。3.根据权利要求1的方法,其特征在于,所述从所述动画图像区域获取所述动画图像,包括:获取所述动画图像区域的位置信息;根据所述动画图像区域的位置信息,获取所述动画图像;所述从所述动画图像的掩膜区域获取所述动画图像的掩膜,包括:获取所述动画图像的掩膜区域的位置信息;根据所述动画图像的掩膜区域的位置信息,获取所述动画图像的掩膜;从所述透明度掩膜区域获取所述目标透明度掩膜,包括:获取所述透明度掩膜区域的位置信息;根据所述透明度掩膜区域的位置信息,从所述透明度掩膜区域获取所述目标透明度掩膜。4.根据权利要求1的方法,其特征在于,还包括:编辑所述文件,以使得根据编辑后的文件进行页面跳转动画控制。5.根据权利要求1的方法,其特征在于,还包括:获取页面跳转描述规则;所述规则包括:图层移动的路径描述,图层缩放的路径描述;根据所述规则进行页面跳转动画处理。6.一种页面跳转动画控制方法,其特征在于,包括:生成页面跳转动画过程对应的多个画面;所述画面包括:动画图像区域、动画图像的掩膜区域和跳转前页面的透明度掩膜区域;根据所述过程对应的多个画面,生成用于描述页面跳转动画过程的视频模板文件。7.根据权利要求6的方法,其特征在于,还包括:将所述文件发送至客户端,以使得客户端响应于页面跳转操作,获取所述视频模板文件包括的所述多个视频画面;针对各视频画面,从所述动画图像区域获取所述动画图像,从所述动画图像的掩膜区域获取所述动画图像的掩膜,从所述跳转前页面的透明度掩膜区域获取所述跳转前页面的目标透明度掩膜;根据所述动画图像和所述动画图像的掩膜,生成
动画效果图层;将目标跳转前页面视图的透明度掩膜设置为所述目标透明度掩膜,所述动画效果图层在所述目标跳转前页面视图的上层,所述目标跳转前页面视图在跳转后页面视图的上层。8.一种页面转场动画控制装置,其特征在于,包括:视频模板文件获取单元,用于获取用于描述页面跳转动画过程的视频模板文件,所述视频模板文件包括多个视频画面,所述视频画面包括动画图像区域、动画图像的掩膜区域和跳转前页面的透明度掩膜区域;视频画面获取单元,用于响应于页面跳转操作,获取所述视频模板文件包括的所述多个视频画面;动画设计信息获取单元,用于针对各视频画面,从所述动画图像区域获取所述动画图像,从所述动画图像的掩膜区域获取所述动画图像的掩膜,从所述透明度掩膜区域获取所述跳转前页面的目标透明度掩膜;图层处理单元,用于根据所述动画图像和所述动画图像的掩膜,生成动画效果图层;将目标跳转前页面视图的透明度掩膜设置为所述目标透明度掩膜;图层合成单元,用于将所述动画效果图层作为所述目标跳转前页面视图的上层,所述目标跳转前页面视图作为跳转后页面视图的上层。9.一种页面转场动画控制装置,其特征在于,包括:画面生成单元,用于生成页面跳转动画过程对应的多个画面;所述画面包括:动画图像区域、动画图像的掩膜区域和跳转前页面的透明度掩膜区域;视频模板文件生成单元,用于根据所述过程对应的多个画面,生成用于描述页面跳转动画过程的视频模板文件。10.一种电子设备,其特征在于,包括:处理器和存储器;存储器,用于存储实现根据权利要求1-7任一项所述的页面跳转动画控制方法的程序,该设备通电并通过所述处理器运行该方法的程序。

技术总结
本申请公开了页面跳转动画控制方法、装置及设备。其中所述方法通过获取用于描述页面跳转动画过程的视频模板文件,视频模板文件包括多个视频画面,视频画面包括动画图像区域、动画图像的掩膜区域和跳转前页面的透明度掩膜区域;响应于页面跳转操作,获取视频模板文件包括的多个视频画面;针对各视频画面,从视频画面内的各区域获取对应的动画设计内容;根据动画图像和动画图像的掩膜,生成动画图层;将目标跳转前页面视图的透明度掩膜设置为所述目标透明度掩膜,动画效果图层在目标跳转前页面视图的上层,目标跳转前页面视图在跳转后页面视图的上层。采用这种处理方式,可以有效提升动画效果,降低开发成本。降低开发成本。降低开发成本。


技术研发人员:袁兴福 杨硕 张超 商艺轩
受保护的技术使用者:北京优酷科技有限公司
技术研发日:2022.12.02
技术公布日:2023/3/10
当前第2页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1