&nbsh1;

 

基于Animate的循环嵌套演示动画设计与开发

孙 杰，杨 洁，党元晓

（昌吉学院，昌吉 831100）

0 引言

高级程序语言中，一个循环语句的循环体内又包含另一个或者多个循环语句，此种结构称为循环嵌套［1-4］。该结构可用来解决复杂问题的程序设计，比如求阶乘和、输出三角形、解百钱买百鸡和分解质因数等问题，另外外层和内层循环计数器的变化规律与C语言二维数组的行列下标变化顺序呈现一致性，方便对数组元素的操作。但是在实际教学过程中，初次接触编程的大学生很难理解循环嵌套结构的执行过程和循环总次数计算的含义。

为此采用Animate矢量动画软件［5］编写循环嵌套执行过程的演示动画，帮助程序学习者理解其涵义。在演示动画设计时，将循环体执行一次的过程看作为一个MovieClip（后简称MC）小球沿矩形运动一圈的路径动画，那么内层循环就是嵌入在矩形路径上的又一个矩形路径动画，如此便可形象化循环嵌套的执行过程。同时，为了演示不同内外层循环次数的循环嵌套，使用Animate工具箱中的输入文本工具接受用户的输入，从而构建不同的循环嵌套结构。在理工科大学生C语言程序设计和Java程序设计课程教学实践中，使用演示动画讲解循环嵌套，学生反馈较好。

1 Animate动画软件

Animate是新一代网页交互动画制作软件［6］，它在继承Adobe Flash专业二维矢量动画制作软件功能的基础上，增加了许多新特性，比如：自动关键帧、虚拟摄像头、图像矢量化、画笔镜像和资源变形等新功能，这不仅让原有使用者拥有熟悉的开发环境，而且增强了网页音视频的编辑制作能力，特别是Animate对HTML5的支持［7-8］，使它摆脱了对特定播放器的依赖，在浏览器窗口中可以实现音视频的播放和交互动画，另外其针对Adobe Flash Player运行时环境的ActionScrip编程语言—AS3.0支持面向对象程序设计开发［9］，强化了动画的交互能力和动态设计功能。

2 循环嵌套演示动画制作

2.1 动画界面设计

演示动画的界面如图1所示，背景采用纯色填充，主要分为四个区域：①为标题区，主要是显示动画的主题；②为动画交互区域，主要是输入外层和内层循环次数，以及点击演示按钮，开始动画演示；③是循环嵌套路径动画演示区；④是界面底部区域，一般用于显示版权和制作者。