flash动作脚本-动态文本框、影片剪辑的拖拽、流程控制与循环语句
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
flash动作脚本-动态文本框、影片剪辑的拖拽、流程控制与循环语句
四、动态文本框
一、flash 中的动态文本使用方法
在flash中,文本工具提供了三种文本类型。
分别是:静态文本、动态文本和输入文本。
下面讲解的内容属于动态文本的AS 编写规则。
要创建一个动态文本非常简单,只需要选中文本工具,然后选择动态文本类型,然后在舞台上拖拽出所需要的动态文本框就行了。
二、如何为动态文本赋值
当在舞台上拖拽出动态文本框之后,可以直接在里面进行文本输入或粘贴外部文本内
容。
那么用AS 如何来对动态文本框赋值呢?在这里为大家介绍两种方法进行
赋值!
1、使用动态文本的实例名字来赋值
操作步骤:
(1)在舞台上创建一个动态文本框,并为这个动态文本实例起一个名字,例如abc
(2)选中时间轴的第一桢,打开动作面板,输入以下脚本:
abc.text = "爱国者安全网"
按下ctrl+回车就可进行测试了。
从这个简单的例子可以知道,如果要用文本实例名字来进行赋值的话,必须使用以下格式:动态文本实例的名字.text=”需要赋值的内容”
2、使用变量来赋值
(1)在舞台上创建一个动态文本框,并为这个动态文本实例起一个变量名
3800hk。
(2)选中时间轴的第一桢,打开动作面板,输入以下脚本:
3800hk= "欢迎大家来到爱国者安全网学习!"
不难看出,使用变量赋值更为简单实用!赋值格式为:变量名=“赋值的内容”以上两种赋值方法如果内容过多需要换行的时候,需要使用行用回车符(“\r”即ASCII
13)分隔!
三、如何载入外部txt 文本里的内容
当内容过多的时候,使用上面的方法并不是太好,我们可以使用下面的方法,从外部获取文本资料内容!而外部的资料内容就放在一个普通的txt(记事本)文件中。
具体操作步骤如下:
1、创建一个动态文本实例,并为这个动态文本实例起一个变量名hk
2、选中时间轴的第一桢,打开动作面板,输入以下脚本:
loadVariablesNum("heiying.txt", 0);//载入外部名字叫heiying.txt 的文本文件,加载级别为0
3、现在来准备外部的heiying.txt 文本文件了。
注意:要把这个文本文件和你刚才做的flash文件放在一个文件夹里!
这个txt 文件里的资料应该按照如下格式编写:flash中动态文本变量的名字=这
里就是所需要的资料内容。
对应上面的格式,外部heiying.txt 中的内容为:
hk=欢迎大家来到爱国者安全网学习!。
最后一点,需要将这个文本文件保存为UTF-8 格式。
4、完成以上步骤之后,就可以进行测试了。
下面介绍另外一种载入外部文本资料的方法,并介绍当文本内容过多时候,如
何使用滚
动条组件
(1)创建一个动态文本实例,并并为这个动态文本实例起一个实例名字anquan (注:是实例名而不是变量名)起一个变量名为hk
(2)打开flash 的组件面板(快捷键ctrl+F7),找到UIScrollBar(滚动条)组件。
按着它不动,然后拖放此组件至刚才的动态文本实例的右部边缘,如果成
功的话,组件会和文本框结合在一起!
(3)选中舞台第一桢,编写如下脚本:
tt = new LoadVars();//创建一个LoadVars 对象的实例,这里的实例名字叫tt
tt.load("heiying.txt");//创建的tt 实例需要载入的对象是heiying.txt 文本文件。
tt.onLoad = function(s) { //开始载入外部文件,具体格式请按照此例格式。
参数s
是指示load 操作是否成功完成。
如果完成,那么S 的值就为true( 真),反之
为false(假)
if (s) {
anquan.text = tt.hk;
}//如果载入成功,则anquan文本框中的内容就等于tt.实例中的heiying的内容!(hk是我们外部文本文件中的变量。
)
};
(4) 至于外部的heiying.txt 还可以使用刚才所创建的文本文件,为了测试滚动
条的效
五、影片剪辑的拖拽
在网上经常看到的flash影片中有的对象可以被鼠标进行拖动。
例如有的类似七
巧板的拼图游戏,控制音量的滑杆等,所使用的就是flash中的拖拽动作。
一、拖拽命令详细介绍
1、首先介绍一下开始拖拽命令的详细用法,稍后在后面的例子中进行测试。
命令格式:StartDrag(要拖动的影片剪辑,[是否锁定到鼠标位置中央,左,
上,右,下])或写为要拖动的影片剪辑.StartDrag([是否锁定到鼠标位置中央,左,上,
右,下])
命令讲解:在制作动画的过程中,上面两种书写方法可任选一种。
其中[]
内的为可选参数,也就是可以写,也可以不写。
至于左,上,右,下四个参数是
用来控制被拖对象的移动范围。
2、停止拖拽命令讲解
命令格式:被拖动的影片剪辑实例名.stopDrag()
这样就可以停止对对象的拖拽动作。
二、实例讲解
下面来用一个简单的例子实验拖拽命令。
操作步骤:
1、新建一个flash 文档,并在舞台上绘制一个圆形。
选中圆形并按F8,
将此圆形转换为影片剪辑,起名为:圆。
确定后将会在舞台上创建一个圆的实例。
2、选中此实例,并按F9打开动作面板。
输入如下脚本:
on (press) {
this.startDrag(true);//当鼠标按下(press)之后,这个实例(因为我们把脚本写
在实例本身了,所以这里用this 代替影片剪辑实例的名字)可以被拖拽,使用命令如上面的命令解释。
对于参数的选择方面,这里只填写了锁定到鼠标位置
中央,如果想选不锁定到鼠标位置中央,可以把true改为false。
有兴趣的朋友可以更改为false看看。
}
on (release) {
this.stopDrag();//同样道理,当鼠标释放(release)之后,将停止拖拽动作。
}
3、好了,现在让我们按Ctrl+回车来测试一下吧,你将会看到舞台上的圆
被你的鼠标拖动的效果。
4、OK,通过这个例子我们可以简单的应用拖拽动作了。
现在需要把这个
例子继续完成,还记得上面命令讲解中的左,上,右,下四个控制拖动范围的参数吗?现在来制作具有约束拖动范围的效果。
5、现在在舞台上绘制一个200*100大小的矩形,注意只要边框不要填充。
6、如果我们希望在拖动的时候这个圆只能在矩形内拖动的话,就要先设置
这个矩形的坐标,并记下矩形四个顶点的坐标(这点很重要!)。
OK,比如,现在此例子中的矩形的四个顶点分别如上图所示。
那我们要取的四个参数就应该是:左=50,上=100,右=250,下=200现在打开动作面板,修改刚才的脚本如下:
on (press) {
this.startDrag(true, 50, 100, 250, 200);//这里我们就使用刚才确定好的4个参数。
4个点的参数就对拖动对象实现了一个矩形区域的移动约束!
}
on (release) {
this.stopDrag();
}
7、好了,按Ctrl+回车去测试吧!
好了,关于拖拽的讲解先到这里,下面我们来学习如何结合着拖拽动作来检
测对象之间的碰撞!
三、碰撞命令的讲解
命令格式:目标影片剪辑的实例.hihkest(被拖拽的实例) 这个是比较
简单的检测碰撞命令
目标影片剪辑的实例.hihkest(被拖拽实例的X轴坐标,被拖
拽实例的Y轴坐标,对象的矩形区域范围还是对象本身范围) 这个是比较复
杂点的检测碰撞命令
命令解释:以上两个命令都是用来检测碰撞的,可以根据需要选择不同的
命令。
重点解释一下对象的矩形区域范围和对象本身范围(上面的命令中,false 表示对象的矩形区域范围,true表示对象本身的范围)
四、碰撞命令与拖拽命令的结合使用
(一)、下面通过简单的例子来学习碰撞命令(我们先来学习如何检测是否
碰到对象的矩形区域范围)
1、新建一个flash 文档,在舞台上绘制一个圆形。
选中圆形并按F8将它
转换为影片剪辑,起名:圆。
这样就在舞台上创建了一个圆的实例。
2、选中此实例,为它起一个名字,此例起名为:yuan
3、选择文字工具,并选择文字类型为“动态文本”,在圆的实例下面拖绘出一个动态文本框。
并起一个变量名为:hk
4、选中时间轴的第一桢,按F9打开动作面板,输入以下脚本:
_root.onEnterFrame = function() {
//这个是在时间轴上的AS编写规则,解释为舞台上每桢都执行下面的脚本(onEnterFrame)。
if (_root.yuan.hitTest(_root._xmouse, _root._ymouse, false)) {
//根据上面命令的讲解,这个语句就是检测碰撞了。
如果鼠标碰到舞台上
yuan这个实例的矩形区域范围的话,就执行下面的脚本。
hk = "接触矩形区域范围";
//动态文本框就显示出“接触矩形区域范围”
} else {
hk = "没有接触到矩形区域范围";
//如果鼠标没有碰到舞台上yuan 这个实例的矩形区域范围的话,就显示
没有接触到矩形区域范围。
}
};
现在可以按Ctrl+回车去测试我们的成果
(二)、拖拽碰撞检测
现在再来一个例子讲解拖拽碰撞检测,想偷懒的话可以通过修改上面例子的
代码来学习。
1、现在稍微修改一下上面的例子,以便让我们学习拖拽碰撞检测,在上面
例子的舞台上绘制一个矩形,并把这个矩形转换成电影剪辑,起名为:矩形。
这样就在舞台上又创建了一个矩形的实例,现在为这个矩形实例起一个名为:juxing 。
2、选中这个矩形实例,打开动作面板,输入可以拖拽这个实例的脚本。
如下:on (press) {
this.startDrag(true);
}
on (release) {
this.stopDrag();
}
这个脚本就是为了能拖动这个矩形实例。
具体解释请回顾第一个拖动对象例
子的脚本说明。
3、现在来修改脚本,选中时间轴的第一桢,按F9打开动作面板,你将会
看到上个例子的碰撞检测脚本,把它修改为如下脚本:
_root.onEnterFrame = function() {
if (_root.yuan.hitTest(_root.juxing)) {
hk = "碰到了";
} else {
hk = "没有碰到";
}
}
这个脚本和上次的碰撞检测脚本类似,只不过不需要再书写X轴和Y轴,也
不用写是否碰到矩形区域范围。
简单吧
现在又到了测试阶段了,去观看你的成果
六、流程控制与循环语句
众所周知,flash中动画依靠的是时间轴,在没有脚本的情况下,动画会依照时
间轴从第一帧不停的播放到最后一帧,然后始重复播放或者干脆停止。
为了能更
好的控制动画,就必须使用脚本语句。
而要想使动画具有逻辑判断的功能,就要
使用流程控制和循环控制语句了!下面通过几个简单的小例子来学习流程与循环
控制语句。
一、流程控制语句
所谓流程控制,无非就是我们想控制动画程序的执行顺序而已。
我们可以让
flash根据一些特定的条件,来决定要执行哪个程序。
这样就好象给了程序一些
判断的机制。
if...else控制语句
根据英文的意思,大家可以简单的理解上面的控制语句:如果...就...否
则...就... 下面来看看这个流程控制语句的书写格式。
if(条件){
//条件成立的话,就执行这里的程序。
}else{
//条件不成立的话就执行这里的程序。
}
下面重点说一下if 后面括号内的条件。
这个条件可以是一个固定的值,也
可以是一个变量或表达式。
如果条件成立的话,也就是条件为真(true),就会
执行if 后面的程序,如果条件不成立,也就是条件为假(false),就会执行
else里的程序。
例如:有这么一个条件,A>B 将这个表达式代入if后面的括号
内,这个流程语句的意思就变成:如果A>B的话,就执行第一个大括号内的程序,
如果A不大于B,就将执行else后面大括号内的程序。
实例讲解:
1、新建一个flash文档,在舞台上绘制一个圆,选中圆并按F8转换成影
片剪辑,起名为:圆这样就在舞台上创建一个圆的实例。
2、选中舞台上的实例,按F9打开动作面板,输入如下脚本:
onClipEvent (enterFrame) {
if (this._x<400) {//流程条件控制语句,如果这个圆的实例的X轴坐标小于400,就执行后面的程序。
this._x += 5;//让这个圆的坐标向右移动5个象素
} else {
this._x = 0;//控制语句,如果刚才的条件不成立。
也就是圆实例的X坐标不小于400,就让它的X坐标为0
}
}
上面的脚本是一个非常简单的流程控制语句,根据实例的坐标来进行判断。
因为我们
使用了enterFrame事件,所以flash会不停的执行下面if...else语句。
3、测试影片。
会看到圆不停的向右移动,当它的X坐标大于或等于400的时候,程
序会把它的X坐标重新更改为0。
二、循环控制语句
所谓的循环语句,其实也是用条件来控制的,只要条件成立,那么,程序就会不停的执
行下去,一直执行到条件不成立为止!常用的循环语句包括while 循环、for 循环等。
因为篇幅有限,下面只重点讲解for 循环的使用方法。
For 循环命令格式:
for(初始变量;条件语句;迭加命令语句){
//用户自己编写的脚本。
}
首先强调一点,for 语句的括号内有三个项目,必须要用分号间隔开!
初始变量:循环语句也是用条件是否成立来控制的,通常我们用一个变量来控制程序执
行的次数。
那么,这个初始变量就要先定义一个值。
要注意的是,初始变量这个项目只执行一次!
条件语句:这个项目就是我们的判断语句了。
如果这个项目判断为真(true),也就是
条件成立了。
它就直接跳进大括号{}内执行里面的程序!反之,如果条件为假(false),它就直接跳出这个for 语句了。
迭加命令语句:接上面的条件语句,如果条件语句成立,会执行{}内的程序,那么执
行完程序之后,就要回来执行迭加命令语句了。
通常它就用来增加或减少刚开始时的初始变量的值。
实例讲解:
1、新建一个flash 文档,在舞台上绘制一个圆,选中圆并按F8转换成影片剪辑,起
名为:圆这样就在舞台上创建一个圆的实例。
2、为这个实例起名为:yuan
3、添加一个新的层,并选中新层的第一帧,按F9打开动作面板,输入如下脚本:
for (i=1; i<5; i++) {
duplicateMovieClip("yuan", "yuan"+i, i);
_root["yuan"+i]._x = random(400);
_root["yuan"+i]._y = random(300);
_root["yuan"+i]._alpha = random(100);
}
如果大家实在觉得for 语言很难读懂的话,你可以按照for 语言执行的顺序把i=1 代入程序
走一遍,可以帮助你理解程序。
例如:当i 等于1的时候,程序开始判断它是否小于5,那
么1肯定小于5了,条件为真,就执行{}内的复制程序,同时复制出来的新实例的名字就变成了yuan1 ,接着就是设置yuan1 的坐标和透明度。
之后,for 语句开始回去执行i++,此时,i 的值就变为2了。
然后又开始循环判断执行下去......(你可以算一下,这个for 循环
总共循环了几次呢?答案是4次。
)
4、选中时间轴的第6帧,按F6插入一关键帧,打开动作面板输入以下脚本:
gotoAndPlay(1);
让flash播放到第6帧的时候返回第1帧再来执行for 循环语句。
5、测试效果吧,你会看到舞台上会循环4次复制出4个圆。
希望大家能通过这两个简单的例子掌握流程控制语句和循环控。