Flash动画设计中的脚本教学设计.doc

Flash动画设计中的脚本教学设计
张万良
四川信息职业技术学院，四川广元，628017
内容提要：Flash的脚本是许多想深入学习动画计者的拦路虎，但是我们只要采取适当的教学方法，合理的教学过程安排就会攻克这个难关。我们通过设计一个设置影片属性的例子，让学生理解脚本的添加，脚本的点语法，影片的常用基本属性，两种坐标系。并且由浅入深使学生不再对脚本畏难。
关键词：人机交互，脚本，影片剪辑，按钮，坐标系
计算机执行的指令集称为程序。程序的另一个名字称叫做脚本。Flash的脚本是许多想深入学习flash游戏设计者的拦路虎，但是如果我们先易后难逐步深入就可攻克这个“堡垒”。只要我们合理科学的安排教学过程中经过实践，通过经典实例由浅入深的讲解让学生把脚本的输入方法，语法规范，简单脚本的含义以及最重要的坐标系搞清楚。
脚本也叫ActionScript，是Flash内置的编程语言，用它为动画编程，可以实现各种动画特效、对影片的良好控制、强大的人机交互以及与网络服务器的交互。ActionScript是一门吸收了C++、Java以及JavaScript等编程语言部分特点的新的语言。它的存在确保了Flash影片较之普通的按照线性模式播放的动画具备强大得多的人机交互能力。
在ActionScript中可以添加动作的对象有三种:关键帧、影片剪辑元件、按钮元件。选中这些关键帧、按钮和影片剪辑，打开其动作面板，你就可以看到它们都添加了哪些脚本。
下面就是我们精心设计的初级脚本案例，通过本实例我们知道如何为按钮添加脚本，了解影片的属性，了解点语法，了解坐标系：
首先创建元件
步骤一、创建按钮元件
创建圆角按钮元件，为了增加立体感，按钮共有两个图层。只不过一个图层的颜色亮一个图层的颜色暗作为阴影。
步骤二、创建影片元件
按ctrl+R导入gif格式的动画图形到库中，按F8创建影片元件，把刚才导入的图形拖入到影片元件编辑区，最后将影片元件拖入舞台实例名为tt。坐标为(500,350)。注意影片元件的中心注册点为于左上角。
然后创建动画
步骤一、动画元素的布置
在舞台写上“影片属性演示”几个字，然后按两次ctrl+B打散文字，再使用铅笔工具将文字分成两部分，分别填上不同的颜色作为装饰，最后删掉线条。新建一图层命名为“按钮”，并拖入13个按钮元件，使用文本工具分别写上如效果图所示的文字。
步骤二、编写脚本
选中”xposition=400”的按钮，添加脚本on(press){tt._x=400;}//设置影片的x坐标为400。
选中“yposition=150”按钮，添加on(press){tt._y=150;}//设置影片的y坐标为150。
选中“xscale=50”按钮，添加on(press){tt._xscale=50;}//设置影片的横向缩为原来的50％
选中“yscale=50”按钮，添加on(press){tt._yscale=50;}//设置影片的纵向缩为原来的50％
选中“alpha=50”按钮，添加on(press){tt._alpha=50;}//设置影片的透明度为50％
选中“rotation-30”按钮，添加on(press){tt._rotation-=30;}//设置影片每次逆时针旋转30度
选中“rotation+30”按钮，添加on(press){tt._rotation+=30;}//设置影片每次顺时针旋转30度
选中“visible=1”按钮，添加on(press){tt._visible=1;}//设置影片可见。
选中“visible=0”按钮，添加on(press){tt._visible=0;}//设置影片不可见。
选中“draggablelock(100,100,400,400)”按钮，添加on(press){tt.startDrag(true,100,100,400,400)}//可拖动的影片锁定到鼠标位置中央，范围在左上右下的坐标值分别为100、100、400、400。
选中“draggableunlock(0,0,550,400)”按钮，添加on(press){tt.startDrag(false,0,0,550,400)}//可拖动的影片锁定到用户首次单击该影片剪辑的位置上，范围在左上右下的坐标值分别为100、100、400、400。
选中“stopdrag”按钮，添加on(press){tt.stopDrag();}//停止拖动影片。
选中“复位”按钮，添加on(press){
tt.stopDrag();//停止拖动影片。
tt._x=500;//恢复初始横坐标
tt._y=350;//恢复初始纵坐标
tt._rotation=0;//恢复旋转角度
tt._xscale=100;//恢复初始的x向放大系数