[发明专利]一种基于Web的算法动画可视化开发系统

权利要求书

1.一种基于Web的算法动画可视化开发系统，其特征在于包括：

可视化编辑模块：把算法动画中常用的动画元素和动画效果的对应属性信息作为绘图参数封装在具体的鼠标事件中，动画效果通过改变动画元素的属性信息实现；鼠标移动时调用绘图参数实时绘制相应动画元素，鼠标弹起时结束绘图，或采用键盘输入参数，把最终的绘图参数信息生成以相应操作图标显示的脚本，并按脚本的顺序排列在时间线上；所述脚本的排列顺序是指按生成脚本的先后次序递增排列，遍历执行脚本序列生成算法动画，该模块通过新建动画生成模块对象和调用动画生成模块接口操纵界面动画元素；

动画生成模块：管理所有动画元素的绘制及更新，该模块对象由可视化编辑模块自动创建后，生成画布对象并创建相应的动画元素对象管理器，对象管理器控制画布上所有动画元素属性信息的改变，并利用定时器更新画布上的动画元素，该模块调用绘图模块的绘制接口将动画元素绘制在画布上；

绘图模块：绘制所有动画元素的接口，包括图形图像、文字的动画元素对象，每个动画元素对象有自己的属性和方法，每个动画元素对象必须有自己的绘制方法，动画生成模块调用动画元素对象的绘制方法更新画布，该模块接受来自动画生成模块的调用，实现图形图像和文字的动画元素绘制。

2.根据权利要求1所述的基于Web的算法动画可视化开发系统，其特征在于：所述可视化编辑模块实现过程如下：

（1）清空画布及动画元素管理数组，新建动画生成模块对象；

（2）把用户鼠标键盘操作输入的绘图参数传给动画生成模块对象完成在画布上的实时绘制；

（3）生成以绘图参数为内容，以操作图标为显示的脚本，按先后顺序排放在时间线上，时间线上的所有脚本组成脚本序列，绘图参数之间用分隔符‘<;>’连接；

（4）遍历脚本序列的内容，调用动画生成模块对象生成算法动画；

（5）脚本可直接编辑，或进行可视化编辑：如果要调节动画时序则编辑时间线上的脚本序列，如果要修改某脚本则选择该脚本重新输入绘图参数后，转到步骤（2），修改完成则继续或结束。

3.根据权利要求1所述的基于Web的算法动画可视化开发系统，其特征在于：所述动画生成模块实现过程如下：

（1）动画生成模块由可视化编辑模块自动创建后，生成画布对象并创建相应的动画元素对象管理器；

（2）动画生成模块接收可视化编辑模块创建动画时自动生成的绘图参数脚本，解析接收的绘图参数，根据绘图参数的类别调用相应的绘图模块API完成绘制；

（3）对象管理器中的动画元素管理数组存放动画元素的最新属性信息，每新建一个动画元素，将它的属性信息放入动画元素管理数组中，每新建一个作用在动画元素上的动画效果，要实时改变动画元素在管理数组中的属性信息；

（4）通过定时器，每隔一段时间就重画一下画布，同时改变画布上动画元素对象的位置、属性信息，具体为读取动画元素管理数组中动画元素的属性信息，根据属性信息更新画布上对应动画元素的属性。