项目7教案Word下载.docx
- 文档编号:20971254
- 上传时间:2023-01-26
- 格式:DOCX
- 页数:10
- 大小:18.93KB
项目7教案Word下载.docx
《项目7教案Word下载.docx》由会员分享,可在线阅读,更多相关《项目7教案Word下载.docx(10页珍藏版)》请在冰豆网上搜索。
”语句。
同时,还可以看到在时间轴上的第30帧处出现了一个小字母“a”,表明在该帧添加有一个动作。
(6)测试影片
相关知识点
知识1帧动作脚本
知识2ActionScript版本简介
任务二播放和停止按钮
掌握按钮动作脚本的制作方法,理解对象、命令、事件等概念
按钮动作脚本
对象、命令、事件等概念
(1)打开我们前面制作的“自由落体小球”动画,新建一个图层,更名。
(2)单击“按钮”图层的第1帧。
单击菜单“窗口”→“公用库”→“按钮”命令,打开Flash提供的按钮库,从其中拖入一个播放按钮,放在舞台下方左侧位置,作为播放按钮。
(3)选定该播放按钮,按F9键打开“动作-按钮”面板。
在“动作-按钮”面板左侧命令列表里依次打开“全局函数”→“时间轴控制”→“play”,双击“play”或者将其拖入右侧的编辑区,则在右侧的编辑区添加了如下命令:
on(release){
play();
}
其各命令的含义如下:
on:
在…时候。
release:
释放鼠标。
play:
播放。
整个命令的解释:
当在此按钮上释放鼠标时,播放动画。
到此为止已完成了播放按钮的制作,按Ctrl+Enter测试影片,可以看出当小球下落到下面时,动画停止播放,鼠标单击播放按钮,动画再次开始播放。
下面我们再制作一个暂停按钮。
(4)选择“按钮”图层的第1帧。
单击菜单“窗口”→“公用库”→“按钮”命令,打开Flash提供的按钮库,从其中拖入一个暂停按钮,放在舞台下方右侧位置,作为暂停按钮。
(5)选定该暂停按钮,按F9键打开“动作-按钮”面板。
然后在动作-按钮面板左侧命令列表里依次打开“全局函数”→“时间轴控制”→“stop”,双击“stop”或者将其拖入右侧的编辑区,在动作编辑区添加了如下命令:
stop();
其命令形式与播放的形式相同,只不过将play改为stop。
(6)到此为止完成了对这个交互动画的制作,单击菜单中“控制”→“测试影片”命令,对这个动画的效果进行测试。
在动画播放时如果单击暂停按钮,动画停止播放;
如果再单击播放按钮,动画继续播放;
当动画结束时自动停止,如果再单击播放按钮,动画又重新开始播放。
相关知识
知识1按钮动作脚本
知识2对象
知识3命令
知识4事件
任务三对象的常用属性介绍
使学生掌握对象的常用属性
对象的常用属性
(1)新建一个Flash文档
(2)导入一张图片到元件库中。
(3)新建元件,进入影片剪辑模式,从库面板中将“猴”拖入到编辑区。
(4)新建一个元件。
单击“弹起”帧,绘制一个椭圆。
(3)在“指针经过”帧插入关键帧,打开颜色面板,将椭圆的填充颜色设置为“#FFCC99”。
分别在“按下”帧和“点击”帧插入关键帧。
(4)单击时间轴面板中的“插入图层按钮”,插入一个新的图层。
选择工具箱中的文本工具,在椭圆上输入文本“确定”。
(5)从“库”面板中将影片剪辑“猴”拖入到舞台中,并将其放置在舞台中央。
选择“猴”影片剪辑,在其属性面板中将其“实例名称”改为“hou”
(6)插入一个新的图层,输入文本“影片剪辑对象的常用属性”。
(7)输入文字“旋转”,将其放置在舞台左侧位置。
(8)再拖出一个文本框。
选择文本类型为“输入文本”,在实例名称中输入“aa”。
在输入文本框的后面再添加一个静态文字“度”。
(9)在舞台上依次添加静态文本和输入文本框,将其摆放整齐。
分别将水平缩放、垂直缩放、宽度、高度、透明度、x坐标、y坐标后的输入文本框的实例名称依次定义为ss,cs,kd,gd,tm,xzb,yzb。
(10)单击菜单“窗口”→“组件”命令,弹出“组件”面板,展开“UserInterface”,选择“CheckBox”,在舞台上生成一个复选按钮。
(11)打开“参数”对话框。
单击新建的复选框,在“参数”面板上设置实例名称为“kj1”,清空label内容,选择selected选项为true。
(12)在舞台添加“可见与否”的静态文本
(13)将“按钮元件”拖入到舞台中来,选择按钮元件,打开“动作-按钮”对话框,输入脚本语句:
on(release){
_root.hou._rotation=_root.aa.text;
_root.hou._xscale=_root.ss.text;
_root.hou._yscale=_root.cs.text;
_root.hou._width=_root.kd.text;
_root.hou._height=_root.gd.text;
_root.hou._alpha=_root.tm.text;
_root.hou._x=_root.xzb.text;
_root.hou._y=_root.yzb.text;
if(_root.kj1.selected==true)
_root.hou._visible=true;
else_root.hou._visible=false;
(14)测试影片。
任务四跟随鼠标移动的五彩花瓣
熟悉对象的常用格式和属性
对象的常用格式和属性
(1)新建一个Flash文档。
(2)新建元件
(3)绘制椭圆。
(4)选择工具箱中的“任意变形工具”,将椭圆上中心小圆移动到椭圆的底部,在“变形”对话框,在旋转文本框中输入72,连续四次单击“复制并应用变形”按钮,绘制花朵图形。
选择所有图形,将其进行组合。
(5)新建元件。
(6)从“库”面板中将“花朵”图形元件拖入编辑区,在第30帧插入关键帧。
选择第1帧,打开“属性”面板,在“补间”下拉列表中选择“动画”,在“旋转”下拉列表中选择自动。
(7)新建元件。
(8)从“库”面板中将“五色花朵”影片剪辑元件拖入编辑区,分别在第10帧、第20帧、第30帧、第40帧、第50帧处插入关键帧。
(9)单击第10帧,设置“五色花朵”影片剪辑属性
(10)方法同上,分别将第20帧、第30帧、第40帧、第50帧中的“五色花朵”的RGB值。
(11)分别在第1帧和第10帧之间、第10帧和第20帧之间、第20帧和第30帧之间、第30帧和第40帧之间、第40帧和第50帧之间建立补间动画。
(12)从“库”面板中将“旋转花朵”影片剪辑拖入到舞台,在属性面板上将它的“实例名称”定义为“flower”。
在第3帧处插入帧。
(13)添加代码控制“旋转花朵”做跟随着鼠标的效果。
i=1;
maxlenght=20;
_root.flower.startDrag(true);
_root.flower._visible=false;
(14)右击图层2第2帧,在弹出的快捷菜单中选择“插入空白关键帧”,打开“动作-帧”面板,在命令编辑区添加如下的代码:
_root.flower.duplicateMovieClip("
clip"
+i,20-i);
setProperty("
_root.clip"
+i,_xscale,getProperty("
+(i-1),_xscale)+i);
+i,_yscale,getProperty("
+(i-1),_yscale)+i);
+i,_alpha,20-i*(20/30));
i=i+1;
(15)在图层2第3帧插入空白关键帧,打开“动作-帧”面板,在命令编辑区添加如下的代码:
if(i<
maxlenght)
gotoAndPlay
(2);
elsegotoAndPlay
(1);
动画制作完毕,按Ctrl+Enter观看动画效果。
任务五电子表
(1)新建一个Flash文档。
(2)使用矩形工具,按住Shift键在舞台上绘制一个正方形的表盘,调整表盘到舞台的中央。
(3)插入一个新的图层,重新命名为“数字”,用文字工具制作1~12个数字,并分布排列在表的边缘。
(4)新建元件。
调整线条颜色为黑色,笔触高度为3,画一条竖直线;
然后使用椭圆工具在直线的顶部画出一个无填充的圆形,使图形成秒针形状。
将直线的底部位置应与定位点重合。
(5)新建元件,类型为影片剪辑元件,名称为“p2”。
在影片剪辑编辑模式下画一个无边框的矩形。
将矩形底部与定位点重合。
(6)新建一个图层,从库面板中将P2影片剪辑拖到工作区中。
适当调整对象的大小,调整对象位置,使对象底部的定位点与表盘中心重合,指向12点整。
在属性面板上将其实例名称命名为“hour”。
(7)用类似的方法制作分针。
新建一个图层,将图层更名为“分针”,从库面板中拖动影片剪辑P2到工作区中。
调整对象的大小,使分针比时针窄长一些,调整对象位置,使对象底部的定位点与表盘中心重合。
在属性面板上将其实例名称命名为“minute”。
锁定“分针”图层。
(8)制作秒针。
新建一个图层,将图层更名为“秒针”,从库面板中拖动影片剪辑P1到工作区中。
调整对象的大小,使秒针比分针窄长一些;
调整对象位置,使对象底部的定位点与表盘中心重合。
在属性面板上将其实例名称命名为“second”。
(9)在表的中心画一个圆,表示表的固定螺丝。
(10)插入一个新图层。
选择“文本工具”,在表盘的下方绘制文本框,在属性面板中,设置文本类型为动态文本,实例名称为“aa”。
(11)在命令编辑区中添加代码:
onClipEvent(enterFrame){//进入帧时激活对象
mydate=newDate();
//新建一个Date对象
hour=mydate.getHours();
//获取小时数,并且赋于hour
minute=mydate.getMinutes();
//获取分钟数,并且赋于minute
second=mydate.getSeconds();
//获取秒数,并且赋于second
hourangle=hour*30+minute*0.5;
//计算时针应偏转的角度
_root.hour._rotation=hourangle;
//使时针影片剪辑对象转过指定角度
minuteangle=minute*6;
//计算分针应偏转的角度
_root.minute._rotation=minuteangle;
//使分针对象转过指定角度
secondangle=second*6;
//计算秒针应偏转的角度
_root.second._rotation=secondangle;
//使秒针对象转过指定角度
_root.aa.text=String(hour)+"
时"
+String(minute)+"
分"
+String(second)+"
秒"
;
}//使动态文本框显示系统的时间
(9)观看制作效果。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 项目 教案