第一篇:flash课件中常用画图函数总结
flash课件中常用画图函数总结
课件演示时需动态过程,所以得用lineTo()实现,而不能用curveTo()画图
*两点间画直线
*画螺旋线
*画正方形、圆、椭圆
*抛物线
*正弦、余弦线
使用方法:加到帧中就可
// 画直线
// / x1, y1: 起点坐标
// x2, y2: 终点坐标
// k是层次
Movieclip.prototype.drawline = function(x1, y1, x2, y2, k){
this.linestyle(1);
this.moveTo(x1, y1);
this.lineTo(x2, y2);
};
// 从(0,0)到(100,100)画一条线
_root.createEmptyMovieClip(“mc”, 10);
mc.drawline(0, 0, 100, 100);
// 画螺旋线
// w、h为宽和高
// f控制线的长短,用弧度表示
Movieclip.prototype.drawhelix = function(w, h, f){
for(var i = 0;i this.lineTo(x=Math.sin(i)*i*w, y=Math.cos(i)*i*h);this.linestyle(1);}
};
// 以(100,100)为中心画螺旋线
_root.createEmptyMovieClip(“luo”, 1);
with(luo){
drawhelix(5, 5, 13);
_x += 100;
_y += 100;
}
// 多功能函数,可画圆,椭圆,正多边形等
// n为边数
Movieclip.prototype.drawmany = function(w, h, n){
f = 2*Math.PI;
for(var i = 0;i<=f/n*(n+1);i += f/n){
this.lineTo(x=Math.sin(i)*w, y=Math.cos(i)*h);
this.linestyle(1);
}
};
// 画一正五边形
_root.createEmptyMovieClip(“duobian”, 2);
with(duobian){
drawmany(50, 50, 5);
_x += 250;
_y += 100;
// 5为多边形的边数,6.3为2pai
}
// 画一椭圆
_root.createEmptyMovieClip(“tuo”, 3);
with(tuo){
drawmany(25, 50, 100);_x += 400;
_y += 100;
}
// 圆
_root.createEmptyMovieClip(“yuan”, 4);
with(yuan){
drawmany(50, 50, 100);
_x += 400;
_y += 300;
}
// 抛物线
Movieclip.prototype.drawparabola = function(l, r, k){
for(var i =-l;i<=r;i += 1){
this.lineTo(x=i, y=k*i*i);
this.linestyle(1);
}
};
// 调用
_root.createEmptyMovieClip(“parabola”, 100);
with(parabola){
drawparabola(50, 50, 0.05);
_x += 200;
_y += 200;
// 顶点坐标
}
// 正弦线,余弦类似
Movieclip.prototype.drawsin = function(n, k){
for(var i = 0;i<=90*n;i += 1){
this.lineTo(x=i, y=k*Math.sin(i*Math.PI/180));
this.linestyle(1);}
};
_root.createEmptyMovieClip(“sin”, 101);
with(sin){
drawsin(4, 50);
_x += 200;
_y += 200;
// 顶点坐标
}
Movieclip.prototype.drawwave = function(w, h){
for(var i = 0;i<=6.3;i += 0.01){
this.lineTo(x=w/Math.cos(i), y=h*Math.sin(i)/Math.cos(i));
this.linestyle(1);
}
};
_root.createEmptyMovieClip(“wave”, 105);
with(wave){
drawwave(100, 100);
_x += 200;
_y += 200;
// 顶点坐标
} cab driver salesman shop assistant surgeon reporter
第二篇:函数奇偶性课件
函数的奇偶性是指在关于原点的对称点的函数值相等。函数奇偶性课件内容,一起来看看!
课标分析
函数的奇偶性是函数的重要性质,是对函数概念的深化.它把自变量取相反数时函数值间的关系定量地联系在一起,反映在图像上为:偶函数的图像关于y轴对称,奇函数的图像关于坐标原点成中心对称.这样,就从数、形两个角度对函数的奇偶性进行了定量和定性的分析.
教材分析
教材首先通过对具体函数的图像及函数值对应表归纳和抽象,概括出了函数奇偶性的准确定义.然后,为深化对概念的理解,举出了奇函数、偶函数、既是奇函数又是偶函数的函数和非奇非偶函数的实例.最后,为加强前后联系,从各个角度研究函数的性质,讲清了奇偶性和单调性的联系.这节课的重点是函数奇偶性的定义,难点是根据定义判断函数的奇偶性.
教学目标通过具体函数,让学生经历奇函数、偶函数定义的讨论,体验数学概念的建立过程,培养其抽象的概括能力.
教学重难点
1理解、掌握函数奇偶性的定义,奇函数和偶函数图像的特征,并能初步应用定义判断一些简单函数的奇偶性.在经历概念形成的过程中,培养学生归纳、抽象概括能力,体验数学既是抽象的又是具体的.
学生分析
这节内容学生在初中虽没学过,但已经学习过具有奇偶性的具体的函数:正比例函数y=kx,反比例函数,(k≠0),二次函数y=ax2,(a≠0),故可在此基础上,引入奇、偶函数的概念,以便于学生理解.在引入概念时始终结合具体函数的图像,以增加直观性,这样更符合学生的认知规律,同时为阐述奇、偶函数的几何特征埋下了伏笔.对于概念可从代数特征与几何特征两个角度去分析,让学生理解:奇函数、偶函数的定义域是关于原点对称的非空数集;对于在有定义的奇函数y=f(x),一定有f(0)=0;既是奇函数,又是偶函数的函数有f(x)=0,x∈R.在此基础上,让学生了解:奇函数、偶函数的矛盾概念———非奇非偶函数.关于单调性与奇偶性关系,引导学生拓展延伸,可以取得理想效果.
教学过程
一、探究导入观察如下两图,思考并讨论以下问题:
(1)这两个函数图像有什么共同特征?
(2)相应的两个函数值对应表是如何体现这些特征的?
可以看到两个函数的图像都关于y轴对称.从函数值对应表可以看到,当自变量x取一对相反数时,相应的两个函数值相同.
对于函数f(x)=x2,有f(-3)=9=f(3),f(-2)=4=f(2),f(-1)=1=f(1).事实上,对于R内任意的一个x,都有f(-x)=(-x)2=x2=f(x).此时,称函数y=x2为偶函数.
2观察函数f(x)=x和f(x)= 的图像,并完成下面的两个函数值对应表,然后说出这两个函数有什么共同特征.
可以看到两个函数的图像都关于原点对称.函数图像的这个特征,反映在解析式上就是:当自变量x取一对相反数时,相应的函数值f(x)也是一对相反数,即对任一x∈R都有f(-x)=-f(x).此时,称函数y=f(x)为奇函数.
二、师生互动
由上面的分析讨论引导学生建立奇函数、偶函数的定义奇、偶函数的定义
如果对于函数f(x)的定义域内任意一个x,都有f(-x)=-f(x),那么函数f(x)就叫作奇函数.
如果对于函数f(x)的定义域内任意一个x,都有f(-x)=f(x),那么函数f(x)就叫作偶函数.提出问题,组织学生讨论
(1)如果定义在R上的函数f(x)满足f(-2)=f(2),那么f(x)是偶函数吗?
(f(x)不一定是偶函数)
(2)奇、偶函数的图像有什么特征?
(奇、偶函数的图像分别关于原点、y轴对称)
(3)奇、偶函数的定义域有什么特征?
(奇、偶函数的定义域关于原点对称)
三、难点突破
例题讲解判断下列函数的奇偶性.
注:①规范解题格式;②对于(5)要注意定义域x∈(-1,1〕.已知:定义在R上的函数f(x)是奇函数,当x>0时,f(x)=x(1+x),求f(x)的表达式.
解:(1)任取x<0,则-x>0,∴f(-x)=-x(1-x),而f(x)是奇函数,∴f(-x)=-f(x).∴f(x)=x(1-x).
(2)当x=0时,f(-0)=-f(0),∴f(0)=-f(0),故f(0)=0.已知:函数f(x)是偶函数,且在(-∞,0)上是减函数,判断f(x)在(0,+∞)上是增函数,还是减函数,并证明你的结论.
解:先结合图像特征:偶函数的图像关于y轴对称,猜想f(x)在(0,+∞)上是增函数,证明如下:
任取x1>x2>0,则-x1<-x2<0.
∵f(x)在(-∞,0)上是减函数,∴f(-x1)>f(-x2).
又f(x)是偶函数,∴f(x1)>f(x2).
∴f(x)在(0,+∞)上是增函数.
思考:奇函数或偶函数在关于原点对称的两个区间上的单调性有何关系?
巩固创新已知:函数f(x)是奇函数,在〔a,b〕上是增函数(b>a>0),问f(x)在〔-b,-a〕上的单调性如何.f(x)=-x|x|的大致图像可能是()函数f(x)=ax2+bx+c,(a,b,c∈R),当a,b,c满足什么条件时,(1)函数f(x)是偶函数.(2)函数f(x)是奇函数.设f(x),g(x)分别是R上的奇函数和偶函数,并且f(x)+g(x)=x(x+1),求f(x),g(x)的解析式.
四、课后拓展有既是奇函数,又是偶函数的函数吗?若有,有多少个?设f(x),g(x)分别是R上的奇函数,偶函数,试研究:
(1)F(x)=f(x)·g(x)的奇偶性.
(2)G(x)=|f(x)|+g(x)的奇偶性.
3已知a∈R,f(x)=a-,试确定a的值,使f(x)是奇函数.一个定义在R上的函数,是否都可以表示为一个奇函数与一个偶函数的和的形式?
教学后记
这篇案例设计由浅入深,由具体的函数图像及对应值表,抽象概括出了奇、偶函数的定义,符合职高学生的认知规律,有利于学生理解和掌握.应用深化的设计层层递进,深化了学生对奇、偶函数概念的理解和应用.拓展延伸为学生思维能力、创新能力的培养提供了平台。
第三篇:“春夏秋冬”flash课件操作过程
Flash课件制作
案例:春夏秋冬四季
此课件设计为5个场景:
场景1:主界面及带有春夏秋冬字的四个按钮;
场景 2、3、4、5:分别为春、夏、秋、冬文字、图片介绍。
操作步骤:
1、文件/导入/导入到库
(将所用的素材导入到flash库中备用)
2、制作场景1:(1)将主界面图片拖入第1帧;
(2)插入/新建元件/按钮,制作“春”按钮;
(3)将做好的“春”按钮拖入场景1中,放到合适位置。
(4)“夏”、“秋”、“冬”按钮制作过程与步骤(2)、(3)相同。
3、制作场景2:(1)插入/场景;
(2)将介绍春天的文字、图片放入场景2的第1帧;
(3)制作“返回”按钮,将其拖入场景中。
此场景为介绍“春”的内容。
4、实现场景1和场景2之间的跳转:
(1)点击场景1的第1帧,单击右键/动作,给第1帧加入帧动作“stop();”
实现主界面的停止
(2)点击场景1中的“春”按钮,单击右键/动作,给“春”按钮加入按钮动作“on(release){gotoAndPlay(“场景 2”,1);}”
实现场景1到场景2之间的跳转
(3)点击场景2的第1帧,单击右键/动作,给第1帧加入帧动作“stop();”
实现“春”内容的停止(4)点击场景2中的“返回”按钮,单击右键/动作,给“返回”按钮加入按钮动作“on(release){gotoAndPlay(“场景 1”,1);}”
实现场景2到场景1之间的跳转
5、夏、秋、冬场景与主界面间的跳转操作如步骤4。
第四篇:FLASH课件制作详解
FLASH课件模板制作详解
教师也“闪”一把
Flash MX 2004打造精美多功能课件 湖南省浏阳市 官桥中心完小 冯献
随着多媒体课件在教学上的运用,越来越多的教师开始学习设计自己的课件并用之于课堂教学实际。但是却面临着一个问题:用什么来制作呢?Powerpoint档次太低,Authorware又不会„ „于是,本人作为小学教师的一员,特地向苦于以上问题的教师们介绍一下如何用FLASH打造出精美的多功能课件。功能简介:
首先,要简单介绍一下flash:它是一个Macromedia公司出品的动画制作软件,带有丰富的交互功能,配以适当的Action script脚本,能做出功能丰富,画面精美的动画课件。能让我们当教师的也来“闪”一把!注:本文中代码后面的“//”表示接下来是代码解释文字
一、先设计出一个漂亮的界面来
打开flash MX 2004,按Ctrl+F8新建一个影片剪辑,取名叫“窗口”。然后在主舞台中画一个窗口界面。(如下图1,大小为550*400,怎么画?你自己想要什么样的就画什么样的吧!)说明:界面设计不能太花了,但要有主色调。我这里用的是淡绿色。
不建议使用晃眼的色调,因为整个课件要协调好。太黑了使人感到郁闷,太亮了眼睛痛,适中最好。
风格看个人的喜好了,比如我喜欢窗口风格的。也有好多人喜欢无窗口的,全由你自己爱好啦。我这个版面上面是标题栏,右边是按钮控制区,下方是显示一些说明信息。
初步做好后,将它拖放到场景中,刚好与舞台重合。并在“属性”栏中,实例名称中输入:window
二、界面做好后,就要来制作交互用的按钮了
一般我们需要制作3-4种按钮:
1、控制课件的屏幕大小及关闭按钮(名为close_btn、fullscree_btn、small_btn):
2、响应课件内容及相关操作的通用按钮(因为只要在上面加个名字,就能变成“播放”,“停止”,“音乐”等按钮了);
3、临时按钮:主要在课件中进行临时交互用的。详细制作方法(不要嫌我啰嗦啊):
1、点插入--新建元件, 或按crtl+F8, 取名为“按钮”,类型选“按钮”,确定。按钮都有四个帧“向上”(即平常状态)、“经过”(鼠标移上去的样子)、“向下”(鼠标点下去的样子)、“点击”(这里什么色无所谓,它只限定鼠标起作用的范围)。另外还可以为这个按钮加点声音,按下时响一下。方法是,点“文件”-“导入”一个声音来。声音就存在于库中了,在按钮图上新建一层,在“按下”帧插入一个关键帧,将声音从库中拖入编辑窗口中即可。(其实声音还可有好多种设置,这里不必要作过多设置,就不详说了)
2、按自己的想法,分别做好四个不同的帧,这样你的多彩的按钮就做出来了,建议多用渐变色(包括线性和径向)。
3、将做好的按钮拖放到界面中去,命名并输入文字
在库中双击“界面”元件,进入影片剪辑“界面”的编辑状态,新建一层,取名为“按钮”,从库中把做好的按钮拖入到适当的位置,摆放整齐。分别在“属性”栏中的“实例名称”中输入:(不包括后面的汉字)
fullscreen_btn全屏 close_btn 关闭play_btn 播放 stop_btn 暂停 back_btn 返回
music_btn 音乐practice_btn 练习score_btn 计分 help_btn 帮助 quit_btn 退出。再新建一层,取名为“按钮文字”,用文本工具在按钮的上面输入各按钮的名称(如下图):
4、为各个按钮输入脚本控制语句:
新建一层,取名为“脚本”。按F9调出动作面板(如果是FLASH MX,请选“专家模式”),然后在空白处输入以下代码:
fullcreen_btn.onRelease=function(){ //onRlease表示点击并松开运行(function)fscommand(“fullscree”,true)//fscommand是一个命令语句 fullscreen是全屏 } close_btn.onRelease=function(){ fscommand(“quit”,true)
//quit表示退出 } play_btn.onRelease=function(){ _root.play()//播放 _root.表示主场景,加上这个前缀来控制主时间轴,下同 } stop_btn.onRelease=function(){ _root.stop()//停止 } back_btn.onRelease=function(){ _root.gotoAndStop(“mulu”)//返回到目录帧(你在课件中有目录的帧的属性面板中找到“标签”栏,在其中输入:mulu 这时在时间轴会有一面小红旗和mulu字样)} music_btn.onRelease=function(){ musiccontrol.play()//这里要涉及一个音乐控制影片剪辑,在后面介绍 } practice_btn.onRelease=function(){ _root.gotoAndStop(“practice”)//跳到练习内容(帧标签为practice)} score_btn.onRelease=function(){ score_mc._visible=true //设置计分板为可见,计分板制作将在后面介绍 } help_btn.onRelease=function(){ helpcontrol.play()//设置帮助信息的可见与隐藏控制,后面有相关介绍 } 输入完成后,点一下上部分的小勾,检查脚本有无错误,如果出现错误提示,认真检查,并正确输入。直到提示“此脚本无错误”。
三、制作实现背景音乐控制、计分板、帮助信息面板的影片剪辑
在这里顺便提一下:建议在库中建立几个文件夹,便于管理众多的影片剪辑
单击库面板中左下角的文件夹图标,就会在库中建立文件夹,可以将各种影片剪辑归类存放:如建立“声音”、“按钮”、“面板部件”三个文件夹,再把相应的元件拖入其中。要使用里面的元件时,只要双击文件夹图标即可。
1、制作背景音乐控制元件
导入一个mp3/wav格式的音乐文件,不要太大,以1-4M为佳。导入后,在库面板中会出现一个喇叭形状的图标,将它拖到“声音”文件夹中。
新建一个影片剪辑,取名为“音乐”。将刚才导入的音乐拖入到编辑窗口中,单击第一帧,在“属性”面板中,将“同步”下拉选单中选“数据流”(如下图,为的是让音乐随帧播放,便于控制),然后在700帧左右插入帧(不是关键帧呀!),如果音乐大概是1分钟就要720帧,自己算算。直到你的最后一帧中无蓝色波形,说明音乐刚好放到那里就完成了。
再新建一个影片剪辑,取名为“音乐控制”。在第一帧的帧动作中输入: stop()music_mc.play()//让音乐放
在第二帧插入一个关键帧,在帧动作中输入: stop()music_mc.stop()//让音乐停
在库中双击“界面”元件进入它的编辑状态,新建一层,取名为“音乐”,将刚才做好的影片剪辑“音乐”和“音乐控制”拖到工作区任意位置,并分别命名为:music_mc和musiccontrol。到此,背景音乐的控制元件就做好了。能在界面中单击“音乐”按钮进行控 制了。按Ctrl+Enter键测试一下吧!
2、制作计分板元件
这个里面将要用到“动态文本”,这是一个可以按要求随时改变字符的文本,用来动态显示分数。新建一个影片剪辑,取名为“计分板”。先画好板面,要注意与主界面相配。并在适当的位置用文本输入各组组号。
新建一层,取名为“分数”,点T文本工具,并在属性栏中,设为“动态文本”,在面板组名下框出六个文本区,并分别取“变量”为s1-s6,如图:
再做一个加分按钮和一个减分按钮(不细说步骤了),将它们拖放六次到计分板的适当位置,实例名为:jia1_btn,jian1_btn,jia2_btn,jian2_btn „ „如图: 新建一层,打开帧动作面板,输入六段下面类似代码: a1 = 0;jia1_btn.onRelease = function(){ a1++;
//每次单击递加1 s1 = a1;};Jian1_btn.onRelease = function(){ a1--;
//每次单击递减1 s1 = a1;} „ „
(以上是1组的加减分按钮,你就另外加5个的进去吧!只要将1改成2、3、4、5、6即可,注意要认真一点,输完后要检查无误。)
最后还要拖入一个可以将计分板关闭的按钮来,放在右上角,实例名称为:close_btn,在帧动作面板中还要加入条:
close_btn.onRelease=function(){ _parent._visible=false //表示上一级(即计分板)不可见 } 这时,计分板己做好。在库面板中,双击“界面”,打开它的编辑状态。
新建一层,取名为“计分”,将做好的“计分板”元件拖入到场景中适当位置,并在“实例名称”输入:score_mc。你再测试一下你的计分板吧!呵呵!
3、制作帮助信息元件 这个很简单,新建一个影片剪辑,命名为“帮助信息”,画个450*20的矩形,再向里面添加一个动态文本。变量取为 helptxt就行了。
再新建一个只有两帧的类似于音乐控制的影片剪辑:帮助控制
第一帧动作:stop()help_mc._visible=true //帮助为可见 第二帧动作:stop()help_mc._visible=false //帮助为不可见
两个做好了,再在库中双击“界面”进入编辑状态,新建一层,取名为“帮助”,将刚做的“帮助信息”拖到界面的下文横条上。在实例名中输入:help_mc,再将“帮助控制”也拖入,实例名:helpcontrol。要实现实时显示帮助信息,还得要加入一些代码,单击“界面”的第一帧,在动作面板中输入: close_btn.onRollover=function(){ // onRollOver表示在鼠标移到按钮上时触发事件
help_mc.helptxt=”提示:单击关闭本课件” //给动态文本的变量helptxt赋值,下同 } fullscreen_btn.onRollover=function(){ help_mc.helptxt=”提示:单击全屏显示课件” } small_btn.onRollover=function(){ help_mc.helptxt=”提示:单击小屏显示本课件” } play_btn.onRollOver=function(){
help_mc.helptxt=“提示:单击播放课件。” } stop_btn.onRollOver=function(){ help_mc.helptxt=“提示:单击暂停播放课件。” } back_btn.onRollOver=function(){ help_mc.helptxt=“提示:单击返回课件目录。” } music_btn.onRollOver=function(){ help_mc.helptxt=“提示:单击播放或停止背景音乐。” } score_btn.onRollOver=function(){ help_mc.helptxt=“提示:单击进入小组计分系统。” } practice_btn.onRollOver=function(){ help_mc.helptxt=“提示:单击进入练习题。” } quit_btn.onRollOver=function){ help_mc.helptxt=”提示:单击将退出课件” }
另外,有时想在课件上显示时间,可以加一个动态文本,变量为:mytime。并在它所在的帧的帧动作中输入:
function showtime(){ var time=new Date()//得到系统时间字符串 mytime=substring(time,11,9)//只截取其中时分秒的部分 } setInterval(showtime,100)
//100毫秒刷新一次
提高篇:(可以不做)
1、课件中实现粉笔的功能(即鼠标画线并能擦除): 在主场景帧动作中输入下面的代码可以实现鼠标的画线: _root.onLoad=function(){ i=false;} _root.onMouseDown=function(){ x=_root._xmouse;y=_root._ymouse;i=true;_root.moveTo(x,y)} _root.onMouseUp=function(){ i=false;} _root.onMouseMove=function(){ if(i==true){ //判断画线条件
_root.lineStyle(2,oxff0000,100);//确定线型(线宽,RGB色,透明度)_root.lineTo(_root._xmouse,_root._ymouse)}else{ _root.lineStyle()//如果条件不具备,则利用无线型,不显示线条 } updateAfterEvent()}
还要另加一个按钮来清除画好的线,按钮动作: on(release){ _root.clear()//清除 } 带画线功能课件实例(如图):http://gqxx.lyedu.com.cn/soft/learnclock.swf
2、让计分等面板成为仿windows窗口,可随意拖动
新建一个影片剪辑,画一个像Windows窗口标题栏样式的条状体,取名为bar 将它放在计分面板上,实例名设为:bar 然后在它所在帧的帧动作中输入: bar.onPress=function(){ _parent.startDrag()//当鼠标按下时能拖动 } bar.onRelease=function(){ _parent.stopDrag()//当鼠标弹起时停止拖动 }
实际上在所有的面板都可以像这样做,一样可以实现面板可拖动。呵呵,是不是挺酷? 可拖动窗口课件实例(如图):http://gqxx.lyedu.com.cn/soft/siji.swf 到此为止,我们的多功能课件封面己全部完成了。让我们来测试一下课件吧!如下图:
剩下要做的只要做好课件的动画内容了,在要停的帧中加入一个帧动作:stop(),就能用我们的课件封面来控制内容显示了!赶快行动吧,让我们一起来做一个多功能动画课件,一起来“闪”吧!
本人最近作品效果图
好了,我要说的就到这里了。欢迎朋友们来我校网址下载课件封面源文件,谢谢!http://gqxx.lyedu.com.cn/2005/ 最后,我的QQ:475563067 欢迎加我哦!电邮:fengxian975027@163.com
第五篇:FLASH课件制作详解
FLASH课件模板制作详解
教师也“闪”一把
Flash MX 2004打造精美多功能课件
湖南省浏阳市 官桥中心完小 冯献
随着多媒体课件在教学上的运用,越来越多的教师开始学习设计自己的课件并用之于课堂教学实际。但是却面临着一个问题:用什么来制作呢?Powerpoint档次太低,Authorware又不会… …于是,本人作为小学教师的一员,特地向苦于以上问题的教师们介绍一下如何用FLASH打造出精美的多功能课件。
功能简介:
首先,要简单介绍一下flash:它是一个Macromedia公司出品的动画制作软件,带有丰富的交互功能,配以适当的Action script脚本,能做出功能丰富,画面精美的动画课件。能让我们当教师的也来“闪”一把!
注:本文中代码后面的“//”表示接下来是代码解释文字
一、先设计出一个漂亮的界面来
打开flash MX 2004,按Ctrl+F8新建一个影片剪辑,取名叫“窗口”。然后在主舞台中画一个窗口界面。(如下图1,大小为550*400,怎么画?你自己想要什么样的就画什么样的吧!)
说明:界面设计不能太花了,但要有主色调。我这里用的是淡绿色。
不建议使用晃眼的色调,因为整个课件要协调好。太黑了使人感到郁闷,太亮了眼睛痛,适中最好。
风格看个人的喜好了,比如我喜欢窗口风格的。也有好多人喜欢无窗口的,全由你自己爱好啦。我这个版面上面是标题栏,右边是按钮控制区,下方是显示一些说明信息。
初步做好后,将它拖放到场景中,刚好与舞台重合。并在“属性”栏中,实例名称中输入:window
二、界面做好后,就要来制作交互用的按钮了
一般我们需要制作3-4种按钮:
1、控制课件的屏幕大小及关闭按钮(名为close_btn、fullscree_btn、small_btn):
2、响应课件内容及相关操作的通用按钮(因为只要在上面加个名字,就能变成“播放”,“停止”,“音乐”等按钮了);
3、临时按钮:主要在课件中进行临时交互用的。
详细制作方法(不要嫌我啰嗦啊):
1、点插入--新建元件, 或按crtl+F8, 取名为“按钮”,类型选“按钮”,确定。按钮都有四个帧“向上”(即平常状态)、“经过”(鼠标移上去的样子)、“向下”(鼠标点下去的样子)、“点击”(这里什么色无所谓,它只限定鼠标起作用的范围)。另外还可以为这个按钮加点声音,按下时响一下。方法是,点“文件”-“导入”一个声音来。声音就存在于库中了,在按钮图上新建一层,在“按下”帧插入一个关键帧,将声音从库中拖入编辑窗口中即可。(其实声音还可有好多种设置,这里不必要作过多设置,就不详说了)
2、按自己的想法,分别做好四个不同的帧,这样你的多彩的按钮就做出来了,建议多用渐变色(包括线性和径向)。
3、将做好的按钮拖放到界面中去,命名并输入文字
在库中双击“界面”元件,进入影片剪辑“界面”的编辑状态,新建一层,取名为“按钮”,从库中把做好的按钮拖入到适当的位置,摆放整齐。分别在“属性”栏中的“实例名称”中输入:(不包括后面的汉字)fullscreen_btn全屏 close_btn 关闭play_btn 播放 stop_btn 暂停 back_btn 返回 music_btn 音乐practice_btn 练习score_btn 计分 help_btn 帮助 quit_btn 退出。再新建一层,取名为“按钮文字”,用文本工具在按钮的上面输入各按钮的名称(如下图):
4、为各个按钮输入脚本控制语句:
新建一层,取名为“脚本”。按F9调出动作面板(如果是FLASH MX,请选“专家模式”),然后在空白处输入以下代码:
fullcreen_btn.onRelease=function(){ //onRlease表示点击并松开运行(function)
fscommand(“fullscree”,true)//fscommand是一个命令语句 fullscreen是全屏
}
close_btn.onRelease=function(){
fscommand(“quit”,true)
//quit表示退出
}
play_btn.onRelease=function(){
_root.play()
//播放 _root.表示主场景,加上这个前缀来控制主时间轴,下同
}
stop_btn.onRelease=function(){ _root.stop()
//停止
}
back_btn.onRelease=function(){
_root.gotoAndStop(“mulu”)//返回到目录帧(你在课件中有目录的帧的属性面板中找到“标签”栏,在其中输入:mulu 这时在时间轴会有一面小红旗和mulu字样)
}
music_btn.onRelease=function(){
musiccontrol.play()//这里要涉及一个音乐控制影片剪辑,在后面介绍
}
practice_btn.onRelease=function(){
_root.gotoAndStop(“practice”)//跳到练习内容(帧标签为practice)
}
score_btn.onRelease=function(){
score_mc._visible=true //设置计分板为可见,计分板制作将在后面介绍
}
help_btn.onRelease=function(){
helpcontrol.play()//设置帮助信息的可见与隐藏控制,后面有相关介绍
}
输入完成后,点一下上部分的小勾,检查脚本有无错误,如果出现错误提示,认真检查,并正确输入。直到提示“此脚本无错误”。
三、制作实现背景音乐控制、计分板、帮助信息面板的影片剪辑
在这里顺便提一下:建议在库中建立几个文件夹,便于管理众多的影片剪辑
单击库面板中左下角的文件夹图标,就会在库中建立文件夹,可以将各种影片剪辑归类存放:如建立“声音”、“按钮”、“面板部件”三个文件夹,再把相应的元件拖入其中。要使用里面的元件时,只要双击文件夹图标即可。
1、制作背景音乐控制元件 导入一个mp3/wav格式的音乐文件,不要太大,以1-4M为佳。导入后,在库面板中会出现一个喇叭形状的图标,将它拖到“声音”文件夹中。
新建一个影片剪辑,取名为“音乐”。将刚才导入的音乐拖入到编辑窗口中,单击第一帧,在“属性”面板中,将“同步”下拉选单中选“数据流”(如下图,为的是让音乐随帧播放,便于控制),然后在700帧左右插入帧(不是关键帧呀!),如果音乐大概是1分钟就要720帧,自己算算。直到你的最后一帧中无蓝色波形,说明音乐刚好放到那里就完成了。
再新建一个影片剪辑,取名为“音乐控制”。在第一帧的帧动作中输入:
stop()
music_mc.play()//让音乐放
在第二帧插入一个关键帧,在帧动作中输入:
stop()
music_mc.stop()//让音乐停
在库中双击“界面”元件进入它的编辑状态,新建一层,取名为“音乐”,将刚才做好的影片剪辑“音乐”和“音乐控制”拖到工作区任意位置,并分别命名为:music_mc和musiccontrol。到此,背景音乐的控制元件就做好了。能在界面中单击“音乐”按钮进行控制了。按Ctrl+Enter键测试一下吧!
2、制作计分板元件
这个里面将要用到“动态文本”,这是一个可以按要求随时改变字符的文本,用来动态显示分数。
新建一个影片剪辑,取名为“计分板”。先画好板面,要注意与主界面相配。并在适当的位置用文本输入各组组号。
新建一层,取名为“分数”,点T文本工具,并在属性栏中,设为“动态文本”,在面板组名下框出六个文本区,并分别取“变量”为s1-s6,如图:
再做一个加分按钮和一个减分按钮(不细说步骤了),将它们拖放六次到计分板的适当位置,实例名为:jia1_btn,jian1_btn,jia2_btn,jian2_btn … …如图:
新建一层,打开帧动作面板,输入六段下面类似代码:
a1 = 0;
jia1_btn.onRelease = function(){ a1++;
//每次单击递加1 s1 = a1;};
Jian1_btn.onRelease = function(){ a1--;
//每次单击递减1 s1 = a1;}
… …
(以上是1组的加减分按钮,你就另外加5个的进去吧!只要将1改成2、3、4、5、6即可,注意要认真一点,输完后要检查无误。)
最后还要拖入一个可以将计分板关闭的按钮来,放在右上角,实例名称为:close_btn,在帧动作面板中还要加入条:
close_btn.onRelease=function(){
_parent._visible=false
//表示上一级(即计分板)不可见
}
这时,计分板己做好。在库面板中,双击“界面”,打开它的编辑状态。
新建一层,取名为“计分”,将做好的“计分板”元件拖入到场景中适当位置,并在“实例名称”输入:score_mc。你再测试一下你的计分板吧!呵呵!
3、制作帮助信息元件
这个很简单,新建一个影片剪辑,命名为“帮助信息”,画个450*20的矩形,再向里面添加一个动态文本。变量取为 helptxt就行了。
再新建一个只有两帧的类似于音乐控制的影片剪辑:帮助控制
第一帧动作:stop()
help_mc._visible=true //帮助为可见
第二帧动作:stop()