CN105975273B - 粒子动画的实现及优化工具的净化过程展示方法和*** - Google Patents
粒子动画的实现及优化工具的净化过程展示方法和*** Download PDFInfo
- Publication number
- CN105975273B CN105975273B CN201610292779.8A CN201610292779A CN105975273B CN 105975273 B CN105975273 B CN 105975273B CN 201610292779 A CN201610292779 A CN 201610292779A CN 105975273 B CN105975273 B CN 105975273B
- Authority
- CN
- China
- Prior art keywords
- particle
- image
- interface
- attribute
- value
- 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.)
- Active
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
- G06T13/80—2D [Two Dimensional] animation, e.g. using sprites
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- General Engineering & Computer Science (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明涉及一种粒子动画的实现方法和***,其中所述方法包括:在界面上构建粒子轨迹模型;在粒子开始运动后,获取每帧界面图像刷新时对应的刷新时间,根据所述刷新时间及所述粒子轨迹模型计算粒子的刷新位置;刷新所述界面,并将所述粒子的图像更新至所述刷新位置。本发明利用界面刷新线程,通过不断刷新界面驱动粒子运动,可以获得粒子沿轨迹运动的动画效果,提高了动画显示效果。另外,本发明还提供了优化工具的净化过程展示方法和***,以提高优化工具的净化过程展示效果。
Description
技术领域
本发明涉及计算机软件技术领域,特别是涉及一种粒子动画的实现方法和***,及一种优化工具的净化过程展示方法和***。
背景技术
在界面显示中,当需要显示一种处理进度时,为了达到更好的显示效果,往往会配合一些动态变化的动画,简单如悬浮窗(结合百分比)、进度条等动画。
不同场景使用的动画需要与对应场景相适应,否则容易给用户带来相反的显示效果,例如,一般优化工具的功能是清理垃圾文件等,采用“液体球”、“旋转图”等,难以与清理垃圾的净化场景相适应;影响了动画显示效果。
发明内容
基于此,有必要针对上述技术问题,提供一种粒子动画的实现方法和***,实现粒子动画的演示过程,提高显示效果。
一种粒子动画的实现方法,包括如下步骤:
在界面上构建粒子轨迹模型,其中,所述粒子轨迹模型包括所述粒子的轨迹及其与时间的对应关系;
在粒子开始运动后,获取每帧界面图像刷新时对应的刷新时间,根据所述刷新时间及所述粒子轨迹模型计算粒子的刷新位置;
刷新所述界面,并将所述粒子的图像更新至所述刷新位置。
一种粒子动画的实现***,包括:
建模模块,用于在界面上构建粒子轨迹模型,其中,所述粒子轨迹模型包括所述粒子的轨迹及其与时间的对应关系;
计算模块,用于在粒子开始运动后,获取每帧界面图像刷新时对应的刷新时间,根据所述刷新时间及所述粒子轨迹模型计算粒子的刷新位置;
刷新模块,用于刷新所述界面,并将所述粒子的图像更新至所述刷新位置。
上述粒子动画的实现方法和***,首先在界面上构建粒子轨迹模型,获取每帧界面图像刷新时对应的刷新时间,然后利用粒子轨迹模型中粒子的轨迹及其与时间的对应关系计算粒子的刷新位置,再通过刷新所述界面将粒子的图像更新至刷新位置,实现粒子在轨迹上运动;该技术方案利用界面刷新线程,通过不断刷新界面驱动粒子运动,可以获得粒子沿轨迹运动的动画效果,提高了动画显示效果。
另外,还有必要针对上述技术问题,提供一种优化工具的净化过程展示方法和***,提高优化工具的净化过程的显示效果。
一种优化工具的净化过程展示方法,包括如下步骤:
在优化工具的主界面上构建粒子旋转运动的轨迹模型;所述轨迹模型包括所述粒子的轨迹及其与时间的对应关系;
在净化开启后,在主界面上显示粒子图像,根据所述轨迹模型驱动粒子在主界面上进行周期性的旋转运动;
在净化完成时,终止所述旋转运动并停止显示所述粒子图像。
一种优化工具的净化过程展示***,包括:
轨迹建模模块,用于在优化工具的主界面上构建粒子旋转运动的轨迹模型;所述轨迹模型包括所述粒子的轨迹及其与时间的对应关系;
粒子旋转模块,用于在净化开启后,在主界面上显示粒子图像,根据所述轨迹模型驱动粒子在主界面上进行周期性的旋转运动;
旋转终止模块,用于在净化完成时,终止所述旋转运动并停止显示所述粒子图像。
上述优化工具的净化过程展示方法和***,首先在优化工具的主界面上构建轨迹模型,净化开启后驱动粒子在主界面上进行周期性的旋转运动,净化完成终止旋转运动并停止显示所述粒子图像;该技术方案利用轨迹模型驱动粒子在主界面上进行周期性的旋转运动,提高了优化工具的净化过程展示效果。
附图说明
图1为一实施例的粒子动画的实现方法流程图;
图2为一个示例的三角函数方程纵、横坐标的函数图像示意图;
图3为一个粒子轨迹模型的示意图;
图4为粒子添加的的属性示意图;
图5为粒子一次生命周期的示意图;
图6为一实施例的粒子动画的实现***结构示意图;
图7为一个实施例的优化工具的净化过程展示方法流程图;
图8为移动终端上的一款净化工具产品的界面示意图;
图9为粒子动画与净化率进行结合示意图;
图10为深度净化过程中粒子动画的变化示意图;
图11为净化完成后粒子的变化情况示意图;
图12为一实施例的优化工具的净化过程展示***结构示意图。
具体实施方式
下面结合附图和实施例阐述本发明的粒子动画的实现方法和***。
本发明实施例的粒子动画的实现方案,在界面上实现粒子动画效果,可以更加贴切地表示粒子运动过程,结合软件工具使用,能提升显示效果,该方案可以应用在多种智能终端设备上,包括PC(Personal Computer,个人计算机)、智能手机、平板电脑、PDA(Personal Digital Assistant,个人数字助理)等。
参考图1所示,图1为一实施例的粒子动画的实现方法流程图,包括如下步骤:
步骤S101,在界面上构建粒子轨迹模型,其中,所述粒子轨迹模型包括所述粒子的轨迹及其与时间的对应关系;
在本实施例中,在粒子动画展示的界面上构建粒子轨迹模型,粒子轨迹模型包括粒子在界面上运行的轨迹,粒子沿着轨迹运动从而形成动画;粒子在运动过程中,与时间存在对应关系,即粒子在对应时间点运行到轨迹上对应位置。
步骤S102,在粒子开始运动后,获取每帧界面图像刷新时对应的刷新时间,根据所述刷新时间及所述粒子轨迹模型计算粒子的刷新位置;
在本实施例中,为了使得在粒子在轨迹上运动形成动画,采用刷新界面的方式来驱动粒子运动,即在粒子开始运动后,首先需要获取界面每帧轨迹图像刷新时对应的刷新时间,如前文所述,由于粒子轨迹上每个时间点对应一个轨迹位置,通过不断计算刷新时间,将刷新时间代入粒子轨迹模型即可计算得到粒子的刷新位置,通过利用界面刷新线程,不断刷新界面,从而驱动粒子在轨迹上运动,形成粒子动画。
上述刷新时间,可以通过预定一定刷新帧率来计算,刷新帧率是指每秒钟刷新的帧数,应用中可以根据需求进行设定,例如,可以设置刷新帧率为100帧/秒,即使用线程在1秒钟内刷新界面100次。每帧的时间间隔为0.01秒;假设粒子在轨迹上运动的时间为0.1秒,则刷新10次,帧数为10,根据第1至第10帧对应时间,代入粒子轨迹模型,即可计算得到粒子的各个刷新位置。
步骤S103,刷新所述界面,并将所述粒子的图像更新至所述刷新位置。
在本实施例中,在计算得到粒子的刷新位置后,调用线程刷新界面,将粒子的图像更新至计算的刷新位置,粒子在轨迹上产生了位移,实现动画效果。
上述实施例的技术方案,首先在界面上构建粒子轨迹模型,获取每帧界面图像刷新时对应的刷新时间,然后利用粒子轨迹模型中粒子的轨迹及其与时间的对应关系计算粒子的刷新位置,再通过刷新所述界面将粒子的图像更新至刷新位置,实现粒子在轨迹上运动;该技术方案利用界面刷新线程,通过不断刷新界面驱动粒子运动,可以获得粒子沿轨迹运动的动画效果,提高了动画显示效果。
在一个实施例中,步骤S101的在界面上构建粒子轨迹模型的方法,可以包括如下步骤:
在所述界面上构建坐标系;分别通过纵、横坐标的三角函数方程描述所述粒子的函数图像;从所述函数图像的一个周期内截取一区间内的图像轨迹,得到粒子轨迹模型。
参考图2所示,图2为一个示例的三角函数方程纵、横坐标的函数图像示意图,在坐标系上,利用纵、横坐标的三角函数方程描述粒子的函数图像,三角函数函数则是一个周期图像,在此粒子的运动轨迹则是利用了三角函数的周期图像,图中所示是一个粒子。
作为一个实施例,三角函数方程可以如下:
式中,x表示粒子的横坐标,y表示粒子的纵坐标;A、B、R、M、N为常量值,R为粒子的运动半径,M、N分别表示粒子的位移中心点横坐标、纵坐标,B的取值区间为[0,360°)。
上述三角函数方程中,A决定了函数图像的形状,B决定函数图像的旋转角度,R为这个函数图像的运动半径,M、N则决定了函数图像的位移中心点,通过相应参数设置,可以在坐标系上得到不同的粒子轨迹模型,而三角函数函数是周期图像,可以进行周期重复运动,从而可以形成丰富多彩的粒子动画。
参考图3所示,图3为一个粒子轨迹模型的示意图,假设三角函数图像如图中所示,在图中截取一个区间(虚线部分),记为[startMove,endMove],作为粒子的运动轨迹。
通过上述实施例的技术方案,以三角函数图像周期性特点构建粒子轨迹模型,得到不同的粒子轨迹,而且可以根据需求设置参数,形成多种特征的粒子动画。
在前面的实施例中,阐述了粒子形成动画的技术方案,为了进一步提高粒子动画显示效果,在粒子沿轨迹运动过程中,可以对粒子添加一些属性,使粒子在按轨迹运动的同时还能够根据添加的属性在合适的时间发生相应的变化。
在一个实施例中,本发明的粒子动画的实现方法,在步骤S103中,还可以包括如下步骤:
对每帧界面图像中的粒子添加属性并设置属性值,在将所述粒子的图像更新至所述刷新位置时,对粒子执行与所述属性值相应的刷新处理。
上述实施例的方案,通过添加属性及属性值,粒子在预定时间点,粒子根据属性值执行相应的状态,形成多种变化的粒子动画效果。
对于所述属性,参考图4所示,图4为粒子添加的的属性示意图,可以包括粒子半径、运动轨迹、当前位置、运动速率、透明度、加速度、周期间隔等,下面针对部分属性进行详细举例。
(1)粒子半径:
粒子半径即粒子的大小,在粒子沿轨迹运动过程中可以对粒子大小进行变化。
作为一个实施例,所述属性可以为半径属性,所述属性值对应为半径值;在将所述粒子的图像更新至所述刷新位置时,将下一帧界面图像中粒子半径变换为所述半径值。
(2)运动轨迹:
通过运动轨迹属性变化,可以实现运动轨迹的变化;作为一个实施例,如前文所述,上述三角函数方程中的A值决定三角函数图像,运动轨迹则是在这个函数图像上选取一个区间[startMove,endMove]作为粒子的运动轨迹,因此,通过变化A值,可以得到粒子运动变化的轨迹。
(3)当前位置:
粒子的当前位置由起始位置和变化位置组成,作为一个实施例,如前文所述,起始位置则由另外两个值决定:一个是在轨迹中的位置,可以理解为单次运动完成率,另一个是旋转的初始角度,也就是三角函数方程中的B值[0,360],每个粒子的初始角度可以通过随机生成的。
例如,将粒子运行于软件净化工具的界面,可以设置多个粒子围绕这一个中心点进行运动。为了避免粒子的随机出现导致粒子过于集中问题,可采取了有条件的随机方式,将粒子运动半径的圆分成n个饼图,进一步地,可以设置平均每个饼图生成的粒子数(粒子总数/n)n为粒子总数,n>2。
变化位置则是不断发生改变所记录的位置,在此可以用极坐标的方式记录粒子的位置,实现粒子展开缩进动画。
(4)运动速率:
粒子运动速率为每帧轨迹变化率,即每帧轨迹图像中粒子所变化的距离,可以定义为picTrace/帧,一个粒子运动的总帧率则为(endMove-startMove)/picTrace。实际应用中,可以根据实际需求,通过设置刷新帧率来控制粒子的运动速率。
(5)透明度
透明度是粒子显示时的透明状态,作为一个实施例,可以设置透明度属性及透明度值;在将所述粒子的图像更新至所述刷新位置时,将下一帧界面图像中粒子以对应的透明度值进行显示。
上述实施例的方案,粒子在运动过程中可以获得透明度变化,从而形成渐变效果。
具体的,可以设定粒子的最低透明度和最高透明度,选定轨迹区间的一部分帧作为透明度渐变范围,则可以计算每帧透明度变化值,得到透明度变化率;在粒子沿着粒子轨迹开始运动后,根据透明度变化率,将粒子由最低透明度逐帧增加到最高透明度;在粒子沿着粒子轨迹结束运动前,将粒子由最高透明度逐帧减小到最低透明度;实现渐变出现和渐变消失的效果。
例如,在安卓***终端中,***透明度的范围是[0,256),可以将粒子的最低透明度与最高透明度定义为minAlpha和maxAlpha,则其透明度变化率为常量picAlpha/帧,在粒子出现时,透明度由minAlpha逐帧增加到maxAlpha。在粒子消失时,再由maxAlpha逐帧减到minAlpha。其属性设置的时机为fadeAway=endMove-(maxAlpha-minAlpha)/picAlpha*picTrace。
(6)加速度:
加速度是粒子在轨迹上运行的速度变化,作为一个实施例,可以设置加速度属性及速度增加倍率;在将所述粒子的图像更新至所述刷新位置时,在前一帧界面图像中粒子的运动速率乘以所述速度增加倍率后,得到下一帧界面图像中粒子的运动速率;其中,粒子的运动速率为两帧轨迹变化率。
例如:所述加速度属性包括粒子运动速率增加倍率及其与时间之间的关系,其中,所述运动速率为每帧轨迹变化率;
在粒子沿着粒子轨迹模型开始运动后,根据刷新时间将增加倍率与粒子运动速率相乘。
(7)周期间隔:
粒子的周期间隔是粒子在执行完一次轨迹运动后进入下一次轨迹运动的时间间隔,一般情况下,粒子设置为连贯出现的属性,即粒子的周期间隔为0。
例如,在将粒子运行于软件净化工具的界面,可以设置粒子依据粒子轨迹模型进行多个周期的重复运动。
例如,在安卓***终端中,粒子的驱动运动可以通过如下方法来实现:
利用INTERVAL(间隔)值控制view(界面视图)的刷新帧率,INTERVAL等于10表示该动画为100帧每秒。通过不断计算位置和属性,mAnimModel.ang文件记录每次刷新帧数,相当于时间戳,驱动着每个粒子的位置、透明度、速度、加速度等属性值的计算,计算完成后再调用postInvalidate刷新界面。
实际应用中,可以设置每个粒子从出现到消失作为该粒子一次生命周期,在这个生命周期,他们始终沿着自己的轨迹进行运动,并根据自己的属性值在相应的时间轴进行变化,或渐变、或加速。
参考图5所示,图5为粒子一次生命周期的示意图,包括如下过程:
s501,粒子开始运动后,驱动粒子渐变出现,
s502,驱动按轨迹运动;
s503,运动过程中,驱动粒子不断加速;
s504,粒子开始运动后,驱动渐变消失;
s505,粒子消失后,停止运动,完成一次生命周期;
s506,在粒子完成一次生命周期的轨迹运动之后,更新其属性值,使其在下一次运动时按照新的属性值进行新的轨迹运动,从而让粒子的每次出现具有随机性。
本发明实施例的粒子动画的实现方案,可以应用与各种平台的软件界面中,下面以一款净化工具产品作为例子阐述其应用实施方案,需要说明的是,该应用仅作为示例作用,不构成对方案的限定。
结合了该粒子动画后,不仅能让用户很清晰地感知净化工具的净化过程,也让用户接更容易受净化耗时可能过长的问题,提升用户体验。
参考图6所示,图6为一实施例的粒子动画的实现***结构示意图,包括:
建模模块101,用于在界面上构建粒子轨迹模型,其中,所述粒子轨迹模型包括所述粒子的轨迹及其与时间的对应关系;
在本实施例中,建模模块101在粒子动画展示的界面上构建粒子轨迹模型,粒子轨迹模型包括粒子在界面上运行的轨迹,粒子沿着轨迹运动从而形成动画;粒子在运动过程中,与时间存在对应关系,即粒子在对应时间点运行到轨迹上对应位置。
计算模块102,用于在粒子开始运动后,获取每帧界面图像刷新时对应的刷新时间,根据所述刷新时间及所述粒子轨迹模型计算粒子的刷新位置;
在本实施例中,为了使得在粒子在轨迹上运动形成动画,计算模块102用于采用刷新界面的方式来驱动粒子运动,即在粒子开始运动后,首先需要获取界面每帧轨迹图像刷新时对应的刷新时间,如前文所述,由于粒子轨迹上每个时间点对应一个轨迹位置,通过不断计算刷新时间,将刷新时间代入粒子轨迹模型即可计算得到粒子的刷新位置,通过利用界面刷新线程,不断刷新界面,从而驱动粒子在轨迹上运动,形成粒子动画。
刷新模块103,用于刷新所述界面,并将所述粒子的图像更新至所述刷新位置。
在本实施例中,在计算得到粒子的刷新位置后,刷新模块103调用线程刷新界面,将粒子的图像更新至计算的刷新位置,粒子在轨迹上产生了位移,实现动画效果。
上述实施例的技术方案,首先建模模块101在界面上构建粒子轨迹模型,计算模块102获取每帧界面图像刷新时对应的刷新时间,然后利用粒子轨迹模型中粒子的轨迹及其与时间的对应关系计算粒子的刷新位置,刷新模块103再通过刷新所述界面将粒子的图像更新至刷新位置,实现粒子在轨迹上运动;该技术方案利用界面刷新线程,通过不断刷新界面驱动粒子运动,可以获得粒子沿轨迹运动的动画效果,提高了动画显示效果。
在一个实施例中,所述建模模块101,可以进一步用于在所述界面上构建坐标系,分别通过纵、横坐标的三角函数方程描述所述粒子的函数图像;从所述函数图像的一个周期内截取一区间内的图像轨迹,得到粒子轨迹模型。
作为一个实施例,所述三角函数方程可以如下:
式中,x表示粒子的横坐标,y表示粒子的纵坐标;A、B、R、M、N为常量值,R为粒子的运动半径,M、N分别表示粒子的位移中心点横坐标、纵坐标,B的取值区间为[0,360°)。
上述三角函数方程中,A决定了函数图像的形状,B决定函数图像的旋转角度,R为这个函数图像的运动半径,M、N则决定了函数图像的位移中心点,通过相应参数设置,可以在坐标系上得到不同的粒子轨迹模型,而三角函数函数是周期图像,可以进行周期重复运动,从而可以形成丰富多彩的粒子动画。
通过上述实施例的技术方案,以三角函数图像周期性特点构建粒子轨迹模型,得到不同的粒子轨迹,而且可以根据需求设置参数,形成多种特征的粒子动画。
在一个实施例中,所述刷新模块103,还可以用于对每帧界面图像中的粒子添加属性并设置属性值,在将所述粒子的图像更新至所述刷新位置时,对粒子执行与所述属性值相应的刷新处理。
上述实施例的方案,通过添加属性及属性值,粒子在预定时间点,粒子根据属性值执行相应的状态,形成多种变化的粒子动画效果。
对于所述属性,可以包括粒子半径、运动轨迹、当前位置、运动速率、透明度、加速度、周期间隔等。
在一个实施例中,所述属性可以为透明度属性,所述属性值对应为透明度值;所述刷新模块103,用于在将所述粒子的图像更新至所述刷新位置时,将下一帧界面图像中粒子以对应的透明度值进行显示。
在一个实施例中,所述属性可以为加速度属性,所述属性值对应为速度增加倍率;所述刷新模块103,用于在将所述粒子的图像更新至所述刷新位置时,在前一帧界面图像中粒子的运动速率乘以所述速度增加倍率后,得到下一帧界面图像中粒子的运动速率;其中,粒子的运动速率为两帧轨迹变化率。
在一个实施例中,所述属性可以为半径属性,所述属性值对应为半径值;所述刷新模块103,用于在将所述粒子的图像更新至所述刷新位置时,将下一帧界面图像中粒子半径变换为所述半径值。
在一个实施例中,所述粒子运行于软件净化工具的界面。
在一个实施例中,所述界面包括多个位移中心点相同的粒子,所述粒子分布在以R对应的圆所划分的n个饼图内,n>2。
在一个实施例中,所述粒子依据所述粒子轨迹模型进行多个周期的重复运动。
本发明的粒子动画的实现***与本发明的粒子动画的实现方法一一对应,在上述粒子动画的实现方法的实施例阐述的技术特征及其有益效果均适用于粒子动画的实现***的实施例中,特此声明。
下面结合附图和实施例阐述本发明的优化工具的净化过程展示方法和***。
参考图7所示,图7为一个实施例的优化工具的净化过程展示方法流程图,包括如下步骤:
S201,在优化工具的主界面上构建粒子旋转运动的轨迹模型;所述轨迹模型包括所述粒子的轨迹及其与时间的对应关系;
在本步骤中,优化工具的主界面显示净化相关信息,在主界面上构建粒子旋转运动的轨迹模型,该模型是包含粒子的轨迹及其与时间的对应关系,粒子随着时间进行轨迹变化。
在一个实施例中,所述轨迹模型可以包括:在主界面的坐标系上,通过纵、横坐标的三角函数方程描述所述粒子的轨迹及其与时间的对应关系;采用三角函数进行描述,利用了三角函数的周期性来实现旋转运动。
对于三角函数方程,可以表示如下:
式中,x表示粒子的横坐标,y表示粒子的纵坐标;A、B、R、M、N为常量值,R为粒子的旋转半径,M、N分别表示粒子旋转中心点的横坐标、纵坐标,B的取值区间为[0,360°)。
上述实施例中,利用了三角函数的特性,可以周期性控制粒子旋转的初始位置、旋转角度、旋转半径等。
S202,在净化开启后,在主界面上显示粒子图像,根据所述轨迹模型驱动粒子在主界面上进行周期性的旋转运动;
在本步骤中,在主界面上显示粒子图像并驱动粒子在主界面上进行周期性的旋转运动,实现了动画展现方式,可以让用户感知持续的净化过程。
另外,作为一个实施例,还可以在在净化开启后,计算需要清理的后台应用数量,根据所述数量确定一定比例的粒子数量,并在主界面上进行显示;同时,在净化过程中,当应用被清理后,按相应比例减少粒子数量。
例如:计算的后台需要清理的应用数量为n个,那么可以设定3n个粒子,在主界面上进行旋转运动,每清理一个应用后,减少3个粒子。
进一步的,在净化开启后,还可以实时计算剩余清理的后台应用数量和当前的净化率,并显示在所述主界面上。
在一个实施例中,在净化过程中,所述粒子的旋转半径从初始位置渐变至所述中心点,透明度由0渐变至100%;所述粒子半径由大至小渐变。
上述实施例,通过控制三角函数的R值随时间t的渐变,可以实现粒子的旋转半径的渐变。
进一步地,在净化开启前,还可以在主界面上显示圆盘图像;所述粒子图像包括初始位置随机分布的多个粒子,各个粒子以所述圆盘图像圆心为中心点进行旋转运动;当前的净化率可以实时显示在圆盘图像上。
S203,在净化完成时,终止所述旋转运动并停止显示所述粒子图像。
在本步骤中,在净化完成时,终止所述旋转运动并停止显示所述粒子图像,此时还可以显示清理完成相关信息,例如,清理应用数量,回收内存数量以及收起通知、拦截广告等。
参考图8所示,图8为移动终端上的一款净化工具产品的界面示意图,一款净化工具产品(如净化大师),主界面采用动画的实现方式,将净化工具产品的功能生动形象地展现出来,给用户一种酷炫新鲜感,提高用户体验同时,也让用户更贴切地感知到净化工具带来的效果。
结合净化工具产品的产品特性,这里采用了更贴合产品的粒子动画展现方式,即一定数量的粒子围绕着圆盘进行旋转运动,这个粒子的运动是不间断的,可让用户感知该净化工具是一个持续为移动终端净化的工具。而每个在圆盘外出现的粒子,通过旋转半径渐变旋转到圆盘中心会开始渐变消失,正如每个后台耗电的应用在出现之后,都会被持续净化的净化工具清理一样,在旋转过程中,粒子的半径也由大渐变到小。
具体应用实例可以如下:
①粒子动画与净化率进行结合:
参考图9所示,图9为粒子动画与净化率进行结合示意图,净化工具的粒子动画是圆盘周围的粒子会沿着固定的轨迹进行不间断的运动,在这个运动过程中,后台对终端进行纯净度的计算,和粒子动画一起实时展现给用户,当达到需要清理的阀值时,界面上可以显示“深度净化”按钮,可让用户手动进行净化操作。
②深度净化过程中粒子动画的变化:
参考图10所示,图10为深度净化过程中粒子动画的变化示意图,在主界面上显示“深度净化”按钮,当用户点了“深度净化”按钮之后,后台计算需要清理的应用数量。在这个过程中,控制粒子逐渐加速运动,并到达一个最大值,让用户感知净化工具正在对终端进行净化。
另外,计算好需要净化的应用个数后,还可以在主界面上显示清理应用的个数,后台每清理完一个应用,可以通过界面显示剩余净化的应用个数相应减一,直至减到0。
③净化完成后粒子的变化情况:
参考图11所示,图11为净化完成后粒子的变化情况示意图,净化后,粒子的运动速度从最大值逐渐减为正常的速度,主界面显示净化完成后的净化率值,如净化率高于一个阀值,说明终端净化效果良好,此时“深度净化”按钮消失,用户退出主界面时,相当于一次净化过程完成,终止所述旋转运动并停止显示所述粒子图像,下一次净化时再启动。
参考图12所示,图12为一实施例的优化工具的净化过程展示***结构示意图,包括:
轨迹建模模块201,用于在优化工具的主界面上构建粒子旋转运动的轨迹模型;所述轨迹模型包括所述粒子的轨迹及其与时间的对应关系;
粒子旋转模块202,用于在净化开启后,在主界面上显示粒子图像,根据所述轨迹模型驱动粒子在主界面上进行周期性的旋转运动;
旋转终止模块203,用于在净化完成时,终止所述旋转运动并停止显示所述粒子图像。
在一个实施例中,所述粒子旋转模块202,还用于在净化开启后,计算需要清理的后台应用数量,根据所述数量确定一定比例的粒子数量,并在主界面上进行显示;在净化过程中,当应用被清理后,按相应比例减少粒子数量。
在一个实施例中,所述粒子旋转模块202,还用于在净化开启后,实时计算剩余清理的后台应用数量和当前的净化率,并显示在所述主界面上。
在一个实施例中,所述轨迹模型包括:在主界面的坐标系上,通过纵、横坐标的三角函数方程描述所述粒子的轨迹及其与时间的对应关系;
所述三角函数方程如下:
式中,x表示粒子的横坐标,y表示粒子的纵坐标;A、B、R、M、N为常量值,R为粒子的旋转半径,M、N分别表示粒子旋转中心点的横坐标、纵坐标,B的取值区间为[0,360°)。
在一个实施例中,在净化过程中,所述粒子的旋转半径从初始位置渐变至所述中心点,透明度由0渐变至100%;所述粒子半径由大至小渐变。
在一个实施例中,所述粒子旋转模块202,还用于在净化开启前,在主界面上显示圆盘图像;所述粒子图像包括初始位置随机分布的多个粒子,各个粒子以所述圆盘图像圆心为中心点进行旋转运动。
本发明的优化工具的净化过程展示***与本发明的优化工具的净化过程展示方法一一对应,在上述优化工具的净化过程展示方法的实施例阐述的技术特征及其有益效果均适用于优化工具的净化过程展示***的实施例中,特此声明。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于一计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory,ROM)或随机存储记忆体(Random AccessMemory,RAM)等。
以上所述实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本发明的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本发明构思的前提下,还可以做出若干变形和改进,这些都属于本发明的保护范围。因此,本发明专利的保护范围应以所附权利要求为准。
Claims (20)
1.一种粒子动画的实现方法,其特征在于,包括如下步骤:
在界面上构建坐标系;
分别通过纵、横坐标的三角函数方程描述所述粒子的函数图像;所述三角函数方程如下:
x=sin(t*A)*cos(t+B)*R+M;y=sin(t*A)*sin(t+B)*R+N;式中,x表示粒子的横坐标,y表示粒子的纵坐标;A、B、R、M、N为常量值,R为粒子的运动半径,M、N分别表示粒子的位移中心点横坐标、纵坐标,B的取值区间为[0,360°)
从所述函数图像的一个周期内截取一区间内的图像轨迹,得到粒子轨迹模型;所述粒子轨迹模型包括所述粒子的轨迹及其与时间的对应关系;
在粒子开始运动后,获取每帧界面图像刷新时对应的刷新时间,根据所述刷新时间及所述粒子轨迹模型计算粒子的刷新位置;
刷新所述界面,并将所述粒子的图像更新至所述刷新位置。
2.根据权利要求1所述的粒子动画的实现方法,其特征在于,还包括:
对每帧界面图像中的粒子添加属性并设置属性值,在将所述粒子的图像更新至所述刷新位置时,对粒子执行与所述属性值相应的刷新处理。
3.根据权利要求2所述的粒子动画的实现方法,其特征在于,所述属性为透明度属性,所述属性值为透明度值;
在将所述粒子的图像更新至所述刷新位置时,将下一帧界面图像中粒子以对应的透明度值进行显示。
4.根据权利要求2所述的粒子动画的实现方法,其特征在于,所述属性为加速度属性,所述属性值为速度增加倍率;
在将所述粒子的图像更新至所述刷新位置时,在前一帧界面图像中粒子的运动速率乘以所述速度增加倍率后,得到下一帧界面图像中粒子的运动速率;其中,粒子的运动速率为两帧轨迹变化率。
5.根据权利要求2所述的粒子动画的实现方法,其特征在于,所述属性为半径属性,所述属性值为半径值;
在将所述粒子的图像更新至所述刷新位置时,将下一帧界面图像中粒子半径变换为所述半径值。
6.一种优化工具的净化过程展示方法,其特征在于,包括如下步骤:
在优化工具的主界面上构建粒子旋转运动的轨迹模型;所述轨迹模型包括所述粒子的轨迹及其与时间的对应关系;
在净化开启后,在主界面上显示粒子图像,根据所述轨迹模型驱动粒子在主界面上进行周期性的旋转运动;
在净化完成时,终止所述旋转运动并停止显示所述粒子图像;
所述轨迹模型包括:在主界面的坐标系上,通过纵、横坐标的三角函数方程描述所述粒子的轨迹及其与时间的对应关系;
所述三角函数方程如下:
x=sin(t*A)*cos(t+B)*R+M;y=sin(t*A)*sin(t+B)*R+N;式中,x表示粒子的横坐标,y表示粒子的纵坐标;A、B、R、M、N为常量值,R为粒子的旋转半径,M、N分别表示粒子旋转中心点的横坐标、纵坐标,B的取值区间为[0,360°)。
7.根据权利要求6所述的优化工具的净化过程展示方法,其特征在于,在净化开启后,计算需要清理的后台应用数量,根据所述数量确定一定比例的粒子数量,并在主界面上进行显示;
在净化过程中,当应用被清理后,按相应比例减少粒子数量。
8.根据权利要求6所述的优化工具的净化过程展示方法,其特征在于,还包括:在净化开启后,实时计算剩余清理的后台应用数量和当前的净化率,并显示在所述主界面上。
9.根据权利要求6所述的优化工具的净化过程展示方法,其特征在于,在净化过程中,所述粒子的旋转半径从初始位置渐变至所述中心点,透明度由0渐变至100%;所述粒子半径由大至小渐变。
10.根据权利要求6所述的优化工具的净化过程展示方法,其特征在于,还包括:在净化开启前,在主界面上显示圆盘图像;
所述粒子图像包括初始位置随机分布的多个粒子,各个粒子以所述圆盘图像圆心为中心点进行旋转运动。
11.一种粒子动画的实现***,其特征在于,包括:
建模模块,用于在界面上构建粒子轨迹模型,其中,所述粒子轨迹模型包括所述粒子的轨迹及其与时间的对应关系;
计算模块,用于在粒子开始运动后,获取每帧界面图像刷新时对应的刷新时间,根据所述刷新时间及所述粒子轨迹模型计算粒子的刷新位置;
刷新模块,用于刷新所述界面,并将所述粒子的图像更新至所述刷新位置;
所述建模模块,进一步用于在所述界面上构建坐标系,分别通过纵、横坐标的三角函数方程描述所述粒子的函数图像;从所述函数图像的一个周期内截取一区间内的图像轨迹,得到粒子轨迹模型;所述三角函数方程如下:x=sin(t*A)*cos(t+B)*R+M;y=sin(t*A)*sin(t+B)*R+N;式中,x表示粒子的横坐标,y表示粒子的纵坐标;A、B、R、M、N为常量值,R为粒子的运动半径,M、N分别表示粒子的位移中心点横坐标、纵坐标,B的取值区间为[0,360°)。
12.根据权利要求11所述的粒子动画的实现***,其特征在于,所述刷新模块,还用于对每帧界面图像中的粒子添加属性并设置属性值,在将所述粒子的图像更新至所述刷新位置时,对粒子执行与所述属性值相应的刷新处理。
13.根据权利要求12所述的粒子动画的实现***,其特征在于,所述属性为透明度属性,所述属性值为透明度值;
所述刷新模块,用于在将所述粒子的图像更新至所述刷新位置时,将下一帧界面图像中粒子以对应的透明度值进行显示。
14.根据权利要求12所述的粒子动画的实现***,其特征在于,所述属性为加速度属性,所述属性值为速度增加倍率;
所述刷新模块,用于在将所述粒子的图像更新至所述刷新位置时,在前一帧界面图像中粒子的运动速率乘以所述速度增加倍率后,得到下一帧界面图像中粒子的运动速率;其中,粒子的运动速率为两帧轨迹变化率。
15.根据权利要求12所述的粒子动画的实现***,其特征在于,所述属性为半径属性,所述属性值为半径值;
所述刷新模块,用于在将所述粒子的图像更新至所述刷新位置时,将下一帧界面图像中粒子半径变换为所述半径值。
16.一种优化工具的净化过程展示***,其特征在于,包括:
轨迹建模模块,用于在优化工具的主界面上构建粒子旋转运动的轨迹模型;所述轨迹模型包括所述粒子的轨迹及其与时间的对应关系;
粒子旋转模块,用于在净化开启后,在主界面上显示粒子图像,根据所述轨迹模型驱动粒子在主界面上进行周期性的旋转运动;
旋转终止模块,用于在净化完成时,终止所述旋转运动并停止显示所述粒子图像;
所述轨迹模型包括:在主界面的坐标系上,通过纵、横坐标的三角函数方程描述所述粒子的轨迹及其与时间的对应关系;
所述三角函数方程如下:
x=sin(t*A)*cos(t+B)*R+M;y=sin(t*A)*sin(t+B)*R+N;式中,x表示粒子的横坐标,y表示粒子的纵坐标;A、B、R、M、N为常量值,R为粒子的旋转半径,M、N分别表示粒子旋转中心点的横坐标、纵坐标,B的取值区间为[0,360°)。
17.根据权利要求16所述的优化工具的净化过程展示***,其特征在于,所述粒子旋转模块,还用于在净化开启后,计算需要清理的后台应用数量,根据所述数量确定一定比例的粒子数量,并在主界面上进行显示;在净化过程中,当应用被清理后,按相应比例减少粒子数量。
18.根据权利要求16所述的优化工具的净化过程展示***,其特征在于,所述粒子旋转模块,还用于在净化开启后,实时计算剩余清理的后台应用数量和当前的净化率,并显示在所述主界面上。
19.根据权利要求16所述的优化工具的净化过程展示***,其特征在于,在净化过程中,所述粒子的旋转半径从初始位置渐变至所述中心点,透明度由0渐变至100%;所述粒子半径由大至小渐变。
20.根据权利要求16所述的优化工具的净化过程展示***,其特征在于,所述粒子旋转模块,还用于在净化开启前,在主界面上显示圆盘图像;所述粒子图像包括初始位置随机分布的多个粒子,各个粒子以所述圆盘图像圆心为中心点进行旋转运动。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610292779.8A CN105975273B (zh) | 2016-05-04 | 2016-05-04 | 粒子动画的实现及优化工具的净化过程展示方法和*** |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610292779.8A CN105975273B (zh) | 2016-05-04 | 2016-05-04 | 粒子动画的实现及优化工具的净化过程展示方法和*** |
Publications (2)
Publication Number | Publication Date |
---|---|
CN105975273A CN105975273A (zh) | 2016-09-28 |
CN105975273B true CN105975273B (zh) | 2019-04-02 |
Family
ID=56991149
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610292779.8A Active CN105975273B (zh) | 2016-05-04 | 2016-05-04 | 粒子动画的实现及优化工具的净化过程展示方法和*** |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN105975273B (zh) |
Families Citing this family (15)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106385591B (zh) * | 2016-10-17 | 2020-05-15 | 腾讯科技(上海)有限公司 | 视频处理方法及视频处理装置 |
CN106503188A (zh) * | 2016-10-25 | 2017-03-15 | 天脉聚源(北京)传媒科技有限公司 | 一种粒子效果的生成方法及装置 |
CN106873929B (zh) * | 2016-12-19 | 2019-12-17 | 奇酷互联网络科技(深圳)有限公司 | 基于虚拟现实技术的图像刷新方法和装置 |
CN107256191A (zh) * | 2017-05-17 | 2017-10-17 | 努比亚技术有限公司 | 任务清理的动画显示方法、装置及计算机可读存储介质 |
WO2019051779A1 (zh) * | 2017-09-15 | 2019-03-21 | 深圳传音通讯有限公司 | 一种用于智能终端的显示方法及显示装置 |
CN108038890A (zh) * | 2017-12-06 | 2018-05-15 | 广州视源电子科技股份有限公司 | 矢量图演示方法、装置、设备及计算机存储介质 |
CN108287742B (zh) * | 2018-01-10 | 2020-08-04 | 武汉斗鱼网络科技有限公司 | 一种实现浮层动画的方法、存储介质、电子设备和*** |
CN108320318B (zh) * | 2018-01-15 | 2023-07-28 | 腾讯科技(深圳)有限公司 | 图像处理方法、装置、计算机设备及存储介质 |
CN109166166B (zh) * | 2018-09-06 | 2022-11-22 | 北京酷我科技有限公司 | 一种扩散粒子动画的实现方法 |
CN111815736A (zh) * | 2019-04-11 | 2020-10-23 | 阿里巴巴集团控股有限公司 | 飞线构建及显示方法和装置,计算机存储介质和电子设备 |
CN110415326A (zh) * | 2019-07-18 | 2019-11-05 | 成都品果科技有限公司 | 一种粒子效果的实现方法及装置 |
CN110502305B (zh) * | 2019-08-26 | 2022-12-02 | 沈阳美行科技股份有限公司 | 一种动态界面的实现方法、装置及相关设备 |
CN112270732B (zh) * | 2020-11-17 | 2024-06-25 | Oppo广东移动通信有限公司 | 粒子动画的生成方法、处理装置、电子设备和存储介质 |
CN112612569B (zh) * | 2020-12-29 | 2022-09-30 | 杭州趣链科技有限公司 | 页面动画显示方法、装置、设备及存储介质 |
CN115994962A (zh) * | 2021-10-18 | 2023-04-21 | 北京字节跳动网络技术有限公司 | 通过粒子模拟物体运动的方法及设备 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104182125A (zh) * | 2014-08-25 | 2014-12-03 | 腾讯科技(深圳)有限公司 | 一种悬浮窗的触发运行方法及装置 |
CN104834529A (zh) * | 2015-05-25 | 2015-08-12 | 腾讯科技(深圳)有限公司 | 一种应用的性能优化的方法及装置 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP6186184B2 (ja) * | 2013-06-21 | 2017-08-23 | 株式会社ソニー・インタラクティブエンタテインメント | 画像処理装置、画像処理システム、および画像処理方法 |
-
2016
- 2016-05-04 CN CN201610292779.8A patent/CN105975273B/zh active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104182125A (zh) * | 2014-08-25 | 2014-12-03 | 腾讯科技(深圳)有限公司 | 一种悬浮窗的触发运行方法及装置 |
CN104834529A (zh) * | 2015-05-25 | 2015-08-12 | 腾讯科技(深圳)有限公司 | 一种应用的性能优化的方法及装置 |
Non-Patent Citations (1)
Title |
---|
Unity3D学习笔记(9) 粒子光环;Simba_Scorpio;《https://blog.csdn.net/simba_scorpio/article/details/51251126》;20160426;正文第1-7页 |
Also Published As
Publication number | Publication date |
---|---|
CN105975273A (zh) | 2016-09-28 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN105975273B (zh) | 粒子动画的实现及优化工具的净化过程展示方法和*** | |
Thalmann et al. | Computer Animation | |
Xu et al. | Crowd simulation and its applications: Recent advances | |
EP2955696B1 (en) | Seamless representation of video and geometric data | |
US10169890B1 (en) | Animated transistions between graphs | |
CN102902848B (zh) | 针对边界元分析的三维可视化仿真方法 | |
WO2008013821A3 (en) | System and methods for real-time rendering of deformable geometry with global illumination | |
CN107423445A (zh) | 一种地图数据处理方法、装置及存储介质 | |
US20130127890A1 (en) | Polygon Processing Techniques in Procedural Painting Algorithms | |
US20150235392A1 (en) | Drawing data generation device and image drawing device | |
CN103105929A (zh) | 虚拟农业园区交互式设计与体验方法及*** | |
Zheng et al. | A discrete particle swarm optimization approach to compose heterogeneous learning groups | |
CN102521863A (zh) | 一种基于粒子***的三维流体标矢量统一动态表示方法 | |
CN103984563B (zh) | 一种应用图标显示方法及装置 | |
CN103745455A (zh) | 一种面向运动模糊的场景空间划分方法 | |
CN103077088A (zh) | 集群渲染环境中基于pkdt树的动态反馈负载均衡方法 | |
Madill et al. | Target particle control of smoke simulation | |
US9697636B2 (en) | Applying motion blur to animated objects within a presentation system | |
CN106878799A (zh) | 一种动画显示方法及装置 | |
CN107368312A (zh) | 一种呼吸灯效果的进度条的展现方法 | |
CN106843648A (zh) | 界面元素的滑动控制方法、界面显示方法及装置 | |
US8884966B2 (en) | Visualizing a scatter plot using real-time backward rewrite | |
CN103838861A (zh) | 一种基于三维gis动态显示信息的方法和显示*** | |
Xu et al. | Magnetic Curves: Curvature-Controlled Aesthetic Curves Using Magnetic Fields. | |
CN103136778A (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |