FLASH中的移动方法教程和实例集锦

教程

　　欢迎转载,敬请注明来源--闪吧和作者---sxl001---QQ:285510591
在此只探讨用AS语句去控制移动的方法。FLASH中能够移动的物体一般是舞台上的电影实例（为节省篇幅以下简称为MC，并且其实例名为my_mc）。FLASH中物体的移动是在X轴（即水平）方向或Y轴（垂直）方向的运动。因此，通过控制mc属性中的_x与_y的值就可以达到使其运动的目的。
一、匀速运动
1、水平方向上的向右匀速运动

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

匀速运动1_1_1.swf
(2006-09-30 04:10:19 PM, Size: 2.06 kB, Downloads: 0)

匀速运动1_1_1.fla
(2006-09-30 04:10:19 PM, Size: 13.5 kB, Downloads: 0)

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

匀速运动1_1_2_1.swf
(2006-09-30 04:11:23 PM, Size: 2.17 kB, Downloads: 0)

匀速运动1_1_2_1.fla
(2006-09-30 04:11:23 PM, Size: 15.5 kB, Downloads: 0)

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

匀速运动1_1_2_2.swf
(2006-09-30 04:12:23 PM, Size: 2.27 kB, Downloads: 0)

匀速运动1_1_2_2.fla
(2006-09-30 04:12:23 PM, Size: 15.5 kB, Downloads: 0)

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

匀速运动1_1_2_3.swf
(2006-09-30 04:13:13 PM, Size: 2.25 kB, Downloads: 0)

匀速运动1_1_2_3.fla
(2006-09-30 04:13:13 PM, Size: 11 kB, Downloads: 0)

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

匀速运动1_1_3_1.swf
(2006-09-30 04:16:26 PM, Size: 2.14 kB, Downloads: 0)

匀速运动1_1_3_1.fla
(2006-09-30 04:16:26 PM, Size: 15 kB, Downloads: 0)

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

匀速运动1_1_4_1.swf
(2006-09-30 04:16:26 PM, Size: 2.13 kB, Downloads: 0)

匀速运动1_1_4_1.fla
(2006-09-30 04:16:26 PM, Size: 10.5 kB, Downloads: 0)

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

匀速运动1_1_5_1.swf
(2006-09-30 04:16:26 PM, Size: 2.19 kB, Downloads: 0)

匀速运动1_1_5_1.fla
(2006-09-30 04:16:26 PM, Size: 10.5 kB, Downloads: 0)

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

匀速运动1_2_01.swf
(2006-09-30 04:16:26 PM, Size: 2.16 kB, Downloads: 0)

匀速运动1_2_01.fla
(2006-09-30 04:16:26 PM, Size: 12.5 kB, Downloads: 0)

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

匀速运动1_2_02.swf
(2006-09-30 04:16:26 PM, Size: 2.21 kB, Downloads: 0)

匀速运动1_2_02.fla
(2006-09-30 04:16:26 PM, Size: 15 kB, Downloads: 0)

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

匀速运动1_3_01.swf
(2006-09-30 04:20:11 PM, Size: 2.29 kB, Downloads: 0)

匀速运动1_3_01.fla
(2006-09-30 04:20:11 PM, Size: 15.5 kB, Downloads: 0)

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

匀速运动1_3_02.swf
(2006-09-30 04:20:11 PM, Size: 2.34 kB, Downloads: 0)

匀速运动1_3_02.fla
(2006-09-30 04:20:11 PM, Size: 18.5 kB, Downloads: 0)

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

匀速运动1_4_01.swf
(2006-09-30 04:20:11 PM, Size: 2.12 kB, Downloads: 0)

匀速运动1_4_01.fla
(2006-09-30 04:20:11 PM, Size: 10 kB, Downloads: 0)

4、斜方向上的匀速运动
如：
var mx = 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)

匀速运动1_5_01.swf
(2006-09-30 04:20:11 PM, Size: 2.05 kB, Downloads: 0)

匀速运动1_5_01.fla
(2006-09-30 04:20:11 PM, Size: 15 kB, Downloads: 0)

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

匀速运动1_5_02.swf
(2006-09-30 04:20:11 PM, Size: 2.2 kB, Downloads: 0)

匀速运动1_5_02.fla
(2006-09-30 04:20:11 PM, Size: 15 kB, Downloads: 0)

5、在一定范围内的来回匀速运动
⑴水平来回：
var startx = my_mc._x=50;
//startx起点位置
var endx = 450;
//endx结束位置
var dis = 100;
//dis速率
var disx = (endx-startx)/dis;
var disy = (endy-starty)/dis;
var k0 = 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)注：垂直来回方法相似

匀速运动1_6_01.swf
(2006-09-30 04:21:51 PM, Size: 2.44 kB, Downloads: 0)

匀速运动1_6_01.fla
(2006-09-30 04:21:51 PM, Size: 15.5 kB, Downloads: 0)

⑵斜向来回:
var k0 = k=1;
var dis = 200;
//dis速率
var startx = my_mc._x=50, starty = my_mc._y=300;
//起点坐标
var endx = 450, endy = 50;
//终点坐标
var disx = (endx-startx)/dis;
var disy = (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)

匀速运动1_6_02.swf
(2006-09-30 04:21:51 PM, Size: 2.4 kB, Downloads: 0)

匀速运动1_6_02.fla
(2006-09-30 04:21:51 PM, Size: 15.5 kB, Downloads: 0)

二、变速运动
1、水平方向上的变速运动
⑴减速运动
方法一:
主场景第1帧：
var endPosition = 500;
var k = 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)

减速运动2_1_1_01.swf
(2006-09-30 04:39:46 PM, Size: 2.29 kB, Downloads: 0)

减速运动2_1_1_01.fla
(2006-09-30 04:39:46 PM, Size: 15 kB, Downloads: 0)

方法二:
var endPosition = 475;
var k = 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;
                delete onEnterFrame;
        }
};//(见实例减速运动2_1_1_02)

减速运动2_1_1_02.swf
(2006-09-30 04:39:46 PM, Size: 2.27 kB, Downloads: 0)

减速运动2_1_1_02.fla
(2006-09-30 04:39:46 PM, Size: 12.5 kB, Downloads: 0)

如果要实现从右向左运动时，只需要稍改上述的实例减速运动2_1_1_02
var endPosition = 50;
var k = 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;
                delete onEnterFrame;
        }
};(见实例减速运动2_1_1_03)

减速运动2_1_1_03.swf
(2006-09-30 04:39:46 PM, Size: 2.38 kB, Downloads: 0)

减速运动2_1_1_03.fla
(2006-09-30 04:39:46 PM, Size: 12.5 kB, Downloads: 0)

特别说明：上述的减速运动代码可广泛运用于实际中，它不仅可用于向上、下、左、右、斜向各个方向上的运动，产生缓冲效果。也可以运用于透明度和缩放等方面。如下面的两个例子。
另一个减速缓冲效果：
var endPosition = 500;
var k = 0.7;
var c = 0.2;
my_mc._x = 10;
my_mc._y = 200;
onEnterFrame = function () {
        temp = temp*k+(endPosition-my_mc._x)*c;//此公式常用
        my_mc._x += Math.round(temp);
        if (Math.round(temp) == 0) {
                my_mc._x = endPosition;
                delete onEnterFrame;
        }
};
(见实例减速运动2_1_1_04)

减速运动2_1_1_04.swf
(2006-09-30 04:39:46 PM, Size: 2.37 kB, Downloads: 0)

减速运动2_1_1_04.fla
(2006-09-30 04:39:46 PM, Size: 12.5 kB, Downloads: 0)

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

透明度上的缓冲运用2_1_1_05.swf
(2006-09-30 04:43:25 PM, Size: 3.09 kB, Downloads: 0)

透明度上的缓冲运用2_1_1_05.fla
(2006-09-30 04:43:25 PM, Size: 10.5 kB, Downloads: 0)

缩放上的运用：
var endscale = 600;
var k = 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;
                delete onEnterFrame;
        }
};(见实例缩放上的缓冲运用2_1_1_06)

缩放上的缓冲运用2_1_1_06.swf
(2006-09-30 04:43:25 PM, Size: 3.04 kB, Downloads: 0)

缩放上的缓冲运用2_1_1_06.fla
(2006-09-30 04:43:25 PM, Size: 12.5 kB, Downloads: 0)

时间： 2024-10-30 05:16:25

FLASH中的移动方法教程和实例集锦的相关文章

PHP模板引擎Smarty之配置文件在模板变量中的使用方法示例_php实例

本文实例讲述了PHP模板引擎Smarty之配置文件在模板变量中的使用方法.分享给大家供大家参考,具体如下: 配置文件在模板中的作用是:给前端设计页面定义变量,主要控制的是模板的外观,与 PHP 程序无关. 使用步骤: 1.使用 $tpl->configs_dir="目录"  //指定配置文件存放的目录: 2.在模板中要使用 <{configs_load file="配置文件"}> 加载f配置文件,如果有区域的话,可以使用 section="

Java多线程程序中synchronized修饰方法的使用实例_java

在Java 5以前,是用synchronized关键字来实现锁的功能. synchronized关键字可以作为方法的修饰符(同步方法),也可作用于函数内的语句(同步代码块). 掌握synchronized,关键是要掌握把那个东西作为锁.对于类的非静态方法(成员方法)而言,意味着要取得对象实例的锁:对于类的静态方法(类方法)而言,要取得类的Class对象的锁:对于同步代码块,要指定取得的是哪个对象的锁.同步非静态方法可以视为包含整个方法的synchronized(this) { - }代码块.  

ThinkPHP查询中的魔术方法简述_php实例

我们在使用thinkphp开发的时候,有时候会用到getById('1')这个方法快速的获取一条信息的内容,这个方法比用where(" id =1 ")->find()好用多了,同时查询效率也比find快速. 很多人在刚开始接触这个方法的时候,没有多留意它的内部实现机制,仅仅认为是通过id来获取信息,而事实并非如此. 例如有的系统里存在getByTitle("nihao").getByMoney('1000')这类方法,这些与刚才提到的getById('1')

在FLASH中轻松画花教程

教程 本人第一次在教材区发教材,也不大会写教程望大虾们口下留情.哈哈......

一种自动化检测Flash中XSS方法的探讨

0x00 前面的话对于如何检测Flash 中的XSS,每个人都有自己的方法,无论是使用成型的自动化工具(比如 swfscan)还是自己开发自动化工具(先反编译,再对 actionscript 代码审计)还是直接人工对代码进行审计.都能够检测到 Flash 中存在的 XSS 漏洞. 但是这些方法会存在一些问题,如:自动化工具属于静态分析,误报比较高,需要投入 大量人工精力去加以分析完全人工效果 最好,但是也更加耗费精力在这里我们来探讨一种动态检测 Flash 中 XSS 的方法,该方法有自己的 优

原生js实现复制对象、扩展对象 类似jquery中的extend()方法_javascript技巧

jq的extend()方法能很方便的实现扩展对象方法,语法如下:$.extend(obj1,boj2,obj3); 现在要实现的是:原生js实现复制对象,扩展对象,类似jq中的extend()方法,具体实例如下: 现有3个对象字面量: var o1={hello:1,old:555}, o2 = { abc: 55555555, hello: 2, fun: function() { alert(111); } }, o3={third:9999}; 实现目标: 复制o1对象,把 o2,o3的对

复制对象，扩展对象，实现jquery中的extend()方法

jq的extend()方法能很方便的实现扩展对象方法,语法如下:$.extend(obj1,boj2,obj3); 现在要实现的是:原生js实现复制对象,扩展对象,类似jq中的extend()方法,具体实例如下: 现有3个对象字面量:  代码如下 复制代码 var o1={hello:1,old:555}, o2 = { abc: 55555555, hello: 2, fun: function() { alert(111); } }, o3={third:9999}; 实现目标: 复制o1对

在网页中怎样给已发布的Flash添加链接的方法_Flash教程

解决思路:  因为网页中的 Flash 是以控件形式出现的,优先级别较高,所以直接对它加链接是无效的,不过可以用按钮控件 BUTTON 来实现.  具体步骤  1.直接在按钮上加上onClick事件打开指定页面:  <button style="width:225;height:76;border:none;background:transparent"  onClick="window.open('http://www.flash8.net','_blank')&qu

ThinkPHP中的create方法与自动令牌验证实例教程_php实例

本文实例形式展示了ThinkPHP中的create方法与自动令牌验证的实现方法,具体步骤如下: 一.数据表结构 user表结构如下: id username password 二.view模板部分 \aoli\Home\Tpl\default\User\create.html页面如下: <form action="__URL__/addit" method="post"> <input type="text" name=&quo