[发明专利]一种Web动画制作方法及计算设备

说明书

本发明公开了一种Web动画制作方法，包括：根据待显示的动画效果设置至少一个动画场景；生成每个动画场景的相关信息，其中相关信息包括场景背景图和至少一个动画元素组，其中每个动画元素组中至少包含一个HTML元素；设置至少一个动画元素组中每个HTML元素的元素状态；以及通过设置动画场景的运行顺序将所述至少一个动画场景串联起来，以形成整体的动画效果。本发明一并公开了相应的计算设备。

技术领域

本发明涉及计算设备技术领域，尤其是一种浏览器的鼠标指针定位方法及计算设备。

背景技术

浏览器是万维网(Web)服务的客户端浏览程序，可向万维网服务器发送各种请求，并对从服务器发来的超文本信息和各种多媒体数据格式进行解释、显示和播放。目前基于浏览器的常见动画格式主要有两种：GIF动画格式和SWF动画格式。

GIF(Graphics Interchange Format)的原义是“图像互换格式”，是CompuServe公司在1987年开发的图像文件格式。GIF文件数据是一种基于LZW算法的连续色调的无损压缩格式，以8位色展示图像，其压缩率一般在50％左右，目前几乎所有浏览器都支持，公共领域也有大量软件在使用GIF图像文件。GIF格式在一个文件中可以存储多幅彩色图像，把存储于一个文件中的多幅图像数据逐幅读出并显示到屏幕上，就可实现一种简单的逐帧动画。

SWF(Shock Wave Flash)是Adobe公司的动画设计软件Flash的专用格式，是一种支持矢量和点阵图形的动画文件格式，可以生动的展示文字和图片的动态效果，被广泛应用于Web网页设计、动画制作等领域。SWF格式的主要目标是以流式控制技术和矢量技术为核心，制作短小精悍的小档案以播放动画，计划理念是可以在任何操作系统和浏览器中进行，并让网络较慢的用户也能顺利浏览。

上述两种动画格式，编码和解码较复杂，都需要专业的工具软件进行绘制，制作门槛和成本都较高。虽然Flash动画相应的文件要比GIF动画大很多且色彩表现更符合大众对动画图像色彩的要求，但Flash动画必须在浏览器上安装Adobe Flash Player插件才支持Flash引擎工作，而且Flash的播放性能消耗大，且存在安全漏洞等问题。

鉴于上述弊端，需要一种Web动画制作方案，无需安装插件，使用目前主流浏览器即可绘制动画并实现播放。

发明内容

为此，本发明提供了一种Web动画制作方法及计算设备，以力图解决或者至少缓解上面存在的至少一个问题。

根据本发明的一个方面，提供了一种Web动画制作方法，包括：根据待显示的动画效果设置至少一个动画场景；生成每个动画场景的相关信息，其中相关信息包括场景背景图和至少一个动画元素组，其中每个动画元素组中至少包含一个HTML元素；设置至少一个动画元素组中每个HTML元素的元素状态；以及通过设置动画场景的运行顺序将所述至少一个动画场景串联起来，以形成整体的动画效果。

可选地，在根据本发明的Web动画制作方法中，根据待显示的动画效果设置至少一个动画场景的步骤还包括：为至少一个动画场景分别分配一个场景容器及场景容器标识，场景容器用于存储对应动画场景的相关信息。

可选地，在根据本发明的Web动画制作方法中，还包括步骤：将场景容器及其标识关联存储到服务器中，以便在显示动画时，根据场景容器标识从服务器中读取Web页面上元素对应的动画场景进行加载。

可选地，在根据本发明的Web动画制作方法中，元素状态是元素的CSS状态，至少包括以下状态中的一种：位置、颜色、缩放大小、翻转角度、状态变化速度。

可选地，在根据本发明的Web动画制作方法中，设置至少一个动画元素组中每个HTML元素的元素状态的步骤包括：设置每个动画元素组对应的动画帧数和每帧动画的显示时间；以及分别设置每个动画元素组中每帧动画的每个HTML元素的元素状态。