注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

.

.

 
 
 

日志

 
 

flash8.0划线题  

2011-08-10 07:21:01|  分类: flash课件制作 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
一、界面的设计
第一步:启动“flash8.0”(其他版本类似),建立一个新的flash文档,直接点击“文件”菜单中的“保存”命令,将这个文档保存在电脑中的任意位置,名称为“划线题.fla”。
第二步:将“划线题.fla”中默认的图层名称改为“背景”,然后单击Flash舞台左上角的“插入图层”按钮(如图1,a处),插入三个图层,接着将新插入的这三个图层分别重命名为“出题”、“拖拽”、“划线”,并上锁(如图1,b处)。划线题教程(原创)
第三步:打开“背景”层的小锁头,选中“背景”图层的第一帧,然后单击菜单“文件→导入→导入到舞台”命令,将自己事先准备好的一幅背景图片导入到Flash的舞台当中并选中它,按“ctrl+k”调出对齐面板,依次点击“相对于舞台”(如图2, a处),匹配宽和高(如图2,b处),水平中齐(如图2,c处),垂直中齐(如图2,d处),使得背景图片完全覆盖住Flash的舞台,并上锁。划线题教程(原创)
二、“出题”层的布置
接下来,我们在“出题”层上输入我们的划线题的文字:
第一步:打开“出题”层的小锁头,选中“出题”层的第一帧,选中左边工具栏中的文本工具(如图3,a处),按“ctrl+F3”调出属性面板,选择“静态文本”,字体为隶书,大小为30,颜色为红色(如图3,b处),在舞台上输入“连线题(找首都)”放到合适的位置。划线题教程(原创)
第二步:同样的方法,输入“中国”、“日本”、“美国”、“华盛顿”、“东京”、“北京”,并放到合适的位置,然后将“出题”层上锁。
三、“拖拽”层的设置
接下来,我们设置“拖拽”层的内容:
第一步:打开“拖拽”层的小锁头,选中“拖拽”层的第一帧,选中左边工具栏中的“刷子”工具(如图4,a处),笔触色禁止、填充色为蓝色、大小适当、形状为圆形(如图4,b处),在舞台上“中国”的右面合适位置点一下,选中工具栏中的黑箭头工具(如图4,c处),选中刚才点出来的蓝色圆点,选中右键菜单中“转化为元件”,在跳出的“转化为元件”对话框中,“名称”默认,类型选“影片剪辑”,注册点选中心(如图4,d处),然后点击“确定”。按“ctrl+F3”调出属性面板,在“实例名称”中输入“a1”(如图5,a处)。划线题教程(原创)选中舞台上的“a1”实例,右键选择“复制”,粘贴出五个,实例名分别为“a2”,放在“日本”的右面、“a3”放在“美国”的右面、“a4”放在“华盛顿”的左面、“a5”放在“东京”的左面、“a6”放在“北京”的左面。
第二步:同样的方法,用刷子工具做出来一个新的红色的影片剪辑,实例名为“b1”,并复制出两个,实例名分别为“b2”、“b3”,并把“b1”、“b2”、“b3”的位置放在“a1”、“a2”、“a3”的上面,与之重合。
第三步:点选“b1”,按“F9”打开动作面板,在里面输入脚本:
on (press) {
 startDrag(this, true);
}//鼠标点按b1的时候,开始拖拽b1
on (release, rollOut) {
 stopDrag();
}//鼠标弹起并滑离b1时,停止拖拽b1(如图6)划线题教程(原创)
复制以上脚本内容,分别在b2、b3的脚本显示区中粘贴。将“拖拽”层上锁。
四、“划线”层的设置
接下来我们设置“划线”层:
第一步:打开“划线”层的小锁头,选中第一帧,按“ctrl+F8”调出创建新元件对话框,“名称”默认,类型选“影片剪辑”,点击“确定”。
第二步:现在时间轴上显示的文字内容是“场景1,元件3”,说明我们是在“元件3”的内部。我们现在看到的舞台是白色的,我们点击时间轴上的文字“场景1”,回到“场景1”,我们又看到了我们做好内容的舞台。点按“ctrl+l”,打开库,将里面的元件3拖入“划线”层第一帧的舞台,现在在舞台上我们看见一个空心的小圆点,那就是空的影片剪辑“元件3”,注意一定要把“元件3”放到舞台的左上角的位置,这是我们是否划线成功的关键(如图7)划线题教程(原创)
第二步:用工具栏中的黑箭头工具点选“元件3”,按“F9”打开动作面板,我们在元件3的脚本显示区内输入:
onClipEvent (enterFrame) {//反复不断的执行以下语句:
 clear();//每一遍执行前先清除划线
 lineStyle(3, 0xFF0000, 50);//确定线条的样式,粗细为3像素,红色,透明度为50
 moveTo(_root.a1._x, _root.a1._y);
 lineTo(_root.b1._x, _root.b1._y);//在a1和b1之间划线
 moveTo(_root.a2._x, _root.a2._y);
 lineTo(_root.b2._x, _root.b2._y);//在a2和b2之间划线
 moveTo(_root.a3._x, _root.a3._y);
 lineTo(_root.b3._x, _root.b3._y);//在a3和b3之间划线
}
(如图8)划线题教程(原创)
五、试用
    至此,这个Flash版本的划线题就大功告成了,单击菜单“文件→导出→导出影片”命令,将生成的SWF动画保存到硬盘的任意位置即可。双击生成的swf动画,可以点按国家名字前面的小红点进行划线了。本文介绍的这个Flash版本的划线题,只是抛砖引玉,大家在实际制作Flash划线题的过程中,完全可以举一反三,如果大家感兴趣的话,那就赶快试试吧!
  评论这张
 
阅读(565)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017