CN104461486A - 一种网页页面中动画效果实现的方法、装置及系统 - Google Patents
一种网页页面中动画效果实现的方法、装置及系统 Download PDFInfo
- Publication number
- CN104461486A CN104461486A CN201310425339.1A CN201310425339A CN104461486A CN 104461486 A CN104461486 A CN 104461486A CN 201310425339 A CN201310425339 A CN 201310425339A CN 104461486 A CN104461486 A CN 104461486A
- Authority
- CN
- China
- Prior art keywords
- animation
- signature identification
- trigger value
- animation effect
- webpage
- 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
Links
Landscapes
- Processing Or Creating Images (AREA)
Abstract
本发明实施例公开了一种网页页面中动画效果实现的方法,用于减少包括动画效果的网页页面的开发量并缩短开发周期,该方法包括:接收配置参数,配置参数包括特征标识的个数、特征标识的分布位置参数;根据动画配置参数、设置的特征标识以及设置的特征标识所对应的动画效果,生成包括特征标识的网页页面;将每个特征标识与不同的动画触发数值范围进行对应;循环生成动画触发数值,动画触发数值用于触发对应的特征标识的动画效果。本发明实施例还公开了一种网页页面中动画效果实现的装置及系统。
Description
技术领域
本发明涉及计算机技术领域,具体涉及一种网页页面中动画效果实现的方法、装置及系统。
背景技术
目前,在网页页面中包括动画效果越来越常见,例如包括抽奖过程动画效果的网页页面。在现有技术中,一般通过网页页面中嵌入专门的动画文件实现动画效果,依然以网页抽奖过程动画效果为例,则需要通过设计FLASH动画来表现整个抽奖的过程,通过和服务器的数据交互展示最后的结果。
但是,发明人经过研究发现,现有技术中的技术方案,每制作一个包括不同动画效果的网页页面,都需要大量的开发工作,例如,都需要重新进行动画设计以及与服务器交互接口的设定等工作,从而导致网页页面开发周期较长,且开发制作的工作量较大。
发明内容
有鉴于此,本发明的主要目的是提供一种网页页面中动画效果实现的方法、装置及系统,以解决现有技术中网页页面动画效果开发周期长且开发工作量较大的问题。
为解决上述问题,本发明提供的技术方案如下:
一种网页页面中动画效果实现的方法,所述方法包括:
接收配置参数,所述配置参数包括特征标识的个数、特征标识的分布位置参数;
根据所述动画配置参数、设置的特征标识以及设置的所述特征标识所对应的动画效果,生成包括特征标识的网页页面;
将每个特征标识与不同的动画触发数值范围进行对应;
循环生成动画触发数值,所述动画触发数值用于触发对应的特征标识的动画效果。
相应的,所述方法还包括:
接收特征标识以及特征标识所对应的动画效果;
所述设置的特征标识以及设置的所述特征标识所对应的动画效果是接收获得的。
相应的,所述设置的特征标识以及设置的所述特征标识所对应的动画效果是预先保存的。
相应的,所述将每个特征标识与不同的动画触发数值范围进行对应,包括:
将全部动画触发数值划分为n个动画触发数值范围,其中,n为所述特征标识的个数,则每个特征标识与一个动画触发数值范围对应。
相应的,所述全部动画触发数值为模拟标准圆的360个刻度值。
相应的,所述方法还包括:
接收设置的动画触发数值最小值与动画触发数值最大值;
所述全部动画触发数值为所述动画触发数值最小值与动画触发数值最大值之间的动画触发数值。
相应的,所述循环生成动画触发数值,包括:
通过计时器,在第一预设时间内加速循环生成动画触发数值,在第二预设时间内减速生成动画触发数值。
相应的,所述方法还包括:
接收结果数据,根据所述结果数据计算所述动画触发数值的停止位置。
相应的,所述特征标识对应的动画效果包括:
所述特征标识的图形变化、亮度变化或色度变化中的一种或任意组合。
一种网页页面中动画效果实现的装置,所述装置包括:
第一接收单元,用于接收配置参数,所述配置参数包括特征标识的个数、特征标识的分布位置参数;
网页生成单元,用于根据所述动画配置参数、设置的特征标识以及设置的所述特征标识所对应的动画效果,生成包括特征标识的网页页面;
匹配单元,用于将每个特征标识与不同的动画触发数值范围进行对应;
动画效果触发单元,用于循环生成动画触发数值,所述动画触发数值用于触发对应的特征标识的动画效果。
相应的,所述装置还包括:
第二接收单元,用于接收特征标识以及特征标识所对应的动画效果;
所述设置的特征标识以及设置的所述特征标识所对应的动画效果是接收获得的。
相应的,所述设置的特征标识以及设置的所述特征标识所对应的动画效果是预先保存的。
相应的,所述匹配单元具体用于:
将全部动画触发数值划分为n个动画触发数值范围,其中,n为所述特征标识的个数,则每个特征标识与一个动画触发数值范围对应。
相应的,所述全部动画触发数值为模拟标准圆的360个刻度值。
相应的,所述装置还包括:
第三接收单元,用于接收设置的动画触发数值最小值与动画触发数值最大值;
所述全部动画触发数值为所述动画触发数值最小值与动画触发数值最大值之间的动画触发数值。
相应的,所述动画效果触发单元具体用于:
通过计时器,在第一预设时间内加速循环生成动画触发数值,在第二预设时间内减速生成动画触发数值,所述动画触发数值用于触发对应的特征标识的动画效果。
相应的,所述装置还包括:
计算单元,用于接收结果数据,根据所述结果数据计算所述动画触发数值的停止位置。
相应的,所述特征标识对应的动画效果包括:
所述特征标识的图形变化、亮度变化或色度变化中的一种或任意组合。
一种网页页面中动画效果实现的系统,所述系统包括:
网页页面设置模块以及动画效果模板模块,所述动画效果模板模块具有Action Script和Java Script接口库与所述网页页面设置模块相连;
网页页面设置模块,用于在网页页面上接收用户输入的配置参数并向所述动画效果模板模块发送所述配置参数;
动画效果模板模块,用于接收所述配置参数,所述配置参数包括特征标识的个数、特征标识的分布位置参数;根据所述动画配置参数、设置的特征标识以及设置的所述特征标识所对应的动画效果,生成包括特征标识的网页页面;将每个特征标识与不同的动画触发数值范围进行对应;循环生成动画触发数值,所述动画触发数值用于触发对应的特征标识的动画效果。
相应的,所述网页页面设置模块,还用于设置特征标识以及特征标识所对应的动画效果;设置动画触发数值最小值与动画触发数值最大值;接收结果服务器发送的结果数据并将所述结果数据发送给所述动画效果模板模块;
所述动画效果模板模块是上述的网页页面中动画效果实现的装置。
由此可见,本发明实施例具有如下有益效果:
本发明实施例通过具有Action Script和Java Script接口库的动画效果模板文件,根据接收的配置参数,设置的特征标识以及特征标识所对应的动画效果,可以在需要进行网页页面动画效果开始时生成包括特征标识的网页页面,由于特征标识与不同的动画触发数值范围相对应,通过数值生成引擎循环生成动画触发数值,则可以循环触发不同的特征标识的动画效果,从而省去网页开发过程中FLASH文件制作的过程,接口设置等工作,从而有效地减少了网页页面动画效果开发的工作量,缩短了开发周期。
附图说明
图1为本发明网页页面中动画效果实现方法实施例一的流程图;
图2为本发明实施例中特征标识的一种分布示意图;
图3为本发明实施例中特征标识的另一种分布示意图;
图4为本发明网页页面中动画效果实现方法实施例二的流程图;
图5为本发明网页页面中动画效果实现装置实施例的示意图;
图6为本发明网页页面中动画效果实现系统实施例的示意图。
具体实施方式
为使本发明的上述目的、特征和优点能够更加明显易懂,下面结合附图和具体实施方式对本发明实施例作进一步详细的说明。
本发明实施例中网页页面中动画效果实现的方法、装置及系统,是针对现有技术中网页页面动画效果开发周期长且开发工作量较大的问题,提出利用动画效果模板文件接收配置参数,根据配置参数以及设置的特征标识以及特征标识所对应的动画效果,生成包括特征标识的网页页面,再利用数值生成引擎循环生成动画触发数值,触发数值与每个特征标识对应,生成的一个动画触发数值则可以触发对应的特征标识的动画效果,从而实现网页页面中的动画效果的生成,使用动画效果模板文件配置不同的参数即可实现网页页面中不同的动画效果,从而减少了网页页面开发工作量并缩短了开发周期。
本发明实施例将从网页页面中动画效果实现的装置角度进行描述,该装置具体可以添加在网页页面中,可以理解为一个动画效果模板文件,添加了网页页面中动画效果实现的装置的网页页面可以装载在终端中,该终端具体可以为智能手机、平板电脑、电子书阅读器、MP3(Moving Picture ExpertsGroup Audio Layer III,动态影像专家压缩标准音频层面3)播放器、MP4(Moving Picture Experts Group Audio Layer IV,动态影像专家压缩标准音频层面3)播放器、膝上型便携计算机和台式计算机等等。
基于上述思想,参见图1所示,本发明实施例网页页面中动画效果实现的方法实施例一包括以下步骤:
步骤101:接收配置参数,配置参数包括特征标识的个数、特征标识的分布位置参数。
动画效果模板文件可以通过标准Action Script和Java Script接口实现与网页页面的交互,接收配置参数,即通过在网页页面上设置配置参数来实现自定义网页页面中的动画效果。其中,配置参数可以包括特征标识的个数、特征标识的分布位置参数,例如,特征标识在页面中的具体分布位置坐标或角度等等。
具体的,当本发明实施例应用于抽奖页面中的动画效果实现时,特征标识可以为奖品标识,通过设置配置参数设定奖品标识的具体个数以及各个奖品标识在页面中的分布位置。
步骤102:根据动画配置参数、设置的特征标识以及设置的特征标识所对应的动画效果,生成包括特征标识的网页页面。
特征标识的表现形式可以有多种,可以根据需求进行设置,例如可以是表示特征标识的图片、名称文字等形式。
在本发明的一些实施例中,特征标识所对应的动画效果包括但不限于特征标识的图形变化、亮度变化或色度变化中的一种或任意组合。
在本发明的一些实施例中,本发明实施例网页页面中动画效果实现的方法还可以包括:
接收特征标识以及特征标识所对应的动画效果;
则设置的特征标识以及设置的特征标识所对应的动画效果可以是通过接收获得的。
在本发明的一些实施例中,设置的特征标识以及设置的特征标识所对应的动画效果也可以是预先保存的。
也就是说,在本发明的实施例中,特征标识以及特征标识所对应的动画效果可以有两种不同的来源,一种是通过标准Action Script和Java Script接口实现与网页页面的交互,用户在网页页面中自定义设置后,动画效果模板文件接收设置的特征标识以及特征标识所对应的动画效果,即特征标识以及特征标识所对应的动画效果是从外部网页页面获得的,与模板文件无关;另一种则是特征标识以及特征标识所对应的动画效果是预先保存在模板文件中的,当生成包括特征标识的网页页面时可以直接调用。
获得了动画配置参数中特征标识的个数、特征标识的分布位置参数、特征标识的表现形式以及每个特征标识所对应的动画效果,即可以根据需求,利用模板文件生成包括这些特征标识的网页页面。
步骤103:将每个特征标识与不同的动画触发数值范围进行对应。
可以根据特征标识个数对特征标识所对应的动画触发数值范围进行计算,即每个特征标识可以与不同的动画触发数值范围对应。
在本发明的一些实施例中,将每个特征标识与不同的动画触发数值范围进行对应的具体实现可以包括:
将全部动画触发数值划分为n个动画触发数值范围,其中,n为特征标识的个数,则每个特征标识与一个动画触发数值范围对应。
具体的,在本发明的一些实施例中,全部动画触发数值可以为模拟标准圆的360个刻度值。
例如,参见图2所示,在一个由flash界面表现的圆盘界面中,设定特征标识个数为6个,则每个特征标识可以以60度的扇形呈现,共同组成一个完整的360度的圆形圆盘界面。此时每个特征标识所对应的动画触发数值范围可以是其所在圆盘所对应的角度刻度值范围,如特征标识1所对应的动画触发数值范围为0至59,特征标识2所对应的动画触发数值范围为60至119,以此类推,设定每个奖品标识所对应的抽奖数值的范围值。
同时,在本发明的一些实施例中,本发明实施例网页页面中动画效果实现的方法还可以包括:
接收设置的动画触发数值最小值与动画触发数值最大值;
则全部动画触发数值可以为动画触发数值最小值与动画触发数值最大值之间的动画触发数值。
也就是说,全部动画触发数值也可以根据实际需求进行具体的设置,以满足不同网页表现形式的动画效果实现。
在实际应用中,flash动画界面中的特征标识的表现形式可以根据设计者的需求来设定,例如,也可以是图3矩形的表现形式,在此并不做具体的限定。图3中,每个特征标识也均可以与一个动画触发数值范围相对应,例如全部动画触发数值为120,图3中的特征标识0与动画触发数值范围1-12对应,特征标识1与动画触发数值范围13-24对应,并以此类推。
步骤104:循环生成动画触发数值,动画触发数值用于触发对应的特征标识的动画效果。
在本发明实施例中的可以通过动画效果模板文件中的数值生成引擎循环生成动画触发数值,来表现结果服务器的结果数据。
在本发明的一些实施例中,循环生成动画触发数值的具体实现可以包括:
通过计时器,在第一预设时间内加速循环生成动画触发数值,在第二预设时间内减速生成动画触发数值。
在本发明的一些实施例中,本发明实施例网页页面中动画效果实现的方法还可以包括:
接收结果数据,根据结果数据计算动画触发数值的停止位置。
数值生成引擎可以以循环变化的数值的方式来表现结果服务器的结果数据,依然以图2为例,6个特征标识组成圆盘在页面中显示,循环生成的动画触发数值则可以以模拟标准圆的360个刻度值为全部动画触发数值循环范围,循环生成动画触发数值。
这样,动画触发数值可以在0到359的范围内循环的变化;当动画触发数值为某个数值时,触发对应的特征标识的动画效果,比如,当动画触发数值为0到59的范围时,触发特征标识1进行相应的动画效果表现,可以呈现类似转轮盘指针转过特征标识1的位置的效果;当动画触发数值变化至60到119的范围时,触发特征标识2进行相应的动画表现,以此类推。
根据接收到的数据结果,可以计算动画触发数值的停止位置,动画触发数值可以在0到359的范围内循环的变化,直至动画触发数值不再变化,确定最终的特征标识。
具体的,循环生成动画触发数值的方式,可以包括在预设时间内,将动画触发数值加速生成至最高值,然后减速生成直至计算停止在某个数值。比如,以每次的动画表现生成为10秒为例,从启动动画开始计时,在10秒钟内动画触发数值加速计算至最高值,然后减速,直至第10秒时停止在某个数值,该数值为特征标识的最终结果。
在实际应用中,循环生成动画触发数值可以根据设置者的需要,通过修改抽奖数值生成引擎的参数而定制,比如动画触发数值可以是在设定的范围内由大到小变化、由小到大变化、或是随机变化等,具体的变化方式在此并不作限定。
在本发明的一些实施例中,特征标识的动画表现可以有多种,比如,可以是特征标识的图形变化、亮度变化或色度变化中的一种或任意组合。以动画表现为亮度变化为例,当动画触发数值变化至某一特征标识的所对应的动画触发数值范围内时,该特征标识会提高亮度,当动画触发数值变化超出该特征标识的所对应的动画触发数值范围时,该特征标识恢复原有亮度。
这样,本发明实施例通过具有Action Script和Java Script接口库的动画效果模板文件,根据接收的配置参数,设置的特征标识以及特征标识所对应的动画效果,可以在需要进行网页页面动画效果开始时生成包括特征标识的网页页面,由于特征标识与不同的动画触发数值范围相对应,通过数值生成引擎循环生成动画触发数值,则可以循环触发不同的特征标识的动画效果,从而省去网页开发过程中FLASH文件制作的过程,接口设置等工作,从而有效地减少了网页页面动画效果开发的工作量,缩短了开发周期。
参见图4所示,本发明实施例网页页面中动画效果实现的方法实施例二包括以下步骤:
步骤401:接收配置参数,配置参数包括特征标识的个数、特征标识的分布位置参数。
步骤402:接收特征标识以及特征标识所对应的动画效果。
步骤403:根据接收的动画配置参数、特征标识以及特征标识所对应的动画效果,生成包括特征标识的网页页面。
步骤404:将全部动画触发数值划分为n个动画触发数值范围,其中,n为特征标识的个数,则每个特征标识与一个动画触发数值范围对应。
步骤405:接收结果数据,根据结果数据计算动画触发数值的停止位置。
步骤406:循环生成动画触发数值,并在动画触发数值的停止位置停止生成动画触发数值,动画触发数值用于触发对应的特征标识的动画效果。
在本发明实施例中,可以通过在网页页面中设置对应的配置参数、特征标识以及特征标识的动画效果,来自定义制作网页页面前端动画表现,省去了制作动画开发以及联调开发的过程。
在实际应用中,以网页页面为抽奖活动页面为例,再对本发明实施例网页页面中动画效果实现的方法进行简单说明。
动画效果模板文件通过标准Action Script和Java Script接口接收在网页页面上设置的配置参数,其中,特征标识可以为奖品标识,可以通过配置参数设置奖品标识的具体个数以及各个奖品标识在界面中的分布位置。奖品标识可以为图片表现形式或奖品名称,以表明奖品所对应的物品。
动画触发数值范围可以为中奖数值范围,每个奖品标识均可以与中奖数值范围所对应,当生成动画触发数值时,动画触发数值不断变化可以依次触发奖品标识的动画效果,实现模拟跑马灯的抽奖过程动画效果的实现,根据结果数据,动画触发数值将会停止在指定位置,该位置对应的奖品标识为最终的抽奖结果进行展示,从而实现抽奖页面动画效果的展示过程。
此外,通过本发明实施例,不但可以减少开发网页页面中动画制作和动画开发的工作量、简化开发流程,而且,还提高了网页中抽奖活动的规范输出,形成抽奖活动表现的统一高度的认知度;同时,通过本发明实施例,还可以统一管理在频繁的抽奖活动中的抽奖前端文件,以起到很好的安全控制作用。
参见图5所示,本发明实施例还提供一种网页页面中动画效果实现的装置实施例,该装置可以包括:
第一接收单元501,用于接收配置参数,配置参数包括特征标识的个数、特征标识的分布位置参数。
动画效果模板文件即本发明实施例的网页页面中动画效果实现的装置可以通过标准Action Script和Java Script接口实现与网页页面的交互,接收配置参数,即通过在网页页面上设置配置参数来实现自定义网页页面中的动画效果。其中,配置参数可以包括特征标识的个数、特征标识的分布位置参数,例如,特征标识在页面中的具体分布位置坐标或角度等等。
网页生成单元502,用于根据动画配置参数、设置的特征标识以及设置的特征标识所对应的动画效果,生成包括特征标识的网页页面。
在本发明的一些实施例中,特征标识所对应的动画效果包括但不限于特征标识的图形变化、亮度变化或色度变化中的一种或任意组合。
在本发明的一些实施例中,本发明实施例网页页面中动画效果实现的装置还可以包括:
第二接收单元,用于接收特征标识以及特征标识所对应的动画效果;
则设置的特征标识以及设置的特征标识所对应的动画效果可以是接收获得的。
在本发明的一些实施例中,设置的特征标识以及设置的特征标识所对应的动画效果也可以是预先保存的。
也就是说,在本发明的实施例中,特征标识以及特征标识所对应的动画效果可以有两种不同的来源,一种是通过标准Action Script和Java Script接口实现与网页页面的交互,用户在网页页面中自定义设置后,动画效果模板文件接收设置的特征标识以及特征标识所对应的动画效果,即特征标识以及特征标识所对应的动画效果是从外部网页页面获得的,与模板文件无关;另一种则是特征标识以及特征标识所对应的动画效果是预先保存在模板文件中的,当生成包括特征标识的网页页面时可以直接调用。
匹配单元503,用于将每个特征标识与不同的动画触发数值范围进行对应。
在本发明的一些实施例中,匹配单元可以具体用于:将全部动画触发数值划分为n个动画触发数值范围,其中,n为特征标识的个数,每个特征标识与一个动画触发数值范围对应。
其中,全部动画触发数值可以为模拟标准圆的360个刻度值。
在本发明的一些实施例中,本发明实施例网页页面中动画效果实现的装置还可以包括:
第三接收单元,用于接收设置的动画触发数值最小值与动画触发数值最大值;
则全部动画触发数值也可以为动画触发数值最小值与动画触发数值最大值之间的动画触发数值。
动画效果触发单元504,用于循环生成动画触发数值,动画触发数值用于触发对应的特征标识的动画效果。
在本发明的一些实施例中,动画效果触发单元可以具体用于:
通过计时器,在第一预设时间内加速循环生成动画触发数值,在第二预设时间内减速生成动画触发数值,动画触发数值用于触发对应的特征标识的动画效果。
在本发明的一些实施例中,本发明实施例网页页面中动画效果实现的装置还可以包括:
计算单元,用于接收结果数据,根据结果数据计算动画触发数值的停止位置。
这样,本发明实施例通过具有Action Script和Java Script接口库的动画效果模板文件,根据接收的配置参数,设置的特征标识以及特征标识所对应的动画效果,可以在需要进行网页页面动画效果开始时生成包括特征标识的网页页面,由于特征标识与不同的动画触发数值范围相对应,通过数值生成引擎循环生成动画触发数值,则可以循环触发不同的特征标识的动画效果,从而省去网页开发过程中FLASH文件制作的过程,接口设置等工作,从而有效地减少了网页页面动画效果开发的工作量,缩短了开发周期。
参见图6所示,本发明实施例还提供一种网页页面中动画效果实现的系统实施例,该系统可以包括:
网页页面设置模块601以及动画效果模板模块602,动画效果模板模块具有Action Script和Java Script接口库与网页页面设置模块相连。
网页页面设置模块,用于在网页页面上接收用户输入的配置参数并向动画效果模板模块发送配置参数;
动画效果模板模块,用于接收配置参数,配置参数包括特征标识的个数、特征标识的分布位置参数;根据动画配置参数、设置的特征标识以及设置的特征标识所对应的动画效果,生成包括特征标识的网页页面;将每个特征标识与不同的动画触发数值范围进行对应;循环生成动画触发数值,动画触发数值用于触发对应的特征标识的动画效果。
在本发明的一些实施例中,网页页面设置模块,还用于设置特征标识以及特征标识所对应的动画效果;设置动画触发数值最小值与动画触发数值最大值;接收结果服务器发送的结果数据并将结果数据发送给动画效果模板模块;
动画效果模板模块是本发明实施例中任一网页页面中动画效果实现的装置实施例。
具体的,动画效果模板模块还用于接收特征标识以及特征标识所对应的动画效果;则设置的特征标识以及设置的特征标识所对应的动画效果是接收获得的;设置的特征标识以及设置的特征标识所对应的动画效果也可以是预先保存的。
其中,动画效果模板模块将每个特征标识与不同的动画触发数值范围进行对应可以为:将全部动画触发数值划分为n个动画触发数值范围,其中,n为特征标识的个数,则每个特征标识与一个动画触发数值范围对应。全部动画触发数值可以为模拟标准圆的360个刻度值;全部动画触发数值也可以为动画触发数值最小值与动画触发数值最大值之间的动画触发数值,设置的动画触发数值最小值与动画触发数值最大值是动画效果模板模块接收的。
在本发明的一些实施例中,动画效果模板模块循环生成动画触发数值可以为包括:通过计时器,在第一预设时间内加速循环生成动画触发数值,在第二预设时间内减速生成动画触发数值。
在本发明的一些实施例中,动画效果模板模块还可以用于接收结果数据,根据结果数据计算动画触发数值的停止位置。
在本发明的一些实施例中,特征标识对应的动画效果可以包括:特征标识的图形变化、亮度变化或色度变化中的一种或任意组合。
本发明实施例通过具有Action Script和Java Script接口库的动画效果模板文件,根据接收的配置参数,设置的特征标识以及特征标识所对应的动画效果,可以在需要进行网页页面动画效果开始时生成包括特征标识的网页页面,由于特征标识与不同的动画触发数值范围相对应,通过数值生成引擎循环生成动画触发数值,则可以循环触发不同的特征标识的动画效果,从而省去网页开发过程中FLASH文件制作的过程,接口设置等工作,从而有效地减少了网页页面动画效果开发的工作量,缩短了开发周期。
需要说明的是,本说明书中各个实施例采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似部分互相参见即可。对于实施例公开的系统或装置而言,由于其与实施例公开的方法相对应,所以描述的比较简单,相关之处参见方法部分说明即可。
还需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
结合本文中所公开的实施例描述的方法或算法的步骤可以直接用硬件、处理器执行的软件模块,或者二者的结合来实施。软件模块可以置于随机存储器(RAM)、内存、只读存储器(ROM)、电可编程ROM、电可擦除可编程ROM、寄存器、硬盘、可移动磁盘、CD-ROM、或技术领域内所公知的任意其它形式的存储介质中。
对所公开的实施例的上述说明,使本领域专业技术人员能够实现或使用本发明。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的,本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下,在其它实施例中实现。因此,本发明将不会被限制于本文所示的这些实施例,而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。
Claims (20)
1.一种网页页面中动画效果实现的方法,其特征在于,所述方法包括:
接收配置参数,所述配置参数包括特征标识的个数、特征标识的分布位置参数;
根据所述动画配置参数、设置的特征标识以及设置的所述特征标识所对应的动画效果,生成包括特征标识的网页页面;
将每个特征标识与不同的动画触发数值范围进行对应;
循环生成动画触发数值,所述动画触发数值用于触发对应的特征标识的动画效果。
2.根据权利要求1所述的方法,其特征在于,所述方法还包括:
接收特征标识以及特征标识所对应的动画效果;
所述设置的特征标识以及设置的所述特征标识所对应的动画效果是接收获得的。
3.根据权利要求1所述的方法,其特征在于,所述设置的特征标识以及设置的所述特征标识所对应的动画效果是预先保存的。
4.根据权利要求1所述的方法,其特征在于,所述将每个特征标识与不同的动画触发数值范围进行对应,包括:
将全部动画触发数值划分为n个动画触发数值范围,其中,n为所述特征标识的个数,则每个特征标识与一个动画触发数值范围对应。
5.根据权利要求4所述的方法,其特征在于,所述全部动画触发数值为模拟标准圆的360个刻度值。
6.根据权利要求4所述的方法,其特征在于,所述方法还包括:
接收设置的动画触发数值最小值与动画触发数值最大值;
所述全部动画触发数值为所述动画触发数值最小值与动画触发数值最大值之间的动画触发数值。
7.根据权利要求1所述的方法,其特征在于,所述循环生成动画触发数值,包括:
通过计时器,在第一预设时间内加速循环生成动画触发数值,在第二预设时间内减速生成动画触发数值。
8.根据权利要求1-7任一项所述的方法,其特征在于,所述方法还包括:
接收结果数据,根据所述结果数据计算所述动画触发数值的停止位置。
9.根据权利要求1-3任一项所述的方法,其特征在于,所述特征标识对应的动画效果包括:
所述特征标识的图形变化、亮度变化或色度变化中的一种或任意组合。
10.一种网页页面中动画效果实现的装置,其特征在于,所述装置包括:
第一接收单元,用于接收配置参数,所述配置参数包括特征标识的个数、特征标识的分布位置参数;
网页生成单元,用于根据所述动画配置参数、设置的特征标识以及设置的所述特征标识所对应的动画效果,生成包括特征标识的网页页面;
匹配单元,用于将每个特征标识与不同的动画触发数值范围进行对应;
动画效果触发单元,用于循环生成动画触发数值,所述动画触发数值用于触发对应的特征标识的动画效果。
11.根据权利要求10所述的装置,其特征在于,所述装置还包括:
第二接收单元,用于接收特征标识以及特征标识所对应的动画效果;
所述设置的特征标识以及设置的所述特征标识所对应的动画效果是接收获得的。
12.根据权利要求10所述的装置,其特征在于,所述设置的特征标识以及设置的所述特征标识所对应的动画效果是预先保存的。
13.根据权利要求10所述的装置,其特征在于,所述匹配单元具体用于:
将全部动画触发数值划分为n个动画触发数值范围,其中,n为所述特征标识的个数,则每个特征标识与一个动画触发数值范围对应。
14.根据权利要求13所述的装置,其特征在于,所述全部动画触发数值为模拟标准圆的360个刻度值。
15.根据权利要求13所述的装置,其特征在于,所述装置还包括:
第三接收单元,用于接收设置的动画触发数值最小值与动画触发数值最大值;
所述全部动画触发数值为所述动画触发数值最小值与动画触发数值最大值之间的动画触发数值。
16.根据权利要求10所述的装置,其特征在于,所述动画效果触发单元具体用于:
通过计时器,在第一预设时间内加速循环生成动画触发数值,在第二预设时间内减速生成动画触发数值,所述动画触发数值用于触发对应的特征标识的动画效果。
17.根据权利要求10-16所述的装置,其特征在于,所述装置还包括:
计算单元,用于接收结果数据,根据所述结果数据计算所述动画触发数值的停止位置。
18.根据权利要求10-12所述的装置,其特征在于,所述特征标识对应的动画效果包括:
所述特征标识的图形变化、亮度变化或色度变化中的一种或任意组合。
19.一种网页页面中动画效果实现的系统,其特征在于,所述系统包括:
网页页面设置模块以及动画效果模板模块,所述动画效果模板模块具有Action Script和Java Script接口库与所述网页页面设置模块相连;
网页页面设置模块,用于在网页页面上接收用户输入的配置参数并向所述动画效果模板模块发送所述配置参数;
动画效果模板模块,用于接收所述配置参数,所述配置参数包括特征标识的个数、特征标识的分布位置参数;根据所述动画配置参数、设置的特征标识以及设置的所述特征标识所对应的动画效果,生成包括特征标识的网页页面;将每个特征标识与不同的动画触发数值范围进行对应;循环生成动画触发数值,所述动画触发数值用于触发对应的特征标识的动画效果。
20.根据权利要求19所述的系统,其特征在于,
所述网页页面设置模块,还用于设置特征标识以及特征标识所对应的动画效果;设置动画触发数值最小值与动画触发数值最大值;接收结果服务器发送的结果数据并将所述结果数据发送给所述动画效果模板模块;
所述动画效果模板模块是权利要求10-18任一项所述的网页页面中动画效果实现的装置。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310425339.1A CN104461486B (zh) | 2013-09-17 | 2013-09-17 | 一种网页页面中动画效果实现的方法、装置及系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310425339.1A CN104461486B (zh) | 2013-09-17 | 2013-09-17 | 一种网页页面中动画效果实现的方法、装置及系统 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104461486A true CN104461486A (zh) | 2015-03-25 |
CN104461486B CN104461486B (zh) | 2019-04-30 |
Family
ID=52907598
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201310425339.1A Active CN104461486B (zh) | 2013-09-17 | 2013-09-17 | 一种网页页面中动画效果实现的方法、装置及系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104461486B (zh) |
Cited By (16)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105187887A (zh) * | 2015-07-29 | 2015-12-23 | 天脉聚源(北京)科技有限公司 | 显示抽奖动画的方法和装置 |
CN105184841A (zh) * | 2015-07-29 | 2015-12-23 | 天脉聚源(北京)科技有限公司 | 头像环绕动画的显示方法和装置 |
CN105245936A (zh) * | 2015-09-30 | 2016-01-13 | 天脉聚源(北京)科技有限公司 | 控制头像动画效果的方法和装置 |
CN105245965A (zh) * | 2015-09-30 | 2016-01-13 | 天脉聚源(北京)科技有限公司 | 动画显示中奖结果的方法和装置 |
CN106157420A (zh) * | 2015-03-27 | 2016-11-23 | 天脉聚源(北京)科技有限公司 | 一种抽奖轮盘的显示方法 |
CN106294501A (zh) * | 2015-06-09 | 2017-01-04 | 腾讯科技(深圳)有限公司 | 网页动画效果显示方法和装置 |
CN106294441A (zh) * | 2015-05-27 | 2017-01-04 | 珠海金山办公软件有限公司 | 一种文档转换方法及装置 |
WO2017050004A1 (zh) * | 2015-09-24 | 2017-03-30 | 广州视睿电子科技有限公司 | 动画管理方法及其系统 |
CN106792252A (zh) * | 2016-11-16 | 2017-05-31 | 深圳Tcl数字技术有限公司 | 智能设备页面切换方法及装置 |
CN106815042A (zh) * | 2016-12-07 | 2017-06-09 | 乐视控股(北京)有限公司 | 刷新页面的动态加载方法、装置及电子设备 |
CN107277559A (zh) * | 2017-06-20 | 2017-10-20 | 武汉斗鱼网络科技有限公司 | 转盘互动方法及装置 |
CN107608993A (zh) * | 2016-07-12 | 2018-01-19 | 腾讯科技(深圳)有限公司 | 网页动画生成的方法和装置 |
CN107707986A (zh) * | 2017-10-09 | 2018-02-16 | 武汉斗鱼网络科技有限公司 | 一种在直播软件的开发中模拟弹幕消息的方法及装置 |
CN107993095A (zh) * | 2017-12-15 | 2018-05-04 | 天脉聚源(北京)科技有限公司 | 一种智能抽奖转盘的方法及装置 |
CN109885300A (zh) * | 2018-12-14 | 2019-06-14 | 平安万家医疗投资管理有限责任公司 | 生成界面的方法和装置、计算机设备及可读存储介质 |
CN107608993B (zh) * | 2016-07-12 | 2024-05-28 | 腾讯科技(深圳)有限公司 | 网页动画生成的方法和装置 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1689046A (zh) * | 2003-05-09 | 2005-10-26 | 微软公司 | 通过动画对象实例来支持图形显示元素的动画制作的系统 |
CN101079153A (zh) * | 2006-09-20 | 2007-11-28 | 腾讯科技(深圳)有限公司 | 一种快速生成动画的方法及系统 |
CN101281532A (zh) * | 2008-05-22 | 2008-10-08 | 成都普辰瑞通通讯技术有限公司 | 一种可扩展的富媒体场景操作方法 |
-
2013
- 2013-09-17 CN CN201310425339.1A patent/CN104461486B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1689046A (zh) * | 2003-05-09 | 2005-10-26 | 微软公司 | 通过动画对象实例来支持图形显示元素的动画制作的系统 |
CN101079153A (zh) * | 2006-09-20 | 2007-11-28 | 腾讯科技(深圳)有限公司 | 一种快速生成动画的方法及系统 |
CN101281532A (zh) * | 2008-05-22 | 2008-10-08 | 成都普辰瑞通通讯技术有限公司 | 一种可扩展的富媒体场景操作方法 |
Cited By (18)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106157420A (zh) * | 2015-03-27 | 2016-11-23 | 天脉聚源(北京)科技有限公司 | 一种抽奖轮盘的显示方法 |
CN106294441A (zh) * | 2015-05-27 | 2017-01-04 | 珠海金山办公软件有限公司 | 一种文档转换方法及装置 |
CN106294501A (zh) * | 2015-06-09 | 2017-01-04 | 腾讯科技(深圳)有限公司 | 网页动画效果显示方法和装置 |
CN105184841A (zh) * | 2015-07-29 | 2015-12-23 | 天脉聚源(北京)科技有限公司 | 头像环绕动画的显示方法和装置 |
CN105187887A (zh) * | 2015-07-29 | 2015-12-23 | 天脉聚源(北京)科技有限公司 | 显示抽奖动画的方法和装置 |
WO2017050004A1 (zh) * | 2015-09-24 | 2017-03-30 | 广州视睿电子科技有限公司 | 动画管理方法及其系统 |
CN105245936A (zh) * | 2015-09-30 | 2016-01-13 | 天脉聚源(北京)科技有限公司 | 控制头像动画效果的方法和装置 |
CN105245965A (zh) * | 2015-09-30 | 2016-01-13 | 天脉聚源(北京)科技有限公司 | 动画显示中奖结果的方法和装置 |
CN107608993A (zh) * | 2016-07-12 | 2018-01-19 | 腾讯科技(深圳)有限公司 | 网页动画生成的方法和装置 |
CN107608993B (zh) * | 2016-07-12 | 2024-05-28 | 腾讯科技(深圳)有限公司 | 网页动画生成的方法和装置 |
CN106792252A (zh) * | 2016-11-16 | 2017-05-31 | 深圳Tcl数字技术有限公司 | 智能设备页面切换方法及装置 |
CN106815042A (zh) * | 2016-12-07 | 2017-06-09 | 乐视控股(北京)有限公司 | 刷新页面的动态加载方法、装置及电子设备 |
CN107277559A (zh) * | 2017-06-20 | 2017-10-20 | 武汉斗鱼网络科技有限公司 | 转盘互动方法及装置 |
CN107277559B (zh) * | 2017-06-20 | 2020-02-07 | 武汉斗鱼网络科技有限公司 | 转盘互动方法及装置 |
CN107707986A (zh) * | 2017-10-09 | 2018-02-16 | 武汉斗鱼网络科技有限公司 | 一种在直播软件的开发中模拟弹幕消息的方法及装置 |
CN107707986B (zh) * | 2017-10-09 | 2019-12-03 | 武汉斗鱼网络科技有限公司 | 一种在直播软件的开发中模拟弹幕消息的方法及装置 |
CN107993095A (zh) * | 2017-12-15 | 2018-05-04 | 天脉聚源(北京)科技有限公司 | 一种智能抽奖转盘的方法及装置 |
CN109885300A (zh) * | 2018-12-14 | 2019-06-14 | 平安万家医疗投资管理有限责任公司 | 生成界面的方法和装置、计算机设备及可读存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN104461486B (zh) | 2019-04-30 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104461486A (zh) | 一种网页页面中动画效果实现的方法、装置及系统 | |
CN104461632B (zh) | 一种Web App加载方法及装置 | |
CN106779057B (zh) | 基于gpu的计算二值神经网络卷积的方法及装置 | |
EP3198781A2 (en) | Techniques for distributing secret shares | |
CN107733984A (zh) | 一种推送锁屏信息的方法、终端及计算机可读存储介质 | |
TW201128534A (en) | Method and system for generating software transaction-level modeling (TLM) model | |
CN104268047B (zh) | 电子设备性能的测试方法及装置 | |
Chan et al. | Cache-oblivious and data-oblivious sorting and applications | |
CN103577207A (zh) | 一种自定义界面系统中界面组件的加载方法和装置 | |
CN109583224A (zh) | 一种用户隐私数据处理方法、装置、设备及系统 | |
CN110599577B (zh) | 一种虚拟角色的皮肤渲染的方法、装置、设备和介质 | |
CN103530109A (zh) | 同时确定多个参数变体的设置的系统、方法 | |
Ha et al. | Fast Four‐Way Parallel Radix Sorting on GPUs | |
CN107402905A (zh) | 基于神经网络的计算方法及装置 | |
CN104731614A (zh) | 一种在开机过程中快速加载数据的方法及装置 | |
CN106844550A (zh) | 一种虚拟化平台操作推荐方法及装置 | |
CN105335656A (zh) | 基于二进制改写和动态随机化的软件安全增强方法 | |
Wu et al. | GPU-based power converter transient simulation with matrix exponential integration and memory management | |
CN110019205A (zh) | 一种数据存储、还原方法、装置及计算机设备 | |
CN105023170A (zh) | 一种点击流数据的处理方法及装置 | |
CN103577481B (zh) | 一种广告数据搜索的方法和装置 | |
CN110322139B (zh) | 策略推荐方法及装置 | |
CN107729577A (zh) | 一种基于多维哈希表的数据查找方法、终端设备及存储介质 | |
CN104615941A (zh) | Android用户分区的快速加密方法、装置和终端设备 | |
CN109359096A (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 |