
flash中的纯as移动方法系列基础教程和实例集锦一.doc
7页FLASH 中的纯中的纯 AS 移动方法系列基础教程和实例集锦一移动方法系列基础教程和实例集锦一(适合新手适合新手)特为朋友张良安而写,希望对其他朋友也有所用.FLASH 中的纯 AS 移动方法基础教程和实例集锦(适合新手),欢迎转载,敬请注明来源--闪吧和作者--sxl001,: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 的 x 坐标增加 5(即向右每次运动的幅度为 5)主场景第 3 帧:gotoAndPlay(2);//返回第 2 帧,形成不断向右运动的效果见实例匀速运动 1_1_1)匀速运动匀速运动 1_1_1.swf (2.06 KB) 匀速运动匀速运动 1_1_1.fla (13.5 KB)方法二:主场景第 1 帧:var mx = 5;//初始速度值 5this.onEnterFrame = function() {//指明当前时间轴 this 上 onEnterFrame 事件处理函数,以 SWF 文件的帧频重复调用my_mc._x += mx;//my_mc 的 x 坐标增加 5(即向右每次运动的幅度为 5)};(见实例匀速运动 1_1_2_1)匀速运动匀速运动 1_1_2_1.swf (2.17 KB) 匀速运动匀速运动 1_1_2_1.fla (15.5 KB)或者:var mx = 5;//初始速度值 5onEnterFrame = function () { //onEnterFrame 事件处理函数定义一个函数,//以 SWF 文件的帧频重复调用以下 my_mc 的坐标不断向右运动my_mc._x += mx;};(见实例匀速运动 1_1_2_2)匀速运动匀速运动 1_1_2_2.swf (2.27 KB) 匀速运动匀速运动 1_1_2_2.fla (15.5 KB)或者:var mx = 5;my_mc.onEnterFrame = function() {this._x += mx;};//(见实例匀速运动 1_1_2_3)匀速运动匀速运动 1_1_2_3.swf (2.25 KB) 匀速运动匀速运动 1_1_2_3.fla (11 KB)方法三:主场景 my_mc 上:onClipEvent (load) {var mx = 5;}onClipEvent (enterFrame) {_x += mx;}//(见实例匀速运动 1_1_3_1)匀速运动匀速运动 1_1_3_1.swf (2.14 KB) 匀速运动匀速运动 1_1_3_1.fla (15 KB)方法四:主场景第 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 (2.13 KB) 匀速运动匀速运动 1_1_4_1.fla (10.5 KB)方法五: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 (2.19 KB) 匀速运动匀速运动 1_1_5_1.fla (10.5 KB)1、垂直方向上的向下匀速运动以上实例的运动方向都是水平从左向右匀速运动,如果需要垂直方向上的向下匀速运动只需要把 MC 的_x属性改为_y。
如:var my = 5;this.onEnterFrame = function() {my_mc._y += my;};//(见实例匀速运动 1_2_01)匀速运动匀速运动 1_2_01.swf (2.16 KB) 匀速运动匀速运动 1_2_01.fla (12.5 KB)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 (2.21 KB) 匀速运动匀速运动 1_2_02.fla (15 KB)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 (2.29 KB) 匀速运动匀速运动 1_3_01.fla (15.5 KB)或者:var mx = 5;my_mc._x = 524;//初始 my_mc 的 x 坐标。
this.onEnterFrame = function() {my_mc._x -= mx;};//(见实例匀速运动 1_3_02)匀速运动匀速运动 1_3_02.swf (2.34 KB) 匀速运动匀速运动 1_3_02.fla (18.5 KB)3、垂直方向上的向上匀速运动垂直方向上的向下匀速运动更改为向上的匀速运动时,方法同“3、水平方向上的向左匀速运动 ”如:var my = 5;my_mc._y = 370;this.onEnterFrame = function() {my_mc._y -= my;};//(见实例匀速运动 1_4_01)匀速运动匀速运动 1_4_01.swf (2.12 KB) 匀速运动匀速运动 1_4_01.fla (10 KB)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 (2.05 KB) 匀速运动匀速运动 1_5_01.fla (15 KB)精确起终点代码版: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 (2.2 KB) 匀速运动匀速运动 1_5_02.fla (15 KB)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=endx) {k = -k;}my_mc._x += disx*k;my_mc._y += disy*k;};//(见实例匀速运动 1_6_02)匀速运动匀速运动 1_6_02.swf (2.4 KB) 匀速运动匀速运动 1_6_02.fla (15.5 KB)二、变速运动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 (2.29 KB) 减速运动减速运动 2_1_1_01.fla (15 KB)方法二: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 (2.27 KB) 减速运动减速运动 2_1_1_02.fla (12.5 KB)如果要实现从右向左运动时,只需要稍改上述的实例减速运动 2_1_1_02var 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=(endscale-0.1)) {my_mc._yscale = endscale;delete onEnterFrame;}};(见实例缩放上的缓冲运用 2_1_1_06)缩放上的缓冲运用缩放上的缓冲运用 2_1_1_06.swf (3.04 KB) 缩放上的缓冲运用缩放上的缓冲运用 2_1_1_06.fla (12.5 KB)。
