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

摘要

一种基于Web的算法动画可视化开发系统，该系统由3个模块组成：可视化编辑模块、动画生成模块以及绘图模块。可视化编辑模块通过新建动画生成模块对象和调用动画生成模块接口操纵界面动画元素；动画生成模块管理所有动画元素对象的绘制及更新，动画生成模块调用绘图模块的绘制接口将动画元素绘制在画布上；绘图模块包括绘制动画元素接口，接受来自动画生成模块的调用，实现图形图像和文字的绘制。该系统包含了算法动画常用的元素，并使用基于时间线脚本序列的动画实现方法，使在网页上创建算法动画更便捷，脚本序列自动生成并支持最终用户编程，提高算法动画开发效率和代码复用性。

主权项

一种基于Web的算法动画可视化开发系统，其特征在于包括：可视化编辑模块：把算法动画中常用的动画元素和动画效果的对应属性信息作为绘图参数封装在具体的鼠标事件中，动画效果通过改变动画元素的属性信息实现；鼠标移动时调用绘图参数实时绘制相应动画元素，鼠标弹起时结束绘图，或采用键盘输入参数，把最终的绘图参数信息生成以相应操作图标显示的脚本，并按脚本的顺序排列在时间线上；所述脚本的排列顺序是指按生成脚本的先后次序递增排列，遍历执行脚本序列生成算法动画，该模块通过新建动画生成模块对象和调用动画生成模块接口操纵界面动画元素；动画生成模块：管理所有动画元素的绘制及更新，该模块对象由可视化编辑模块自动创建后，生成画布对象并创建相应的动画元素对象管理器，对象管理器控制画布上所有动画元素属性信息的改变，并利用定时器更新画布上的动画元素，该模块调用绘图模块的绘制接口将动画元素绘制在画布上；绘图模块：绘制所有动画元素的接口，包括图形图像、文字的动画元素对象，每个动画元素对象有自己的属性和方法，每个动画元素对象必须有自己的绘制方法，动画生成模块调用动画元素对象的绘制方法更新画布，该模块接受来自动画生成模块的调用，实现图形图像和文字的动画元素绘制。