一种动画效果实现方法、装置及存储设备制造方法及图纸

本发明专利技术实施例公开了一种动画效果实现方法、装置及存储设备，其中，动画效果实现方法包括：根据原始顶点的坐标数据生成初始化贝塞尔曲线；根据操作指令对所述初始化贝塞尔曲线进行调整，得到目标贝塞尔曲线；根据预设参数从所述目标贝塞尔曲线中获取目标路径点的坐标数据；设置动画速率；控制目标对象根据所述动画速率及所述目标路径点的坐标数据在所述目标路径点上运动，以形成动画效果。本发明专利技术实施例能够实现复杂的动画效果，减少开发成本，降低调试难度。

【技术实现步骤摘要】
一种动画效果实现方法、装置及存储设备
本专利技术实施例涉及数据处理
，具体涉及一种动画效果实现方法、装置及存储设备。
技术介绍
随着科技的不断发展，移动终端的功能越来越强大，其界面表现也越来越好，随之而来的，用户对移动终端界面表现的要求也越来越高。目前，在移动终端应用软件的界面上，一般会加入动画效果来丰富界面的表现。而现有的动画效果实现方案，多半存在开发成本高、调试困难、难以实现复杂动画效果等问题。
技术实现思路
有鉴于此，本专利技术实施例提供了一种动画效果实现方法、装置及存储设备，能够实现复杂的动画效果，减少开发成本，降低调试难度。本专利技术实施例提供的动画效果实现方法，包括：根据原始顶点的坐标数据生成初始化贝塞尔曲线；根据操作指令对所述初始化贝塞尔曲线进行调整，得到目标贝塞尔曲线；根据预设参数从所述目标贝塞尔曲线中获取目标路径点的坐标数据；设置动画速率；控制目标对象根据所述动画速率及所述目标路径点的坐标数据在所述目标路径点上运动，以形成动画效果。本专利技术实施例提供的动画效果实现装置，包括：初始化单元，用于根据原始顶点的坐标数据生成初始化贝塞尔曲线；调整单元，用于根据操作指令对所述初始化贝塞尔曲线进行调整，得到目标贝塞尔曲线；获取单元，用于根据预设参数从所述目标贝塞尔曲线中获取目标路径点的坐标数据；设置单元，用于设置动画速率；控制单元，用于控制目标对象根据所述动画速率及所述目标路径点的坐标数据在所述目标路径点上运动，以形成动画效果。本专利技术实施例还提供了一种存储设备，所述存储设备用于储存多条指令，所述指令适于由处理器加载并执行上述动画效果实现方法。本专利技术实施例，将对象的运动与贝塞尔曲线结合起来，贝塞尔曲线可以提供复杂的运动轨迹，通过贝塞尔曲线获取对象运动的路径点，并设置动画速率，可以实现复杂的动画效果；另外，允许用户通过操作指令调整初始化贝塞尔曲线，得到目标贝塞尔曲线，在不重新编程或修改源代码的情况下，可以为对象快速地规划出不同的运动路径，从而大大减少了开发成本，降低了调试难度。附图说明为了更清楚地说明本专利技术实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1是本专利技术实施例所提供的动画效果实现方法的一个应用场景图；图2是本专利技术实施例所提供的动画效果实现方法的一个流程示意图；图3a是本专利技术实施例所提供的动画效果实现方法的另一流程示意图；图3b是本专利技术实施例贝塞尔公式的生成方法示意图；图4是本专利技术实施例所提供的动画效果实现装置的一个结构示意图；图5是本专利技术实施例所提供的动画效果实现装置的另一结构示意图；图6是本专利技术实施例所提供的动画效果实现装置的又一结构示意图。具体实施方式下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。由于现有的动画效果实现方案，多半存在开发成本高、调试困难、难以实现复杂动画效果等问题，因而，本专利技术提供了一种动画效果实现方法及装置，能够解决上述问题。本专利技术实施例提供的动画效果实现方法可实现在动画效果实现装置中，动画效果实现装置可以为手机、平板电脑等移动终端。本专利技术实施例动画效果实现方法一个具体实施场景可如图1所示，移动终端可以根据原始顶点的坐标数据生成初始化贝塞尔曲线，初始化贝塞尔曲线可以是多阶(二阶及以上)贝塞尔曲线；根据操作指令(例如手指或鼠标的点击、拖拽产生的指令)对初始化贝塞尔曲线进行调整，得到目标贝塞尔曲线；根据预设参数从所述目标贝塞尔曲线中获取目标路径点的坐标数据；设置动画速率；控制目标对象(即要进行动画展示的对象)根据所述动画速率及所述目标路径点的坐标数据在所述目标路径点上运动，以形成动画效果。如图1所示的糖果收集动画，按照本专利技术实施例提供的方法，在糖果收集操作触发后，糖果即可在规划好的目标路径点上运动，形成糖果按照曲线轨迹进入瓶子的动画效果。本专利技术实施例提供的动画效果实现方法，将对象的运动与贝塞尔曲线结合起来，贝塞尔曲线可以提供复杂的运动轨迹，通过贝塞尔曲线获取对象运动的路径点，并设置动画速率，可以实现复杂的动画效果；另外，允许用户通过操作指令调整初始化贝塞尔曲线，得到目标贝塞尔曲线，在不重新编程或修改源代码的情况下，可以为对象快速地规划出不同的运动路径，从而大大减少了开发成本，降低了调试难度。以下分别进行详细说明，需说明的是，以下实施例的描述顺序不作为对实施例优选顺序的限定。如图2所示，本实施例的方法包括以下步骤：步骤201、根据原始顶点的坐标数据生成初始化贝塞尔曲线。贝塞尔曲线(Béziercurve)，又称贝兹曲线或贝济埃曲线，是应用于二维图形应用程序的数学曲线。贝塞尔曲线通过一组多边折线的各顶点来定义，在各顶点中，曲线经过第一点(起点)和最后一点(终点)，其余各点(中间点)则定义曲线的导数、阶次和形状。具体实现中，可先利用移动终端内封装好的贝塞尔公式生成初始化贝塞尔曲线，贝塞尔公式可以是一个能够生成多阶(二阶及以上)贝塞尔曲线的源代码封装函数，原始顶点的坐标数据可以是源代码中封装的顶点的坐标数据，初始化贝塞尔曲线可以是多阶贝塞尔曲线，初始化贝塞尔曲线可以显示在移动终端的屏幕上。步骤202、根据操作指令对初始化贝塞尔曲线进行调整，得到目标贝塞尔曲线。具体地，用户可以通过手指或鼠标对初始化贝塞尔曲线进行点击或拖拽操作，生成操作指令，以修改顶点的坐标数据，所述修改包括新增顶点、删除原始顶点或修改原始顶点的位置。例如，在用户点击某个原始顶点时，设置为移除指令，删除该原始顶点；当用户拖拽停留在某个位置时，设置为修改指令，修改该顶点的位置。移动终端根据操作指令对所述初始化贝塞尔曲线进行操作，操作之后确定目标顶点的坐标数据。在确定目标顶点的坐标数据之后，可以根据目标顶点的坐标数据生成目标贝塞尔曲线。具体地，可以根据封装好的贝塞尔公式将t从区间[0,1]依次取值，以生成目标贝塞尔曲线，其中，Pi表示所述目标顶点的坐标数据，n表示所述目标顶点的个数。步骤203、根据预设参数从所述目标贝塞尔曲线中获取目标路径点的坐标数据。具体地，可以采用等分法在所述区间[0,1]内创建S-1个点，以将区间[0,1]等分成S个子区间，每个子区间占1/S，预设参数为所述区间[0,1]内等分的S个取值，该S个取值中，第一个值可以为0，最后一个值为第S-1个点对应的值。例如可以在区间[0,1]内创建9个点，这9个点将区间[0,1]等分成10个子区间，则预设参数依次为0、1/10、2/10……8/10、9/10。可以将预设参数依次作为上述贝塞尔公式中的t，并结合上述目标顶点的坐标数据，可以从目标贝塞尔曲线中依次获取所述S个取值对应的S个目标路径点的坐标数据，即目标路径点的坐标数据是通过预设参数从目标贝塞尔曲线中获取的。步骤204、设置动画速率。本实施例中，可以采用补间动画算法tween.js，设置动画速率。tween.js，是一款可生成平滑动画本文档来自技高网...

【技术保护点】
一种动画效果实现方法，其特征在于，包括：根据原始顶点的坐标数据生成初始化贝塞尔曲线；根据操作指令对所述初始化贝塞尔曲线进行调整，得到目标贝塞尔曲线；根据预设参数从所述目标贝塞尔曲线中获取目标路径点的坐标数据；设置动画速率；控制目标对象根据所述动画速率及所述目标路径点的坐标数据在所述目标路径点上运动，以形成动画效果。

【技术特征摘要】
1.一种动画效果实现方法，其特征在于，包括：根据原始顶点的坐标数据生成初始化贝塞尔曲线；根据操作指令对所述初始化贝塞尔曲线进行调整，得到目标贝塞尔曲线；根据预设参数从所述目标贝塞尔曲线中获取目标路径点的坐标数据；设置动画速率；控制目标对象根据所述动画速率及所述目标路径点的坐标数据在所述目标路径点上运动，以形成动画效果。2.根据权利要求1所述的方法，其特征在于，所述根据操作指令对所述初始化贝塞尔曲线进行调整，得到目标贝塞尔曲线，包括：根据所述操作指令对所述初始化贝塞尔曲线进行操作，操作之后确定目标顶点的坐标数据；根据所述目标顶点的坐标数据生成所述目标贝塞尔曲线。3.根据权利要求2所述的方法，其特征在于，所述根据所述目标顶点的坐标数据生成所述目标贝塞尔曲线，包括：根据贝塞尔公式将t从区间[0,1]依次取值，以生成所述目标贝塞尔曲线，其中，Pi表示所述目标顶点的坐标数据，n表示所述目标顶点的个数。4.根据权利要求3所述的方法，其特征在于，所述预设参数为所述区间[0,1]内等分的S个取值，所述根据预设参数从所述目标贝塞尔曲线中获取目标路径点的坐标数据，包括：结合所述目标顶点的坐标数据，将所述S个取值依次作为所述贝塞尔公式中的t，以从所述目标贝塞尔曲线中依次获取S个所述目标路径点的坐标数据。5.根据权利要求4所述的方法，其特征在于，所述设置动画速率，包括：采用补间动画算法设置动画速率。6.根据权利要求5所述的方法，其特征在于，所述采用补间动画算法设置动画速率，包括：将第一个所述目标路径点作为动画起点，将第S个所述目标路径点作为动画终点，设置动画运行时间，并调用用于实现所述动画速率的缓动函数。7.根据权利要求6所述的方法，其特征在于，所述控制目标对象根据所述动画速率及所述目标路径点的坐标数据在所述目标路径点上运动，包括：根据S个所述目标路径点的坐标数据，将所述目标对象的第一帧的显示位置设置在所述起点，在所述运行时间内按照所述动画速率依次改变所述目标对象的每一帧的显示位置，直至将所述目标对象的最后一帧的显示位置改变成所述终点。8.一种动画效果实现装置，其特征...

【专利技术属性】
技术研发人员：钟盛照，蔡述雄，张昆，吴珍妮，
申请(专利权)人：腾讯数码天津有限公司，
类型：发明
国别省市：天津,12