`
happmaoo
  • 浏览: 4428216 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

FLASH中的移动方法教程和实例集锦(适合新手)

阅读更多
在此只探讨用AS语句去控制移动的方法。FLASH中能够移动的物体一般是舞台上的电影实例(为节省篇幅以下简称为MC,并且其实例名为my_mc)。 FLASH中物体的移动是在X轴(即水平)方向或Y轴(垂直)方向的运动。因此,通过控制mc属性中的_x与_y的值就可以达到使其运动的目的。

一、匀速运动
1、水平方向上的向右匀速运动

方法一:
主场景第1帧:
varmx=5;//设定初始速度为5
主场景第2帧:
my_mc._x+=mx;//名称为my_mc的电影实例以步幅5的速度向右移动
主场景第3帧:
gotoAndPlay(2);//跳转到第二帧,再次激发my_mc电影实例以步幅5的速度向右移动后又会跳转到此帧,并再次激发运动,如此周而得始地激发,就达到了不断向右运动的目的.
见实例:匀速运动1_1_1.rar

方法二:
主场景第1帧:
varmx=5;//设定初始速度为5
this.onEnterFrame=function(){
my_mc._x+=mx;//不断刷新my_mc的向右运动
};
//方法一需要3帧才能运动,而此方法二只需要一帧就可以使其运动,这是主要区别
见实例:匀速运动1_1_2_1.rar

或者:
varmx=5;//初始速度值为5
onEnterFrame=function(){
my_mc._x+=mx;
};
//此方法三与方法二的区别在于,方法二中this.onEnterFrame中的this是指当前时间轴;而在此方法三中直接用onEnterFrame,并未用this时,就表示暗指当前时间轴.
见实例:匀速运动1_1_2_2.rar

或者:
varmx=5;//初始速度值5
my_mc.onEnterFrame=function(){
this._x+=mx;
};//此处的my_mc.onEnterFrame指方法是加在my_mc上的.
见实例:匀速运动1_1_2_3.rar

方法三:
主场景my_mc上:
onClipEvent(load){
varmx=5;//初始速度值5
}
onClipEvent(enterFrame){
_x+=mx;//触发my_mc实例定义的动作是x轴坐标不断增值5。
}
见实例:匀速运动1_1_3_1.rar

方法四:
主场景第1帧:
functionmoveToRight(Object,xVar){//定义函数的方法
varmx=xVar;
onEnterFrame=function(){
Object._x+=mx;
};
}
moveToRight(my_mc,5);
见实例:匀速运动1_1_4_1.rar

方法五:
MovieClip.prototype.mcmove=function(Object,x){
varmx=x;
onEnterFrame=function(){
Object._x+=mx;
};
};
mcmove(my_mc,5);
见实例:匀速运动1_1_5_1.rar

1、垂直方向上的向下匀速运动
以上实例的运动方向都是水平从左向右匀速运动,如果需要垂直方向上的向下匀速运动只需要把MC的_x属性改为_y。如:
varmy=5;
this.onEnterFrame=function(){
my_mc._y+=my;
};
见实例:匀速运动1_2_01.rar

或者:
MovieClip.prototype.mcmove=function(Object,y){
varmy=y;
onEnterFrame=function(){
Object._y+=my;
};
};
mcmove(my_mc,5);
见实例:匀速运动1_2_02.rar

2、水平方向上的向左匀速运动
水平方向上的向左匀速运动,只需要将上述实例1_系列中的变量var mx=5;更改为var mx=-5;或者,将my_mc._x += mx;更改为my_mc._x -= mx;如:
varmx=-5;
my_mc._x=524;//初始my_mc的x坐标。
this.onEnterFrame=function(){
my_mc._x+=mx;
};
见实例:匀速运动1_3_01.rar

或者:
varmx=5;
my_mc._x=524;//初始my_mc的x坐标。
this.onEnterFrame=function(){
my_mc._x-=mx;
};
见实例:匀速运动1_3_02.rar

3、垂直方向上的向上匀速运动
垂直方向上的向下匀速运动更改为向上的匀速运动时,方法同“3、水平方向上的向左匀速运动。”如:
varmy=5;
my_mc._y=370;
this.onEnterFrame=function(){
my_mc._y-=my;
};
见实例:匀速运动1_4_01.rar

4、斜方向上的匀速运动,如:
varmx=5,my=3;
my_mc._x=0;
my_mc._y=370;
this.onEnterFrame=function(){
my_mc._x+=mx;
my_mc._y-=my;
};
见实例:匀速运动1_5_01.rar

精确起终点代码版:
vark=200;
//速率
varstartx=my_mc._x=0,starty=my_mc._y=400;
//起点坐标
varendx=550,endy=0;
//终点坐标
onEnterFrame=function(){
my_mc._x+=(endx-startx)/k;
my_mc._y+=(endy-starty)/k;
};
见实例:匀速运动1_5_02.rar

5、在一定范围内的来回匀速运动
⑴水平来回:
varstartx=my_mc._x=50;
//startx起点位置
varendx=450;
//endx结束位置
vardis=100;
//dis速率
vardisx=(endx-startx)/dis;
vardisy=(endy-starty)/dis;
vark0=k=1;
//k方向系数
onEnterFrame=function(){
if(my_mc._x>=endx){
k=-k;
}
if(my_mc._x<=startx){
k=k0;
}
my_mc._x+=disx*k;
my_mc._y+=disy*k;
};
见实例:匀速运动1_6_01.rar(注:垂直来回方法相似)

⑵斜向来回:
vark0=k=1;
vardis=200;
//dis速率
varstartx=my_mc._x=50,starty=my_mc._y=300;
//起点坐标
varendx=450,endy=50;
//终点坐标
vardisx=(endx-startx)/dis;
vardisy=(endy-starty)/dis;
onEnterFrame=function(){
if(my_mc._x<=startx){
k=k0;
}
if(my_mc._x>=endx){
k=-k;
}
my_mc._x+=disx*k;
my_mc._y+=disy*k;
};
见实例:匀速运动1_6_02.rar

二、变速运动
1、水平方向上的变速运动
⑴减速运动
方法一:
主场景第1帧:
varendPosition=500;
vark=12;
my_mc._x=50;
my_mc._y=200;
主场景第2帧:
my_mc._x+=(endPosition-my_mc._x)/k;
主场景第3帧:
gotoAndPlay(2);
if(my_mc._x>=(endPosition-0.6)){
my_mc._x=endPosition;
stop();
}
见实例:减速运动2_1_1_01.rar

方法二:
varendPosition=475;
vark=12;
my_mc._x=50;
my_mc._y=200;
onEnterFrame=function(){
my_mc._x+=(endPosition-my_mc._x)/k;
if(my_mc._x>(endPosition-1)){
my_mc._x=endPosition;
deleteonEnterFrame;
}
};
见实例:减速运动2_1_1_02.rar

如果要实现从右向左运动时,只需要稍改上述的实例减速运动2_1_1_02
varendPosition=50;
vark=12;
my_mc._x=550;
my_mc._y=200;
onEnterFrame=function(){
trace(my_mc._x);
my_mc._x+=(endPosition-my_mc._x)/k;
if(my_mc._x<=endPosition){
my_mc._x=endPosition;
deleteonEnterFrame;
}
};
见实例:减速运动2_1_1_03.rar

特别说明:上述的减速运动代码可广泛运用于实际中,它不仅可用于向上、下、左、右、斜向各个方向上的运动,产生缓冲效果。也可以运用于透明度和缩放等方面。如下面的两个例子。另一个减速缓冲效果:
varendPosition=500;
vark=0.7;
varc=0.2;
my_mc._x=10;
my_mc._y=200;
onEnterFrame=function(){
temp=temp*k+(endPosition-my_mc._x)*c;//此公式常用 ,k和c的值不能为正,记住公式即可
my_mc._x+=Math.round(temp); //round()这个函数是取整的,遵循四舍五入原则
if(Math.round(temp)==0){
my_mc._x=endPosition;
deleteonEnterFrame;
}
};
见实例:减速运动2_1_1_04.rar

透明度上的运用:
varendAlpha=10;
vark=5;
my_mc._alpha=100;
onEnterFrame=function(){
my_mc._alpha+=(endAlpha-my_mc._alpha)/k;
if(my_mc._alpha<=endAlpha){
my_mc._alpha=endAlpha;
deleteonEnterFrame;
}
};
见实例:透明度上的缓冲运用2_1_1_05.rar

缩放上的运用:
varendscale=600;
vark=6;
my_mc._xscale=my_mc._yscale=1;
onEnterFrame=function(){
trace(my_mc._yscale);
my_mc._xscale=my_mc._yscale+=(endscale-my_mc._yscale)/k;
if(my_mc._yscale>=(endscale-0.1)){
my_mc._yscale=endscale;
deleteonEnterFrame;
}
};
见实例:缩放上的缓冲运用2_1_1_06.rar

补充研究
http://bbs.blueidea.com/thread-1894636-1-1.html
http://flashcoder.cn/blog/?p=49
分享到:
评论

相关推荐

    Flash实例教程

    Flash中的绘图工具如笔刷、线条和形状工具是创作图形的基础,熟练掌握这些工具将有助于构建各种视觉元素。此外,了解颜色面板和渐变编辑也是提升作品质量的关键。 教程中,实例部分会逐步教你如何创建简单的动画,...

    flash精彩实例flash精彩实例

    flash 实例讲解 实例操作 flash 实例讲解 实例操作 flash 实例讲解 实例操作

    C++Builder精彩编程实例集锦.pdf

    这些平台上不仅有大量的技术文章和教程,还有活跃的技术交流氛围,可以帮助开发者解决实际开发过程中遇到的问题。 综上所述,C++Builder是一款功能强大且灵活的开发工具,适合不同领域的软件开发项目。通过实践这些...

    中文版Access 2000应用实例集锦

    中文版Access 2000应用实例集锦,不错的入门材料。

    flash8中文实例教程

    flash8中文实例教程 j是制作课件的实例 后一部分是实例讲解

    JSP 教程与实例集锦(已整理为CHM文件)

    JSP 教程与实例集锦(已整理为CHM文件),推荐下载学习之用。

    flash游戏实例教程

    1. **ActionScript 3.0**:ActionScript是Flash中的编程语言,3.0版本进行了重大更新,性能提升显著,语法更接近于现代面向对象编程语言。在本教程中,你将学习到如何创建对象、定义类、事件处理以及游戏逻辑的实现...

    FLASH动画实例教程

    FLASH动画实例教程是一门非常不错的教程,其中讲了一些关于实例的具体制作过程。

    Proteus实例集锦,包括电路图、仿真程序,各种各样的电路

    Proteus实例集锦,包括电路图、仿真程序,各种各样的电路Proteus实例集锦,包括电路图、仿真程序,各种各样的电路Proteus实例集锦,包括电路图、仿真程序,各种各样的电路Proteus实例集锦,包括电路图、仿真程序,...

    jQuery炫酷应用实例集锦-源码.rar

    jQuery炫酷应用实例集锦-源码,主要是以前端js案例为主。

    Java编程代码实例集锦

    Java编程代码实例集锦,chm格式,涵盖了api中绝大部分方法的用法,很适合做初学者的学习参考

    Wireshark网络分析实例集锦

    在《Wireshark网络分析实例集锦》中,我们可以从三个主要章节来学习Wireshark的相关知识: 1. **第1章:Wireshark的基础知识** - **安装与启动**:了解如何在不同操作系统上下载并安装Wireshark,以及启动和更新...

    jQuery炫酷应用实例集锦 JQ3.0 重写版

    目前进度: ...- 大部分的API从使用方法上来说还是差不多的 - 有几个案例不知道是不是因为版本不同的关系导致运行失败,这里也重写了,对应的博客下方也有标注 - 少部分API已经deprecated,如delegate

    FLASH AS2.0 入门实例教程(word)

    《FLASH AS2.0 入门实例教程》是一份针对初学者精心编写的教程,旨在帮助读者快速掌握ActionScript 2.0这一强大的脚本语言在Flash中的应用。该教程共分为18个章节,每个章节都包含了丰富的语法函数讲解以及实例练习...

    ExcelVBA_类代码实例集锦.doc

    在该代码实例中,当用户移动鼠标时,会触发 MouseMove 事件,并将控件名称、鼠标位置等信息显示在 Label 控件上。 模块 1 代码 该代码实例提供了一个模块 1 代码,用于实现一个简单的用户表单。该代码使用了一个...

    《Visual C# .NET精彩编程实例集锦》配套光盘文件.part04

    《Visual C# .NET精彩编程实例集锦》配套光盘文件

    C++Builder精彩编程实例集锦(光盘、源代码、源码)

    总之,《C++Builder精彩编程实例集锦》是一本实用的教程,不仅适合C++Builder初学者入门,也对有一定经验的开发者有参考价值。通过实例学习,读者可以更好地掌握C++Builder的使用,提升软件开发的效率和质量。

    flash_mx经典动画实例教程

    1. **基础操作**:包括Flash MX的工作界面介绍、基本绘图工具的使用(如线条、形状工具、橡皮擦等)、颜色设置和填充方法,以及对象的选择、移动、旋转和缩放等操作。 2. **时间轴与帧**:理解时间轴的作用,了解...

    美河提供.C.Builder精彩编程实例集锦.part3

    美河提供.C.Builder精彩编程实例集锦

Global site tag (gtag.js) - Google Analytics