基于机顶盒的动画效果的实现系统及方法.pdf

本发明提供一种基于机顶盒的动画效果的实现系统及方法，所述系统包括依次连接的内核分析器、性能测试器和动画函数执行器；所述内核分析器用于分析机顶盒内核版本，明确所述机顶盒对CSS3原生动画函数的支持程度，并将分析结果传送给所述性能测试器；所述性能测试器用于测试机顶盒对各种动画效果的渲染能力，并将测试结果传送给所述动画执行器；所述动画函数执行器用于计算并生成所述机顶盒的动画函数执行时的参数。本发明的基于机顶盒的动画效果的实现系统及方法实现了不同机顶盒动画效果的最优化，最大限度地提升了用户关于动画效果的体验；结束了开发者需要针对不同版本的机顶盒写不同的代码来实现同一个动画效果的历史，极大地提高了开发效率。

权利要求书1.  一种基于机顶盒的动画效果的实现系统，其特征在于，至少包括依次连接的内核分析器、 性能测试器和动画函数执行器； 其中，所述内核分析器用于分析机顶盒内核版本，明确所述机顶盒对CSS3原生动画 函数的支持程度，并将分析结果传送给所述性能测试器； 所述性能测试器用于测试机顶盒对各种动画效果的渲染能力，并将测试结果传送给所 述动画执行器； 所述动画函数执行器用于计算并生成所述机顶盒的动画函数执行时的参数，以供动画 函数使用。 2.  根据权利要求1所述的基于机顶盒的动画效果的实现系统，其特征在于：所述动画渲染包 括图形位移、形状改变、旋转。 3.  根据权利要求1所述的基于机顶盒的动画效果的实现系统，其特征在于：所述参数包括动 画帧、动画间隔时间、动画延迟时间、动画执行路线。 4.  一种基于机顶盒的动画效果的实现方法，其特征在于：包括以下步骤： 分析机顶盒内核版本，明确机顶盒对CSS3原生动画函数的支持程度； 根据对机顶盒内核版本的分析结果，测试机顶盒对动画效果的渲染能力； 根据机顶盒对动画效果的渲染能力的测试结果，设定动画函数执行时所采用的参数； 根据所设定的参数执行动画函数。 5.  根据权利要求4所述的基于机顶盒的动画效果的实现方法，其特征在于：分析机顶盒内核 版本，明确机顶盒对CSS3原生动画函数的支持程度后，对于对CSS3原生动画特性支持 差或无法支持的的机顶盒，动画函数根据定时器策略来实现动画效果，不再进行机顶盒性 能测试和动画函数的参数设定。 6.  根据权利要求4所述的基于机顶盒的动画效果的实现方法，其特征在于：所述参数包括动 画帧、动画间隔时间、动画延迟时间、动画执行路线。 7.  根据权利要求4所述的基于机顶盒的动画效果的实现方法，其特征在于：所述动画渲染包 括图形位移、形状改变、旋转。

说明书基于机顶盒的动画效果的实现系统及方法
技术领域
本发明涉及JavaScript及CSS3动画效果的技术领域，特别是涉及一种基于机顶盒的 JavaScript及CSS3动画效果的实现系统及方法。
背景技术
动画现在已是web站点的必备项，各大JavaScript框架（如jQuery）都封装了相应的代 码。JavaScript动画的实现有很多种方式：
（1）使用浏览器的定时器（setInterval/setTimeout）来实现动画效果。
这种动画效果实现机制是最早被主流开发者所采用的机制，原理简单，兼容性好，其最 核心的原理就是利用定时器，在一定时间内以一定的间隔执行动画函数。其中，在动画函数 里可以改变元素的大小、位置等CSS属性。
（2）使用CSS3原生动画特性。
在CSS3中的transition和transform可以用来平滑改变CSS属性值。在给需要改变属性的 元素（transition-property）上指定对应的属性值，浏览器会自动执行接下来的任务。通常，在 CSS里写好transition规则，再改变元素的class就可以拥有CSS3动画了。
然而，上述定时器策略虽然能够保证动画平台的兼容性，但却无法保证动画效果在各种 平台上的流畅性；CSS3的原生动画特性虽然能够保证动画的流畅性，但却不能保证动画特效 各种浏览器平台上的兼容性，尤其是对内核各异的机顶盒来说更是如此。
发明内容
鉴于以上所述现有技术的缺点，本发明的目的在于提供一种基于机顶盒的动画效果的实 现系统及其方法，通过对不同机顶盒内核及其性能的分析，实现最佳的动画效果，最大限度 地优化动画特效以并节省人力开发成本。
为实现上述目的及其他相关目的，本发明提供一种基于机顶盒的动画效果的实现系统， 至少包括依次连接的内核分析器、性能测试器和动画函数执行器；其中，所述内核分析器用 于分析机顶盒内核版本，明确所述机顶盒对CSS3原生动画函数的支持程度，并将分析结果 传送给所述性能测试器；所述性能测试器用于测试机顶盒对各种动画效果的渲染能力，并将 测试结果传送给所述动画执行器；所述动画函数执行器用于计算并生成所述机顶盒的动画函 数执行时的参数，以供动画函数使用。
根据上述的基于机顶盒的动画效果的实现系统，其中：所述动画渲染包括图形位移、形 状改变、旋转。
根据上述的基于机顶盒的动画效果的实现系统，其中：所述参数包括动画帧、动画间隔 时间、动画延迟时间、动画执行路线。
同时，本发明还提供一种基于机顶盒的动画效果的实现方法，其包括以下步骤：分析机 顶盒内核版本，明确机顶盒对CSS3原生动画函数的支持程度；根据对机顶盒内核版本的分 析结果，测试机顶盒对动画效果的渲染能力；根据机顶盒对动画效果的渲染能力的测试结果， 设定动画函数执行时所采用的参数；动画函数根据所设定的参数在机顶盒上实现动画效果。
根据上述的基于机顶盒的动画效果的实现方法，其中：分析机顶盒内核版本，明确机顶 盒对CSS3原生动画函数的支持程度后，对于对CSS3原生动画特性支持差或无法支持的的机 顶盒，动画函数根据定时器策略来实现动画效果，不再进行机顶盒性能测试和动画函数的参 数设定。
根据上述的基于机顶盒的动画效果的实现方法，其中：所述参数包括动画帧、动画间隔 时间、动画延迟时间、动画执行路线。
根据上述的基于机顶盒的动画效果的实现方法，其中：所述动画渲染包括图形位移、形 状改变、旋转。
如上所述，本发明的基于机顶盒的动画效果的实现系统及方法，具有以下有益效果：
（1）与传统的针对于不同机顶盒客户端都要独立开发一套全新的动画特效框架相比，本 发明通过改变动画函数在具体执行过程中的具体参数来实现有差异的动画特效；开发人员只 需要写一套CSS3代码，即可在所有的机顶盒平台上使用，大大缩短了产品的开发周期；
（2）与传统的机顶盒采用定时器策略来实现机顶盒动画效果的兼容性相比，本发明通过 分析机顶盒的内核，检测机顶盒是否支持CSS3中transition和transform特性，尽最大可能的 使元素的动画效果通过原生的transition机制实现，对于不支持该特性的机顶盒客户端，才会 去采用传统的定时器策略；因此，本发明最大程度地保证了机顶盒端的动画效果通过其原生 的CSS3动画特性来实现。
附图说明
图1显示为本发明的基于机顶盒的动画效果的实现系统的结构示意图；
图2显示为本发明的基于机顶盒的动画效果的实现方法的流程图。
元件标号说明
1 内核分析器
2 性能测试器
3 动画函数执行器
具体实施方式
以下通过特定的具体实例说明本发明的实施方式，本领域技术人员可由本说明书所揭露 的内容轻易地了解本发明的其他优点与功效。本发明还可以通过另外不同的具体实施方式加 以实施或应用，本说明书中的各项细节也可以基于不同观点与应用，在没有背离本发明的精 神下进行各种修饰或改变。
需要说明的是，本实施例中所提供的图示仅以示意方式说明本发明的基本构想，遂图式 中仅显示与本发明中有关的组件而非按照实际实施时的组件数目、形状及尺寸绘制，其实际 实施时各组件的型态、数量及比例可为一种随意的改变，且其组件布局型态也可能更为复杂。
本发明的基于机顶盒的动画效果的实现系统包括依次连接的内核分析器1、性能测试器2 和动画函数执行器3。
其中，内核分析器1用于分析机顶盒内核，其首先分析机顶盒内核版本，明确该机顶盒 对CSS3原生动画函数的支持程度，并将分析结果传送给性能测试器。
性能测试器2用于测试机顶盒性能。需要说明的是，这里所指的性能，主要是指机顶盒 对动画效果的渲染能力。本发明中，性能测试器通过一套完善的动画渲染测试流程，测试机 顶盒对各种动画效果的渲染能力，并将所有测试结果传送给动画执行器。其中动画渲染包括 图形位移、形状改变、旋转等。
动画函数执行器3用于设定动画函数执行时所需的参数。动画函数执行器根据来自性能 测试器的测试数据来计算并生成适合机顶盒的最佳参数，以供动画函数执行时使用，从而保 证最终实现的动画效果的流畅性。其中，动画函数执行时使用的参数包括动画帧、动画间隔 时间、动画延迟时间、动画执行路线等。
参照图2，本发明的的基于机顶盒的动画效果的实现方法包括以下步骤：
步骤S1：分析机顶盒内核版本，明确机顶盒对CSS3原生动画函数的支持程度，即动画 执行函数在多大程度上使用CSS3原生的动画特性。需要说明的是，对于对CSS3原生动画特 性支持差甚至是无法支持的的机顶盒，动画函数将采用传统的定时器策略，不再进行机顶盒 性能测试和动画函数的参数设定的步骤。
步骤S2：测试机顶盒对动画效果的渲染能力；
步骤S3：根据上述对机顶盒性能的测试结果设定动画函数执行时所采用的参数。其中， 具体参数包括动画帧、动画间隔时间、动画延迟时间、动画执行路线等，这些参数将最终影 响机顶盒上动画效果的流畅度。
步骤S4：根据所设定的参数执行动画函数，从而在机顶盒上实现理想的动画效果。
综上所述，本发明的基于机顶盒的动画效果智能实现系统及方法综合了以往动画实现策 略的优点，并且整合出一套统一的动画实现策略，实现最大程度的兼容，不仅大大缩短了产 品开发周期，而且最大程度地对动画效果进行优化。所以，本发明有效克服了现有技术中的 种种缺点而具高度产业利用价值。
上述实施例仅例示性说明本发明的原理及其功效，而非用于限制本发明。任何熟悉此技 术的人士皆可在不违背本发明的精神及范畴下，对上述实施例进行修饰或改变。因此，举凡 所属技术领域中具有通常知识者在未脱离本发明所揭示的精神与技术思想下所完成的一切等 效修饰或改变，仍应由本发明的权利要求所涵盖。