CN103198504A - 过渡动画的控制方法和装置 - Google Patents

过渡动画的控制方法和装置 Download PDF

Info

Publication number
CN103198504A
CN103198504A CN2013100665316A CN201310066531A CN103198504A CN 103198504 A CN103198504 A CN 103198504A CN 2013100665316 A CN2013100665316 A CN 2013100665316A CN 201310066531 A CN201310066531 A CN 201310066531A CN 103198504 A CN103198504 A CN 103198504A
Authority
CN
China
Prior art keywords
target
view
default
bezier
frame
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN2013100665316A
Other languages
English (en)
Other versions
CN103198504B (zh
Inventor
王海
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Gridsum Technology Co Ltd
Original Assignee
Beijing Gridsum Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Gridsum Technology Co Ltd filed Critical Beijing Gridsum Technology Co Ltd
Priority to CN201310066531.6A priority Critical patent/CN103198504B/zh
Publication of CN103198504A publication Critical patent/CN103198504A/zh
Application granted granted Critical
Publication of CN103198504B publication Critical patent/CN103198504B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • Processing Or Creating Images (AREA)

Abstract

本发明公开了一种过渡动画的控制方法和装置。其中，过渡动画的控制方法包括：切割原始视图，得到原始视图切片Pj，其中，j为自然数；分别计算第0至第j个原始视图切片Pj沿预设贝塞尔曲线弹出或收缩后的目标顶点坐标
Figure DDA00002876223600011
分别控制第0至第j个原始视图切片Pj按照目标顶点坐标
Figure DDA00002876223600012
形变，得到目标视图切片P′j；按照j值顺序组合目标视图切片P′j，得到目标视图；以及播放目标视图，得到过渡动画。通过本发明，解决了现有技术中无法自定义过渡动画动作路径的问题，进而达到了提高过渡动画的过渡方式的效果。

Description

过渡动画的控制方法和装置
技术领域
本发明涉及计算机领域，具体而言，涉及一种过渡动画的控制方法和装置。
背景技术
过渡动画常用于计算机图形用户界面中，使图形界面由一个状态自然平滑地过渡到另一个状态，避免让用户产生突兀或不知所措的感觉。过渡动画需要流畅清晰，掉帧、模糊的过渡动画会造成不好的用户体验。目前的过渡动画一般采用淡入淡出，飞入飞出等方式，这类过渡动画虽然在流畅度和清晰度上能够满足用户的视觉体验，但是其动作路径是固定的，无法满足用户自定义动作路径，并且目前的过渡动画一般只能定制动画时间和时间函数，无法基于硬件环境来设置帧率，缓存大小等。
针对现有技术中无法自定义过渡动画动作路径的问题，目前尚未提出有效的解决方案。
发明内容
本发明的主要目的在于提供一种过渡动画的控制方法和装置，以解决现有技术中无法自定义过渡动画动作路径的问题。
为了实现上述目的，根据本发明的一个方面，提供了一种过渡动画的控制方法，包括：切割原始视图，得到原始视图切片Pj，其中，j为自然数；分别计算第0至第j个原始视图切片Pj沿预设贝塞尔曲线弹出或收缩后的目标顶点坐标
Figure BDA00002876223400011
分别控制第0至第j个原始视图切片Pj按照目标顶点坐标j形变，得到目标视图切片P′j；按照j值顺序组合目标视图切片P′j，得到目标视图；以及播放目标视图，得到过渡动画。
进一步地，目标视图包括i帧目标视图，其中，i为满足0≤i≤s的自然数，s为预设帧率，分别计算第0至第j个原始视图切片Pj沿预设贝塞尔曲线弹出或收缩后的目标顶点坐标
Figure BDA00002876223400021
包括：分别计算第0至第j个原始视图切片Pj沿预设贝塞尔曲线弹出或收缩过程中对应第i帧目标视图的四个顶点坐标，得到目标顶点坐标
Figure BDA00002876223400022
分别控制第0至第j个原始视图切片Pj按照目标顶点坐标形变，得到目标视图切片P′j包括：分别控制第0至第j个原始视图切片Pj按照目标顶点坐标形变，得到目标视图切片P′ji，按照j值顺序组合目标视图切片P′j，得到目标视图包括：按照j值顺序组合目标视图切片P′ji，得到第i帧目标视图，播放目标视图，得到过渡动画包括：按照i值顺序依次播放第0至第s帧目标视图，得到过渡动画。
进一步地，分别计算第0至第j个原始视图切片Pj沿预设贝塞尔曲线弹出或收缩过程中对应第i帧目标视图的四个顶点坐标，得到目标顶点坐标包括：分别计算第0至第j个原始视图切片Pj沿预设贝塞尔曲线放大或缩小过程中对应第i帧目标视图的四个顶点坐标，得到第一目标顶点坐标
Figure BDA00002876223400026
以及分别计算第0至第j个原始视图切片Pj沿预设贝塞尔曲线滑动过程中对应第i帧目标视图的四个顶点坐标，得到第二目标顶点坐标分别控制第0至第j个原始视图切片Pj按照目标顶点坐标
Figure BDA00002876223400028
形变，得到目标视图切片P′ji包括：分别控制第0至第j个原始视图切片Pj按照第一目标顶点坐标形变，得到第一目标视图切片P′j1i；以及分别控制第0至第j个原始视图切片Pj按照第二目标顶点坐标
Figure BDA000028762234000210
形变，得到第二目标视图切片P′j2i，按照j值顺序组合目标视图切片P′ji，得到第i帧目标视图包括：按照j值顺序组合第一目标视图切片P′j1i，得到第一目标视图中的第i帧目标视图；以及按照j值顺序组合第二目标视图切片P′j2i，得到第二目标视图中的第i帧目标视图，按照i值顺序依次播放第0至第s帧目标视图，得到过渡动画包括：同时播放第一目标视图和第二目标视图中的第i帧目标视图，得到过渡动画的第i帧帧视图；以及按照i值顺序依次播放第0帧至第s帧帧视图，得到过渡动画。
进一步地，预设贝塞尔曲线包括第一预设贝塞尔曲线和第二预设贝塞尔曲线，切割原始视图，得到原始视图切片Pj包括：通过横向切割方式切割原始视图，得到原始视图切片Pj，分别计算第0至第j个原始视图切片Pj沿预设贝塞尔曲线放大或缩小过程中对应第i帧目标视图的四个顶点坐标，得到第一目标顶点坐标
Figure BDA00002876223400031
包括：分别获取第0至第j个原始视图切片Pj的四个顶点的初始坐标 ( x j 0 , y j 0 ) , ( x j 1 , y j 0 ) ( x j 0 , y j 1 ) , ( x j 1 , y j 1 ) ; 在第一预设贝塞尔曲线上查找纵坐标为yj0的点所对应的横坐标X1；在第二预设贝塞尔曲线上查找纵坐标为yj0的点所对应的横坐标X2；在第一预设贝塞尔曲线上查找纵坐标为yj1的点所对应的横坐标X3；在第二预设贝塞尔曲线上查找纵坐标为yj1的点所对应的横坐标X4；以及按照第一公式分别计算第0至第j个原始视图切片Pj的第一目标顶点坐标
Figure BDA00002876223400033
其中，第一公式为：
分别计算第0至第j个原始视图切片Pj沿预设贝塞尔曲线滑动过程中对应第i帧目标视图的四个顶点坐标，得到第二目标顶点坐标
Figure BDA00002876223400035
包括：获取原始视图的第一顶点的坐标(x0,y0)；获取目标位置的目标纵坐标y目；在第一预设贝塞尔曲线上查找纵坐标为的点所对应的横坐标X′1；在第二预设贝塞尔曲线上查找纵坐标为
Figure BDA00002876223400041
的点所对应的横坐标X′2；在第一预设贝塞尔曲线上查找纵坐标为
Figure BDA00002876223400042
的点所对应的横坐标X′3；在第二预设贝塞尔曲线上查找纵坐标为
Figure BDA00002876223400043
的点所对应的横坐标X4′；以及按照第二公式分别计算第0至第j个原始视图切片Pj的第二目标顶点坐标
Figure BDA00002876223400044
其中，第二公式为：
Figure BDA00002876223400045
进一步地，在按照第二公式分别计算第0至第j个原始视图切片Pj的第二目标顶点坐标之前，控制方法还包括：判断
Figure BDA00002876223400046
是否大于y目；以及若判断出大于y目，则跳过计算原始视图切片Pj的第二目标顶点坐标。
进一步地，预设贝塞尔曲线包括第一预设贝塞尔曲线和第二预设贝塞尔曲线，切割原始视图，得到原始视图切片Pj包括：通过纵向切割方式切割原始视图，得到原始视图切片Pj，分别计算第0至第j个原始视图切片Pj沿预设贝塞尔曲线放大或缩小过程中对应第i帧目标视图的四个顶点坐标，得到第一目标顶点坐标
Figure BDA00002876223400048
包括：分别获取第0至第j个原始视图切片Pj的四个顶点的初始坐标 ( x j 0 , y j 0 ) , ( x j 1 , y j 0 ) ( x j 0 , y j 1 ) , ( x j 1 , y j 1 ) ; 在第一预设贝塞尔曲线上查找横坐标为xj0的点所对应的纵坐标Y1；在第二预设贝塞尔曲线上查找纵坐标为xj0的点所对应的横坐标Y2；在第一预设贝塞尔曲线上查找纵坐标为xj1的点所对应的横坐标Y3；在第二预设贝塞尔曲线上查找纵坐标为xj1的点所对应的横坐标Y4；以及按照第三公式分别计算第0至第j个原始视图切片Pj的第一目标顶点坐标
Figure BDA00002876223400052
其中，第三公式为：
Figure BDA00002876223400053
分别计算第0至第j个原始视图切片Pj沿预设贝塞尔曲线滑动过程中对应第i帧目标视图的四个顶点坐标，得到第二目标顶点坐标
Figure BDA00002876223400054
包括：获取原始视图的第一顶点的坐标(x0,y0)；获取目标位置的目标横坐标x目；在第一预设贝塞尔曲线上查找横坐标为
Figure BDA00002876223400055
的点所对应的纵坐标Y1′；在第二预设贝塞尔曲线上查找横坐标为
Figure BDA00002876223400056
的点所对应的纵坐标Y′2；在第一预设贝塞尔曲线上查找横坐标为
Figure BDA00002876223400057
的点所对应的纵坐标Y′3；在第二预设贝塞尔曲线上查找横坐标为
Figure BDA00002876223400058
的点所对应的纵坐标Y′4；以及按照第四公式分别计算第0至第j个原始视图切片Pj的第二目标顶点坐标
Figure BDA00002876223400061
其中，第四公式为：
Figure BDA00002876223400062
进一步地，在按照第二公式分别计算第0至第j个原始视图切片Pj的第二目标顶点坐标之前，控制方法还包括：判断
Figure BDA00002876223400063
是否大于x目；以及若判断出
Figure BDA00002876223400064
大于x目，则跳过计算原始视图切片Pj的第二目标顶点坐标。
进一步地，按照i值顺序依次播放第0帧至第s帧帧视图，得到过渡动画包括：按照i值从小到大的顺序依次播放第0帧至第s帧帧视图，得到过渡动画；或按照i值从大到小的顺序依次播放第0帧至第s帧帧视图，得到过渡动画。
为了实现上述目的，根据本发明的另一方面，提供了一种过渡动画的控制装置，该控制装置用于执行本发明上述内容所提供的任意一种过渡动画的控制方法。
为了实现上述目的，根据本发明的另一方面，提供了一种过渡动画的控制装置，包括：切割单元，用于切割原始视图，得到原始视图切片Pj，其中，j为自然数；计算单元，用于分别计算第0至第j个原始视图切片Pj沿预设贝塞尔曲线弹出或收缩后的目标顶点坐标
Figure BDA00002876223400065
控制单元，用于分别控制第0至第j个原始视图切片Pj按照目标顶点坐标形变，得到目标视图切片P′j；组合单元，用于按照j值顺序组合目标视图切片P′j，得到目标视图；以及播放单元，用于播放目标视图，得到过渡动画。
进一步地，目标视图包括i帧目标视图，其中，i为满足0≤i≤s的自然数，s为预设帧率，计算单元还用于分别计算第0至第j个原始视图切片Pj沿预设贝塞尔曲线弹出或收缩过程中对应第i帧目标视图的四个顶点坐标，得到目标顶点坐标
Figure BDA00002876223400071
控制单元还用于分别控制第0至第j个原始视图切片Pj按照目标顶点坐标
Figure BDA00002876223400072
形变，得到目标视图切片P′ji，组合单元还用于按照j值顺序组合目标视图切片P′ji，得到第i帧目标视图，播放单元还用于按照i值顺序依次播放第0至第s帧目标视图，得到过渡动画。
通过本发明，采用切割原始视图，得到原始视图切片Pj，其中，j为自然数；分别计算第0至第j个原始视图切片Pj沿预设贝塞尔曲线弹出或收缩后的目标顶点坐标分别控制第0至第j个原始视图切片Pj按照目标顶点坐标
Figure BDA00002876223400074
形变，得到目标视图切片P′j；按照j值顺序组合目标视图切片P′j，得到目标视图；以及播放目标视图，得到过渡动画。通过计算原始视图切片沿预设贝塞尔曲线弹出或收缩的四个顶点坐标，并控制原始视图切片按照计算出的顶点坐标进行形变，实现了用户在需要应用过渡动画时，可以根据实际需要进行贝塞尔曲线定义，进而来控制原始视图的动作路径，同时通过对原始视图进行切割，实现了以切片为单元来对原始视图进行控制，避免过渡动画的动作过程过于突兀，达到了在保证用户体验的基础上对过渡动画的动作路径进行控制，解决了现有技术中无法自定义过渡动画动作路径的问题，进而达到了提高过渡动画的过渡方式的效果。
附图说明
构成本申请的一部分的附图用来提供对本发明的进一步理解，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：
图1是根据本发明实施例的控制方法的流程图；以及
图2是根据本发明实施例的控制装置的示意图。
具体实施方式
需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本发明。
本发明实施例提供了一种过渡动画的控制方法，以下对本发明实施例所提供的过渡动画的控制方法进行具体介绍：
如图1所示，该方法包括如下的步骤S101至步骤S105：
S101：切割原始视图，得到原始视图切片Pj，其中，j为自然数；具体地，可以按照预设的切片厚度对原始视图进行切割，若采取纵向方式对原始视图进行切割，则切割后的原始视图切片的数量为
Figure BDA00002876223400081
原始视图切片按照从左至右的顺序编号为Pj，j值最小为0、最大等于
Figure BDA00002876223400082
若采取横向方式对原始视图进行切割，则切割后的原始视图切片的数量为
Figure BDA00002876223400083
原始视图切片按照从上至下的顺序编号为Pj，j值最小为0、最大等于
Figure BDA00002876223400084
其中，w为原始视图切片的宽度，h为原始视图切片的厚度，h0为预设的切片厚度。
S102：分别计算第0至第j个原始视图切片Pj沿预设贝塞尔曲线弹出或收缩后的四个顶点坐标，得到原始视图切片Pj的目标顶点坐标
Figure BDA00002876223400085
具体地，若计划得到弹出的过渡动画，则计算原始视图切片Pj沿预设贝塞尔曲线弹出后的四个顶点的坐标，得到其目标顶点坐标；若计划得到收缩的过渡动画，则计算原始视图切片Pj沿预设贝塞尔曲线收缩后的四个顶点的坐标，得到其目标顶点坐标。
S103：分别控制第0中第j个原始视图切片Pj按照目标顶点坐标
Figure BDA00002876223400086
形变，得到目标视图切片P′j，具体地，控制原始视图切片由原来的四个顶点形变到步骤S102中计算出的新的目标顶点。
S104：按照j值顺序组合目标视图切片P′j，得到目标视图，具体地，将形变后的目标视图切片P′j按照j值顺序组合起来，形成目标视图。
S105：播放目标视图，得到过渡动画。
本发明实施例的控制方法通过计算原始视图切片沿预设贝塞尔曲线弹出或收缩的四个顶点坐标，并控制原始视图切片按照计算出的顶点坐标进行形变，实现了用户在需要应用过渡动画时，可以根据实际需要进行贝塞尔曲线定义，进而来控制原始视图的动作路径，同时通过对原始视图进行切割，实现了以切片为单元来对原始视图进行控制，避免过渡动画的动作过程过于突兀，达到了在保证用户体验的基础上对过渡动画的动作路径进行控制，解决了现有技术中无法自定义过渡动画动作路径的问题，进而达到了提高过渡动画的过渡方式的效果。
进一步地，本发明实施例所提供的过渡动画的控制方法中，目标视图包括i帧目标视图，其中，i为满足0≤i≤s的自然数，s为预设帧率，在对原始视图切片Pj的目标顶点坐标进行计算时，需分别计算第0至第j个原始视图切片Pj沿预设贝塞尔曲线弹出或收缩过程中对应第i帧目标视图的四个顶点坐标，得到目标顶点坐标
Figure BDA00002876223400091
对应地，依次执行以下步骤：分别控制第0至第j个原始视图切片Pj按照目标顶点坐标形变，得到目标视图切片P′ji；按照j值顺序组合目标视图切片P′ji，得到第i帧目标视图；按照i值顺序依次播放第0至第s帧目标视图，得到过渡动画。
具体地，本发明实施例的控制方法在对原始视图切片Pj沿预设贝塞尔曲线弹出或收缩中对应第i帧目标视图的四个顶点坐标进行计算时，可以按照动画的两个阶段（缩放和滑动）分以下两步来执行：
首先，分别计算第0至第j个原始视图切片Pj沿预设贝塞尔曲线放大或缩小过程中对应第i帧目标视图的四个顶点坐标，得到原始视图切片Pj的第一目标顶点坐标
Figure BDA00002876223400093
其次，分别计算第0至第j个原始视图切片Pj沿预设贝塞尔曲线滑动过程中对应第i帧目标视图的四个顶点坐标，得到原始视图切片Pj的第二目标顶点坐标
Figure BDA00002876223400094
对应地，在分别控制第0至第j个原始视图切片Pj按照目标顶点坐标
Figure BDA00002876223400095
形变时，则分别控制第0至第j个原始视图切片Pj按照第一目标顶点坐标
Figure BDA00002876223400096
形变，得到第一目标视图切片P′j1i；以及分别控制第0至第j个原始视图切片Pj按照第二目标顶点坐标
Figure BDA00002876223400097
形变，得到第二目标视图切片P′j2i。然后，按照j值顺序组合第一目标视图切片P′j1i，得到第一目标视图中的第i帧目标视图；按照j值顺序组合第二目标视图切片P′j2i，得到第二目标视图中的第i帧目标视图。最后，按照i值顺序依次播放第0帧至第s帧帧视图得到过渡动画，其中，过渡动画的第i帧帧视图为同时播放的第一目标视图中的第i帧目标视图和第二目标视图中的第i帧目标视图。
更具体地，在本发明实施例所提供的控制方法中，可以采用横向切割方式对原始视图进行切割，也可以采用纵向切割方式对原始视图进行切割，预设贝塞尔曲线可以包括第一预设贝塞尔曲线和第二预设贝塞尔曲线，即，本发明实施例的控制方法通过两条贝塞尔曲线来控制过渡动画的动作路径，以下结合不同的切割方式来对原始视图切片Pj的第一目标顶点坐标和第二目标顶点坐标的具体计算进行说明：
在采用横向切割方式切割所述原始视图，得到所述原始视图切片Pj的情况下：
首先，分别获取第0至第j个原始视图切片Pj的四个顶点的初始坐标 ( x j 0 , y j 0 ) , ( x j 1 , y j 0 ) ( x j 0 , y j 1 ) , ( x j 1 , y j 1 ) , 在本发明实施例中，进行过渡动画控制时，原始视图所依赖的参考坐标系是预先设定，可以按照屏幕的大小来设定，原始视图的宽、高以及其四个顶点在参考坐标系中位置也是已知的，因而可以通过切割的数量和预设的切片厚度来得到原始视图切片Pj的四个顶点的初始坐标 ( x j 0 , y j 0 ) , ( x j 1 , y j 0 ) ( x j 0 , y j 1 ) , ( x j 1 , y j 1 ) ;
其次，通过以下步骤得到原始视图切片Pj的第一目标顶点坐标：在所述第一预设贝塞尔曲线上查找纵坐标为yj0的点所对应的横坐标X1；在所述第二预设贝塞尔曲线上查找纵坐标为yj0的点所对应的横坐标X2；在所述第一预设贝塞尔曲线上查找纵坐标为yj1的点所对应的横坐标X3；在所述第二预设贝塞尔曲线上查找纵坐标为yj1的点所对应的横坐标X4；按照第一公式分别计算第0至第j个原始视图切片Pj的第一目标顶点坐标
Figure BDA00002876223400103
其中，第一公式为：
Figure BDA00002876223400104
通过以下步骤得到原始视图切片Pj的第二目标顶点坐标：
获取原始视图切片Pj的第一顶点的坐标(x0,y0)和目标位置的目标纵坐标y目，原始视图切片Pj的第一顶点可以为原始视图切片Pj的右上顶点，目标纵坐标可以是目标位置的右上顶点的纵坐标；
在第一预设贝塞尔曲线上查找纵坐标为的点所对应的横坐标X1′；在第二预设贝塞尔曲线上查找纵坐标为的点所对应的横坐标X2′；在第一预设贝塞尔曲线上查找纵坐标为
Figure BDA00002876223400113
的点所对应的横坐标X3′；在第二预设贝塞尔曲线上查找纵坐标为
Figure BDA00002876223400114
的点所对应的横坐标X4′；以及按照第二公式分别计算第0至第j个原始视图切片Pj的第二目标顶点坐标
Figure BDA00002876223400115
其中，第二公式为：
Figure BDA00002876223400116
在采用纵向切割方式切割所述原始视图，得到所述原始视图切片Pj的情况下：
首先，分别获取第0至第j个原始视图切片Pj的四个顶点的初始坐标 ( x j 0 , y j 0 ) , ( x j 1 , y j 0 ) ( x j 0 , y j 1 ) , ( x j 1 , y j 1 ) , 与横向切割方式中的获取方式相同；
其次，通过以下步骤得到原始视图切片Pj的第一目标顶点坐标：在所述第一预设贝塞尔曲线上查找横坐标为xj0的点所对应的纵坐标Y1；在所述第二预设贝塞尔曲线上查找纵坐标为xj0的点所对应的横坐标Y2；在所述第一预设贝塞尔曲线上查找纵坐标为xj1的点所对应的横坐标Y3；在所述第二预设贝塞尔曲线上查找纵坐标为xj1的点所对应的横坐标Y4；按照第三公式分别计算第0至第j个原始视图切片Pj的第一目标顶点坐标
Figure BDA00002876223400121
其中，第三公式为：
Figure BDA00002876223400122
通过以下步骤得到原始视图切片Pj的第二目标顶点坐标：
获取原始视图切片Pj的第一顶点的坐标(x0,y0)和目标位置的目标横坐标x目，原始视图切片Pj的第一顶点可以为原始视图切片Pj的右上顶点，目标横坐标可以是目标位置的右上顶点的横坐标；
在所述第一预设贝塞尔曲线上查找横坐标为
Figure BDA00002876223400123
的点所对应的纵坐标Y1′；在所述第二预设贝塞尔曲线上查找横坐标为
Figure BDA00002876223400124
的点所对应的纵坐标Y2′；在所述第一预设贝塞尔曲线上查找横坐标为
Figure BDA00002876223400125
的点所对应的纵坐标Y3′；在所述第二预设贝塞尔曲线上查找横坐标为的点所对应的纵坐标Y4′；以及按照第四公式分别计算第0至第j个原始视图切片Pj的第二目标顶点坐标
Figure BDA00002876223400127
其中，第四公式为：
Figure BDA00002876223400128
本发明实施例的控制方法中通过按照预设帧率来计算形成过渡动画的每一帧帧视图，实现了可以根据应用过渡动画的硬件配置的高低来设置合适的帧率，以在高配置的硬件环境下设置高的帧率，得到柔和平缓的过渡动画，在低配置的硬件环境下设置较小的帧率，得到满足用户需求而又清晰流畅的过渡动画，从而使过渡动画的用户体验达到最佳。
优选地，横向切割方式中，在按照第二公式计算原始视图切片Pj的第二目标顶点坐标之前，本发明实施例的控制方法还包括判断
Figure BDA00002876223400131
是否大于y目，其中，若判断出
Figure BDA00002876223400132
大于y目，则跳过计算原始视图切片Pj的第二目标顶点坐标；纵向切割方式中，在按照第二公式计算原始视图切片Pj的第二目标顶点坐标之前，本发明实施例的控制方法还包括判断是否大于x目，其中，若判断出大于x目，则跳过计算所述原始视图切片Pj的第二目标顶点坐标。所谓跳过就是不对这个切片进行目标顶点计算，后续过程中既不控制这个切片参与形变，也不参与拼接，即，在将切片按照j值顺序拼接成帧视图时直接丢掉这个切片，例如：假设原始视图被切成了100个切片，如果其中10个切片经过判定需要跳过，则只对90个切片进行变形，然后将这个90个变形后的切片拼接成新图帧，那10个既不做变形也不参与拼接。
因为当
Figure BDA00002876223400135
大于y目，或者
Figure BDA00002876223400136
大于x目时，说明原始视图切片已经过渡到目标区域内，通过上述判断步骤实现了对过渡到目标区域内的切片的排除，避免在对过渡动画进行控制时出现错误，达到了提高过渡动画的流畅度。
进一步地，本发明实施例的控制方法中，可以按照i值从小到大的顺序依次播放第0帧至第s帧帧视图，得到收缩的过渡动画；也可以按照i值从大到小的顺序依次播放第0帧至第s帧帧视图，得到弹出的过渡动画。
本发明实施例还提供了一种过渡动画的控制装置，该控制装置主要用于执行本发明实施例上述内容所提供的过渡动画的控制方法，以下对本发明实施例所提供的过渡动画的控制装置进行具体介绍：
图2是根据本发明实施例的过渡动画的控制装置的示意图，如图2所示，本发明实施例的控制装置包括切割单元10、计算单元20、控制单元30、组合单元40和播放单元50。
其中，切割单元10用于切割原始视图，得到原始视图切片Pj，其中，j为自然数；具体地，切割单元10可以按照预设的切片厚度对原始视图进行切割，若采取纵向方式对原始视图进行切割，则切割后的原始视图切片的数量为
Figure BDA00002876223400141
原始视图切片按照从左至右的顺序编号为Pj，j值最小为0、最大等于
Figure BDA00002876223400142
若采取横向方式对原始视图进行切割，则切割后的原始视图切片的数量为
Figure BDA00002876223400143
原始视图切片按照从上至下的顺序编号为Pj，j值最小为0、最大等于
Figure BDA00002876223400144
其中，w为原始视图切片的宽度，h为原始视图切片的厚度，h0为预设的切片厚度。
计算单元20用于分别计算第0至第j个原始视图切片Pj沿预设贝塞尔曲线弹出或收缩后的目标顶点坐标
Figure BDA00002876223400145
具体地，若计划得到弹出的过渡动画，则计算单元20计算原始视图切片Pj沿预设贝塞尔曲线弹出后的四个顶点的坐标，得到其目标顶点坐标；若计划得到收缩的过渡动画，则计算单元20计算原始视图切片Pj沿预设贝塞尔曲线收缩后的四个顶点的坐标，得到其目标顶点坐标。
控制单元30用于分别控制第0至第j个原始视图切片Pj按照目标顶点坐标
Figure BDA00002876223400146
形变，得到目标视图切片Pj′，具体地，控制原始视图切片由原来的四个顶点形变到计算单元20计算出的新的目标顶点。
组合单元40用于按照j值顺序组合目标视图切片Pj′，得到目标视图，具体地，将形变后的目标视图切片Pj′按照j值顺序组合起来，形成目标视图。
播放单元50用于播放目标视图，得到过渡动画。
本发明实施例的控制装置通过计算原始视图切片沿预设贝塞尔曲线弹出或收缩的四个顶点坐标，并控制原始视图切片按照计算出的顶点坐标进行形变，实现了用户在需要应用过渡动画时，可以根据实际需要进行贝塞尔曲线定义，进而来控制原始视图的动作路径，同时通过对原始视图进行切割，实现了以切片为单元来对原始视图进行控制，避免过渡动画的动作过程过于突兀，达到了在保证用户体验的基础上对过渡动画的动作路径进行控制，解决了现有技术中无法自定义过渡动画动作路径的问题，进而达到了提高过渡动画的过渡方式的效果。
进一步地，本发明实施例所提供的过渡动画的控制装置中，目标视图包括i帧目标视图，其中，i为满足0≤i≤s的自然数，s为预设帧率，在对原始视图切片Pj的目标顶点坐标进行计算时，计算单元还用于分别计算第0至第j个原始视图切片Pj沿预设贝塞尔曲线弹出或收缩过程中对应第i帧目标视图的四个顶点坐标，得到目标顶点坐标控制单元还用于分别控制第0至第j个原始视图切片Pj按照目标顶点坐标
Figure BDA00002876223400152
形变，得到目标视图切片P′ji；组合单元还用于按照j值顺序组合目标视图切片P′ji，得到第i帧目标视图；播放单元还用于按照i值顺序依次播放第0至第s帧目标视图，得到过渡动画。
具体地，本发明实施例的控制装置的计算单元20包括第一计算子单元和第二计算子单元，在对第0至第j个原始视图切片Pj沿预设贝塞尔曲线弹出或收缩的四个顶点坐标进行分别计算时，可以按照动画的两个阶段（缩放和滑动）由两个计算子单元分两步计算：
首先，由第一计算子单元分别计算第0至第j个所述原始视图切片Pj沿所述预设贝塞尔曲线放大或缩小过程中对应第i帧目标视图的四个顶点坐标，得到第一目标顶点坐标
Figure BDA00002876223400153
其次，由第二计算子单元分别计算第0至第j个所述原始视图切片Pj沿所述预设贝塞尔曲线滑动过程中对应第i帧目标视图的四个顶点坐标，得到第二目标顶点坐标
Figure BDA00002876223400154
对应地，控制单元包括第一控制子单元和第二控制子单元，组合单元包括第一组合字单元和第二组合子单元，在分别控制第0至第j个所述原始视图切片Pj按照所述目标顶点坐标形变时，则由第一控制子单元分别控制第0至第j个所述原始视图切片Pj按照所述第一目标顶点坐标
Figure BDA00002876223400162
形变，得到第一目标视图切片P′j1i；由第二控制子单元分别控制第0至第j个所述原始视图切片Pj按照所述第二目标顶点坐标
Figure BDA00002876223400163
形变，得到第二目标视图切片P′j2i。在组合目标视图切片jP′j，得到目标视图时，由第一组合子单元按照j值顺序组合所述第一目标视图切片P′j1i，得到第一目标视图中的第i帧目标视图；由第二组合子单元按照j值顺序组合所述第二目标视图切片P′j2i，得到第二目标视图中的第i帧目标视图。播放单元包括第一播放子单元和第二播放子单元，其中，第一播放子单元用于同时播放第一目标视图和第二目标视图中第i帧目标视图，得到过渡动画的第i帧帧视图；第二播放子单元，用于依次播放第0帧至第s帧帧视图得到过渡动画。即，依次播放第0帧至第s帧帧视图得到过渡动画，其中，过渡动画的第i帧帧视图为同时播放的第一目标视图中的第i帧目标视图和第二目标视图中的第i帧目标视图。
更具体地，预设贝塞尔曲线可以包括第一预设贝塞尔曲线和第二预设贝塞尔曲线，本发明实施例所提供的控制装置中，切割原始可以采用横向切割方式对原始视图进行切割，也可以采用纵向切割方式对原始视图进行切割，第一计算子单元还包括第一获取模块，第一至第四查找模块，第一计算模块；第二计算子单元还包括第二、第三获取模块，第五至第八查找模块和第二计算模块，以实现通过两条贝塞尔曲线来控制过渡动画的动作路径，具体地：
在横向切割方式中，各个模块的作用分别为：
第一获取模块，用于对第0至第j个原始视图切片Pj的四个顶点的初始坐标 ( x j 0 , y j 0 ) , ( x j 1 , y j 0 ) ( x j 0 , y j 1 ) , ( x j 1 , y j 1 ) 分别进行获取，在本发明实施例中，进行过渡动画控制时，原始视图所依赖的参考坐标系是预先设定，可以按照屏幕的大小来设定，原始视图的宽、高以及其四个顶点在参考坐标系中位置也是已知的，因而可以通过切割的数量和预设的切片厚度来得到原始视图切片Pj的四个顶点的初始坐标 ( x j 0 , y j 0 ) , ( x j 1 , y j 0 ) ( x j 0 , y j 1 ) , ( x j 1 , y j 1 ) ; 第一查找模块用于在所述第一预设贝塞尔曲线上查找纵坐标为yj0的点所对应的横坐标X1；第二查找模块用于在所述第二预设贝塞尔曲线上查找纵坐标为yj0的点所对应的横坐标X2；第三查找模块用于在所述第一预设贝塞尔曲线上查找纵坐标为yj1的点所对应的横坐标X3；第四查找模块用于在所述第二预设贝塞尔曲线上查找纵坐标为yj1的点所对应的横坐标X4；第一计算模块，用于按照第一公式分别计算第0至第j个原始视图切片Pj的第一目标顶点坐标
Figure BDA00002876223400171
其中，第一公式为：
Figure BDA00002876223400172
第二获取模块获取原始视图切片Pj的第一顶点的坐标(x0,y0)，第三获取模块用于获取目标位置的目标纵坐标y目，原始视图切片Pj的第一顶点可以为原始视图切片Pj的右上顶点，目标纵坐标可以是目标位置的右上顶点的纵坐标；第五查找模块用于在第一预设贝塞尔曲线上查找纵坐标为
Figure BDA00002876223400173
的点所对应的横坐标X1′；第六查找模块用于在第二预设贝塞尔曲线上查找纵坐标为
Figure BDA00002876223400174
的点所对应的横坐标X2′；第七查找模块用于在第一预设贝塞尔曲线上查找纵坐标为
Figure BDA00002876223400175
的点所对应的横坐标X3′；第八查找模块用于在第二预设贝塞尔曲线上查找纵坐标为
Figure BDA00002876223400176
的点所对应的横坐标X4′；第二计算模块，用于按照第二公式分别计算第0至第j个原始视图切片Pj的第二目标顶点坐标
Figure BDA00002876223400177
其中，第二公式为：
在纵向切割方式中，各个模块的作用分别为：
第一获取模块，用于对第0至第j个原始视图切片Pj的四个顶点的初始坐标 ( x j 0 , y j 0 ) , ( x j 1 , y j 0 ) ( x j 0 , y j 1 ) , ( x j 1 , y j 1 ) 分别进行获取，具体获取方式与横向切割方式中的获取方式相同；第一查找模块用于在所述第一预设贝塞尔曲线上查找横坐标为xj0的点所对应的纵坐标Y1；第二查找模块用于在所述第二预设贝塞尔曲线上查找纵坐标为xj0的点所对应的横坐标Y2；第三查找模块用于在所述第一预设贝塞尔曲线上查找纵坐标为xj1的点所对应的横坐标Y3；第四查找模块用于在所述第二预设贝塞尔曲线上查找纵坐标为xj1的点所对应的横坐标Y4；第一计算模块，用于按照第三公式分别计算第0至第j个原始视图切片Pj的第一目标顶点坐标
Figure BDA00002876223400183
其中，第三公式为：
Figure BDA00002876223400184
第二获取模块获取原始视图切片Pj的第一顶点的坐标(x0,y0)，第三获取模块用于获取目标位置的目标横坐标x目，原始视图切片Pj的第一顶点可以为原始视图切片Pj的右上顶点，目标横坐标可以是目标位置的右上顶点的横坐标；第五查找模块用于在所述第一预设贝塞尔曲线上查找横坐标为
Figure BDA00002876223400185
的点所对应的纵坐标Y1′；第六查找模块用于在所述第二预设贝塞尔曲线上查找横坐标为
Figure BDA00002876223400186
的点所对应的纵坐标Y′2；第七查找模块用于在所述第一预设贝塞尔曲线上查找横坐标为
Figure BDA00002876223400187
的点所对应的纵坐标Y′3；第八查找模块用于在所述第二预设贝塞尔曲线上查找横坐标为的点所对应的纵坐标Y4′；第二计算模块，用于按照第四公式分别计算第0至第j个原始视图切片Pj的第二目标顶点坐标
Figure BDA00002876223400192
其中，第四公式为：
Figure BDA00002876223400193
通过按照预设帧率来计算形成过渡动画的每一帧帧视图，实现了可以根据应用过渡动画的硬件配置的高低来设置合适的帧率，以在高配置的硬件环境下设置高的帧率，得到柔和平缓的过渡动画，在低配置的硬件环境下设置较小的帧率，得到满足用户需求而又清晰流畅的过渡动画，从而使过渡动画的用户体验达到最佳。
其中，第一至第三获取模块可以是集成在一起能够执行不同获取功能的同一个获取模块，也可以是两个独立设置的获取模块；第一至第八查找模块可以是集成在一起能够执行不同查找功能的同一个查找模块，也可以是独立设置的查找模块；第一和第二播放子单元可以是集成在一起的能够执行不同播放功能的同一个播放子单元，也可以是独立设置的播放子单元。
优选地，本发明实施例的控制装置还包括判断单元，其中，当切割单元采用横向切割方式时，判断单元用于判断
Figure BDA00002876223400194
是否大于y目，若判断出
Figure BDA00002876223400195
大于y目，则第二计算模块跳过计算原始视图切片Pj的第二目标顶点坐标；当切割单元采用纵向切割方式时，判断单元用于判断
Figure BDA00002876223400196
是否大于x目，其中，若判断出
Figure BDA00002876223400201
大于x目，则第二计算模块跳过计算所述原始视图切片Pj的第二目标顶点坐标。所谓跳过就是不对这个切片进行目标顶点计算，后续过程中既不控制这个切片参与形变，也不参与拼接，即，在将切片按照j值顺序拼接成帧视图时直接丢掉这个切片，例如：假设原始视图被切成了100个切片，如果其中10个切片经过判定需要跳过，则只对90个切片进行变形，然后将这个90个变形后的切片拼接成新图帧，那10个既不做变形也不参与拼接。
因为当
Figure BDA00002876223400202
大于y目，或者大于x目时，说明原始视图切片已经过渡到目标区域内，通过判断单元的判断步骤实现了对过渡到目标区域内的切片的排除，避免在对过渡动画进行控制时出现错误，达到了提高过渡动画的流畅度。
进一步地，本发明实施例的控制装置中，第二播放子单元可以按照i值从小到大的顺序依次播放第0帧至第s帧帧视图，得到收缩的过渡动画；也可以按照i值从大到小的顺序依次播放第0帧至第s帧帧视图，得到弹出的过渡动画。
从以上的描述中，可以看出，本发明实现了可以定制过渡动画的曲线路径，并且可以根据硬件配置情况，调整帧率，实现对动画效果的优化。
需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机***中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。
显然，本领域的技术人员应该明白，上述的本发明的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件结合。
以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种过渡动画的控制方法，其特征在于，包括：
切割原始视图，得到原始视图切片Pj，其中，j为自然数；
分别计算第0至第j个所述原始视图切片Pj沿预设贝塞尔曲线弹出或收缩后的目标顶点坐标
Figure FDA00002876223300011
分别控制第0至第j个所述原始视图切片Pj按照所述目标顶点坐标
Figure FDA00002876223300012
形变，得到目标视图切片P′j；
按照j值顺序组合所述目标视图切片P′j，得到目标视图；以及
播放所述目标视图，得到所述过渡动画。
2.根据权利要求1所述的控制方法，其特征在于，所述目标视图包括i帧目标视图，其中，i为满足0≤i≤s的自然数，s为预设帧率，
分别计算第0至第j个所述原始视图切片Pj沿预设贝塞尔曲线弹出或收缩后的目标顶点坐标
Figure FDA00002876223300013
包括：分别计算第0至第j个所述原始视图切片Pj沿预设贝塞尔曲线弹出或收缩过程中对应第i帧目标视图的四个顶点坐标，得到目标顶点坐标
Figure FDA00002876223300014
分别控制第0至第j个所述原始视图切片Pj按照所述目标顶点坐标
Figure FDA00002876223300015
形变，得到目标视图切片P′j包括：分别控制第0至第j个所述原始视图切片Pj按照所述目标顶点坐标形变，得到目标视图切片P′ji，
按照j值顺序组合所述目标视图切片P′j，得到目标视图包括：按照j值顺序组合所述目标视图切片P′ji，得到第i帧目标视图，
播放所述目标视图，得到所述过渡动画包括：按照i值顺序依次播放第0至第s帧所述目标视图，得到所述过渡动画。
3.根据权利要求2所述的控制方法，其特征在于，分别计算第0至第j个所述原始视图切片Pj沿预设贝塞尔曲线弹出或收缩过程中对应第i帧目标视图的四个顶点坐标，得到目标顶点坐标
Figure FDA00002876223300021
包括：
分别计算第0至第j个所述原始视图切片Pj沿所述预设贝塞尔曲线放大或缩小过程中对应第i帧目标视图的四个顶点坐标，得到第一目标顶点坐标
Figure FDA00002876223300022
以及
分别计算第0至第j个所述原始视图切片Pj沿所述预设贝塞尔曲线滑动过程中对应第i帧目标视图的四个顶点坐标，得到第二目标顶点坐标
Figure FDA00002876223300023
分别控制第0至第j个所述原始视图切片Pj按照所述目标顶点坐标形变，得到目标视图切片P′ji包括：
分别控制第0至第j个所述原始视图切片Pj按照所述第一目标顶点坐标
Figure FDA00002876223300025
形变，得到第一目标视图切片P′j1i；以及
分别控制第0至第j个所述原始视图切片Pj按照所述第二目标顶点坐标
Figure FDA00002876223300026
形变，得到第二目标视图切片P′j2i，
按照j值顺序组合所述目标视图切片P′ji，得到第i帧目标视图包括：
按照j值顺序组合所述第一目标视图切片P′j1i，得到第一目标视图中的第i帧目标视图；以及
按照j值顺序组合所述第二目标视图切片P′j2i，得到第二目标视图中的第i帧目标视图，
按照i值顺序依次播放第0至第s帧所述目标视图，得到所述过渡动画包括：
同时播放所述第一目标视图和所述第二目标视图中的第i帧目标视图，得到所述过渡动画的第i帧帧视图；以及
按照i值顺序依次播放第0帧至第s帧帧视图，得到所述过渡动画。
4.根据权利要求3所述的控制方法，其特征在于，所述预设贝塞尔曲线包括第一预设贝塞尔曲线和第二预设贝塞尔曲线，
切割原始视图，得到原始视图切片Pj包括：通过横向切割方式切割所述原始视图，得到所述原始视图切片Pj，
分别计算第0至第j个所述原始视图切片Pj沿所述预设贝塞尔曲线放大或缩小过程中对应第i帧目标视图的四个顶点坐标，得到第一目标顶点坐标包括：
分别获取第0至第j个所述原始视图切片Pj的四个顶点的初始坐标 ( x j 0 , y j 0 ) , ( x j 1 , y j 0 ) ( x j 0 , y j 1 ) , ( x j 1 , y j 1 ) ;
在所述第一预设贝塞尔曲线上查找纵坐标为yj0的点所对应的横坐标X1；
在所述第二预设贝塞尔曲线上查找纵坐标为yj0的点所对应的横坐标X2；
在所述第一预设贝塞尔曲线上查找纵坐标为yj1的点所对应的横坐标X3；
在所述第二预设贝塞尔曲线上查找纵坐标为yj1的点所对应的横坐标X4；以及
按照第一公式分别计算第0至第j个所述原始视图切片Pj的第一目标顶点坐标其中，第一公式为：
分别计算第0至第j个所述原始视图切片Pj沿所述预设贝塞尔曲线滑动过程中对应第i帧目标视图的四个顶点坐标，得到第二目标顶点坐标
Figure FDA00002876223300041
包括：
获取所述原始视图的第一顶点的坐标(x0,y0)；
获取目标位置的目标纵坐标y目；
在所述第一预设贝塞尔曲线上查找纵坐标为
Figure FDA00002876223300042
的点所对应的横坐标X1′；
在所述第二预设贝塞尔曲线上查找纵坐标为
Figure FDA00002876223300043
的点所对应的横坐标X2′；
在所述第一预设贝塞尔曲线上查找纵坐标为
Figure FDA00002876223300044
的点所对应的横坐标X3′；
在所述第二预设贝塞尔曲线上查找纵坐标为
Figure FDA00002876223300045
的点所对应的横坐标X4′；以及
按照第二公式分别计算第0至第j个所述原始视图切片Pj的第二目标顶点坐标其中，第二公式为：
Figure FDA00002876223300047
5.根据权利要求4所述的控制方法，其特征在于，在按照第二公式分别计算第0至第j个所述原始视图切片Pj的第二目标顶点坐标之前，所述控制方法还包括：
判断
Figure FDA00002876223300051
是否大于y目；以及
若判断出
Figure FDA00002876223300052
大于y目，则跳过计算所述原始视图切片Pj的第二目标顶点坐标。
6.根据权利要求3所述的控制方法，其特征在于，所述预设贝塞尔曲线包括第一预设贝塞尔曲线和第二预设贝塞尔曲线，
切割原始视图，得到原始视图切片Pj包括：通过纵向切割方式切割所述原始视图，得到所述原始视图切片Pj，
分别计算第0至第j个所述原始视图切片Pj沿所述预设贝塞尔曲线放大或缩小过程中对应第i帧目标视图的四个顶点坐标，得到第一目标顶点坐标
Figure FDA00002876223300053
包括：
分别获取第0至第j个所述原始视图切片Pj的四个顶点的初始坐标 ( x j 0 , y j 0 ) , ( x j 1 , y j 0 ) ( x j 0 , y j 1 ) , ( x j 1 , y j 1 ) ;
在所述第一预设贝塞尔曲线上查找横坐标为xj0的点所对应的纵坐标Y1；
在所述第二预设贝塞尔曲线上查找纵坐标为xj0的点所对应的横坐标Y2；
在所述第一预设贝塞尔曲线上查找纵坐标为xj1的点所对应的横坐标Y3；
在所述第二预设贝塞尔曲线上查找纵坐标为xj1的点所对应的横坐标Y4；以及
按照第三公式分别计算第0至第j个所述原始视图切片Pj的第一目标顶点坐标
Figure FDA00002876223300055
其中，第三公式为：
分别计算第0至第j个所述原始视图切片Pj沿所述预设贝塞尔曲线滑动过程中对应第i帧目标视图的四个顶点坐标，得到第二目标顶点坐标
Figure FDA00002876223300062
包括：
获取所述原始视图的第一顶点的坐标(x0,y0)；
获取目标位置的目标横坐标x目；
在所述第一预设贝塞尔曲线上查找横坐标为的点所对应的纵坐标Y1′；
在所述第二预设贝塞尔曲线上查找横坐标为
Figure FDA00002876223300064
的点所对应的纵坐标Y2′；
在所述第一预设贝塞尔曲线上查找横坐标为
Figure FDA00002876223300065
的点所对应的纵坐标Y3′；
在所述第二预设贝塞尔曲线上查找横坐标为
Figure FDA00002876223300066
的点所对应的纵坐标Y4′；以及
按照第四公式分别计算第0至第j个所述原始视图切片Pj的第二目标顶点坐标其中，第四公式为：
Figure FDA00002876223300071
7.根据权利要求6所述的控制方法，其特征在于，在按照第二公式分别计算第0至第j个所述原始视图切片Pj的第二目标顶点坐标之前，所述控制方法还包括：
判断
Figure FDA00002876223300072
是否大于x目；以及
若判断出
Figure FDA00002876223300073
大于x目，则跳过计算所述原始视图切片Pj的第二目标顶点坐标。
8.根据权利要求3所述的控制方法，其特征在于，按照i值顺序依次播放第0帧至第s帧帧视图，得到所述过渡动画包括：
按照i值从小到大的顺序依次播放第0帧至第s帧帧视图，得到所述过渡动画；或
按照i值从大到小的顺序依次播放第0帧至第s帧帧视图，得到所述过渡动画。
9.一种过渡动画的控制装置，其特征在于，包括：
切割单元，用于切割原始视图，得到原始视图切片Pj，其中，j为自然数；
计算单元，用于分别计算第0至第j个所述原始视图切片Pj沿预设贝塞尔曲线弹出或收缩后的目标顶点坐标
Figure FDA00002876223300074
控制单元，用于分别控制第0至第j个所述原始视图切片Pj按照所述目标顶点坐标
Figure FDA00002876223300075
形变，得到目标视图切片P′j；
组合单元，用于按照j值顺序组合所述目标视图切片P′j，得到目标视图；以及
播放单元，用于播放所述目标视图，得到所述过渡动画。
10.根据权利要求9所述的控制装置，其特征在于，所述目标视图包括i帧目标视图，其中，i为满足0≤i≤s的自然数，s为预设帧率，
所述计算单元还用于分别计算第0至第j个所述原始视图切片Pj沿预设贝塞尔曲线弹出或收缩过程中对应第i帧目标视图的四个顶点坐标，得到目标顶点坐标
Figure FDA00002876223300081
所述控制单元还用于分别控制第0至第j个所述原始视图切片Pj按照所述目标顶点坐标
Figure FDA00002876223300082
形变，得到目标视图切片P′ji，
所述组合单元还用于按照j值顺序组合所述目标视图切片P′ji，得到第i帧目标视图，
所述播放单元还用于按照i值顺序依次播放第0至第s帧所述目标视图，得到所述过渡动画。
CN201310066531.6A 2013-03-01 2013-03-01 过渡动画的控制方法和装置 Active CN103198504B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201310066531.6A CN103198504B (zh) 2013-03-01 2013-03-01 过渡动画的控制方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201310066531.6A CN103198504B (zh) 2013-03-01 2013-03-01 过渡动画的控制方法和装置

Publications (2)

Publication Number Publication Date
CN103198504A true CN103198504A (zh) 2013-07-10
CN103198504B CN103198504B (zh) 2015-08-19

Family

ID=48721004

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201310066531.6A Active CN103198504B (zh) 2013-03-01 2013-03-01 过渡动画的控制方法和装置

Country Status (1)

Country Link
CN (1) CN103198504B (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105678828A (zh) * 2015-12-30 2016-06-15 合一网络技术(北京)有限公司 一种创建过渡动画的方法及装置
CN112988306A (zh) * 2021-04-01 2021-06-18 上海哔哩哔哩科技有限公司 动画处理方法及装置
WO2022001452A1 (zh) * 2020-07-03 2022-01-06 Oppo广东移动通信有限公司 信息展示方法、装置、可穿戴设备及存储介质

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20050273331A1 (en) * 2004-06-04 2005-12-08 Reallusion Inc. Automatic animation production system and method
CN101540041A (zh) * 2008-03-21 2009-09-23 中国科学院计算技术研究所 一种扫描文档浏览适配方法
CN101609561A (zh) * 2009-06-30 2009-12-23 广州市八丁动漫网络科技有限公司 一种实现动画间平滑过渡的方法

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20050273331A1 (en) * 2004-06-04 2005-12-08 Reallusion Inc. Automatic animation production system and method
CN101540041A (zh) * 2008-03-21 2009-09-23 中国科学院计算技术研究所 一种扫描文档浏览适配方法
CN101609561A (zh) * 2009-06-30 2009-12-23 广州市八丁动漫网络科技有限公司 一种实现动画间平滑过渡的方法

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105678828A (zh) * 2015-12-30 2016-06-15 合一网络技术(北京)有限公司 一种创建过渡动画的方法及装置
CN105678828B (zh) * 2015-12-30 2020-03-31 合一网络技术(北京)有限公司 一种创建过渡动画的方法及装置
WO2022001452A1 (zh) * 2020-07-03 2022-01-06 Oppo广东移动通信有限公司 信息展示方法、装置、可穿戴设备及存储介质
CN112988306A (zh) * 2021-04-01 2021-06-18 上海哔哩哔哩科技有限公司 动画处理方法及装置
CN112988306B (zh) * 2021-04-01 2023-04-11 上海哔哩哔哩科技有限公司 动画处理方法及装置

Also Published As

Publication number Publication date
CN103198504B (zh) 2015-08-19

Similar Documents

Publication Publication Date Title
CN104469179B (zh) 一种将动态图片结合到手机视频中的方法
US7609913B2 (en) Image processing apparatus, image processing method and storage medium
CN104050579B (zh) 用于实现轮播动画的方法及装置
CN105939493A (zh) 一种视频弹幕的显示方法及显示装置
EP2669793A1 (en) Interface autonomous planning method and device
CN103198504A (zh) 过渡动画的控制方法和装置
CN113342233B (zh) 一种交互方法、装置、计算机设备以及存储介质
CN111862291B (zh) 水系的烘焙方法及装置、存储介质、电子装置
CN107180445B (zh) 一种动画模型的表情控制方法和装置
CN103838848B (zh) 一种根据***语言动态显示分享图标的方法及装置
CN105446687B (zh) 一种拼墙窗口图像信号局部放大的方法和装置
KR20220123113A (ko) 화상 커팅 방법, 장치, 설비 및 기억 매체
CN107833284A (zh) 一种在三维场景中沿指定点漫游的方法
JP2004356772A (ja) 三次元立体画像表示装置およびコンピュータに三次元立体画像表示機能を付与するプログラム
CN103761253A (zh) 漫画显示***和漫画显示方法
KR102096196B1 (ko) 모델 오브젝트 구성 방법, 서버, 및 시스템
CN102932607A (zh) 一种字幕图文信息生成方法及装置
JP2004264879A (ja) 画像生成方法および装置
CN107526576B (zh) 页面的视图组件的展示方法和装置
CN104185087A (zh) 一种基于同个视频文件不同视频流之间的切换方法
KR20180088876A (ko) 이미지 처리 방법 및 장치
CN103020402B (zh) 建模方法和装置
CN115222840A (zh) 表格渲染方法、计算机可读存储介质以及电子设备
WO2021213056A1 (zh) 图像显示方法、装置、设备及存储介质
CN107507265A (zh) 基于三维渲染二维的模型贴图方法及装置

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
C14 Grant of patent or utility model
GR01 Patent grant
PE01 Entry into force of the registration of the contract for pledge of patent right
PE01 Entry into force of the registration of the contract for pledge of patent right

Denomination of invention: Control method and control device of transition animation

Effective date of registration: 20190531

Granted publication date: 20150819

Pledgee: Shenzhen Black Horse World Investment Consulting Co.,Ltd.

Pledgor: BEIJING GRIDSUM TECHNOLOGY Co.,Ltd.

Registration number: 2019990000503

CP02 Change in the address of a patent holder
CP02 Change in the address of a patent holder

Address after: 100083 No. 401, 4th Floor, Haitai Building, 229 North Fourth Ring Road, Haidian District, Beijing

Patentee after: BEIJING GRIDSUM TECHNOLOGY Co.,Ltd.

Address before: 100086 Beijing city Haidian District Shuangyushu Area No. 76 Zhichun Road cuigongfandian 8 layer A

Patentee before: BEIJING GRIDSUM TECHNOLOGY Co.,Ltd.

PP01 Preservation of patent right
PP01 Preservation of patent right

Effective date of registration: 20240604

Granted publication date: 20150819