制作时钟和拼图操作步骤.doc

实例一 制作时钟动画 【学习目的】 能正确使用系统时间函数，能正确使用ActionScript语句给各指针赋值即旋转功能的设置。掌握影片剪辑的创建及使用方法。 操作要点：通过绘制图形创建影片剪辑元件，在动作属性窗口正确使用函数。 操作步骤： 一、制作表盘 1、底盘： 新建flash文件，并保存命名，给图层一重命名为‘底层’，然后导入底盘图像，调整好大小（550*360）并进行遮罩处理（添加新的图层，并在该层绘制时钟形状区域），得到椭圆底盘。 图1 底盘效果 中心轴及各指针：首先完成基本元件的创建。（时针、分钟、秒钟及中心轴）。 图2 时针、分钟、秒钟及中心轴效果图 3、 新建4个图层并在四个图层上分别添加时针、分钟、秒钟及中心轴元件。 图3 指针效果图 思考：这里时针、分钟、秒钟及中心轴的图层应该按照什么顺序添加？ 4、钟面时间点的布置：新建数字图层，把12、3、6、9放置于合适的地方。 图4 时钟外观效果图 5、代码添加 新建一个新的脚本图层，写入下列代码（放在脚本层主时间轴的第一帧）。 //获得当前时间 var mydate:Date = new Date(); //mydate= new Date(); hours = mydate.getHours(); minutes = mydate.getMinutes(); seconds = mydate.getSeconds(); if (hours12) { hours = hours-12; } if (hours1) { hours = 12; } //据时间设置对象rotation属性值 hours = hours*30+int(minutes/2); minutes = minutes*6+int(seconds/10); seconds = seconds*6; ho._rotation=hours;选中原件，然后修改实例名称 min._rotation=minutes; sec._rotation=seconds; 保存测试效果，分析结果正确否。 6、修改代码为： onEnterFrame = function() { var mydate:Date = new Date(); //mydate= new Date(); hours = mydate.getHours(); minutes = mydate.getMinutes(); seconds = mydate.getSeconds(); if (hours12) { hours = hours-12; } if (hours1) { hours = 12; } hours = hours*30+int(minutes/2); minutes = minutes*6+int(seconds/10); seconds = seconds*6; ho._rotation=hours; min._rotation=minutes; sec._rotation=seconds; } 再次测试效果。 （或者加入第二帧关键帧动画，在脚本第二帧写入脚本gotoAndPlay(1);。注意把各图层第二帧均插入帧。 图5 加入第二帧动画设置 实例二 制作拼图游戏 【学习目的】 主要掌握鼠标按下、弹起事件，拖动与停止拖动方法 。 操作步骤： 1、界面设置 参考层：导入原图像为图形元件，调整好大小并进行淡化处理。（设置完成后加锁） 拼图层：分离化块，并设置各块为影片剪辑元件。 2、代码添加 对当前对象的拖动/停止拖动代码 on (press) { //点击此实例，开始拖动 this.startDrag(); } on (release) { //释放鼠标，停止拖动 this.stopDrag(); } 保存测试效果。 思考：在拼图层分开的各块设置为其他类型元件，操作能否成功。