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

权利要求书

1.一种Web动画制作方法，包括：

根据待显示的动画效果设置至少一个动画场景，为所述至少一个动画场景分别分配一个场景容器及场景容器标识，所述场景容器用于存储对应动画场景的相关信息，并将所述场景容器及其标识关联存储到服务器中，以便在显示动画时，根据场景容器标识从服务器中读取Web页面上元素对应的动画场景进行加载；

生成每个动画场景的相关信息，其中所述相关信息包括场景背景图和至少一个动画元素组，其中每个动画元素组中至少包含一个HTML元素；

设置所述至少一个动画元素组中每个HTML元素的元素状态；

对每个动画元素设置动画元素ID，用于标识该动画元素；以及

通过设置动画场景的运行顺序将所述至少一个动画场景串联起来，以形成整体的动画效果，包括：通过AJAX取出动画元素ID对应的数据，并将读取出的数据转为数组结构，记作场景数组；在读取显示时，对所述场景数组进行遍历，对每个动画场景中所包含的动画元素组的数组再进行遍历，并对每个动画元素组中每一帧动画元素的元素状态按设置的帧的间隔时间进行延时运行，以达到播放每个动画元素的效果；在每一个动画场景开始运行之前，清除上一个动画场景中的内容。

2.如权利要求1所述的方法，其中，所述元素状态是元素的CSS状态，至少包括以下状态中的一种：位置、颜色、缩放大小、翻转角度、状态变化速度。

3.如权利要求2所述的方法，其中，所述设置至少一个动画元素组中每个HTML元素的元素状态的步骤包括：

设置每个动画元素组对应的动画帧数和每帧动画的显示时间；以及

分别设置所述每个动画元素组中每帧动画的每个HTML元素的元素状态。

4.一种计算设备，包括：

浏览器，适于在浏览器的页面中显示制作的Web动画效果；

一个或多个处理器；

存储器；和

一个或多个程序，其中所述一个或多个程序存储在所述存储器中并被配置为由所述一个或多个处理器执行，所述一个或多个程序包括用于执行如权利要求1-3所述方法中的任一方法的指令。

5.一种存储一个或多个程序的计算机可读存储介质，所述一个或多个程序包括指令，所述指令当计算设备执行时，使得所述计算设备执行如权利要求1-3所述的方法中的任一方法。