【AS3】小船在窗口来回运动

这篇博客介绍了一段使用AS3编写的代码,实现了小船在Flash舞台上自动来回移动的效果。当小船到达边界时会自动掉头。讨论了如何处理边界判断、舞台宽度的属性差异以及窗口大小变化带来的影响。同时提到了元件内部帧控制以防止船的方向旋转,并推荐了一本相关书籍。
摘要由CSDN通过智能技术生成

 有时间看看AS了,今天看书做了一个很简单的东西。

是一个小船,可以来回游走,当它走到边界,便掉头走,一直反复....

var speed:int=10;
boat.addEventListener(Event.ENTER_FRAME,boatMove);
function boatMove(evt:Event):void {

	if (stage.stageWidth<=evt.target.x && evt.target.x<stage.stageWidth+10) {
		speed *=-1;
		evt.target.nextFrame();
	} else if (0<=evt.target.x && evt.target.x<10) {
		speed *=-1;
		evt.target.prevFrame();
	}
	
	evt.target.x +=speed;
	trace(evt.target.x,speed);
}


 

代码说明:小船作为元件,取名为 "boat",对它添加监听,每次载入一帧,就执行boatMove的代码。

 

几点注意事项:

1.上例中的速度为10,可是当小船到达边界时,不一定正好 小船的X坐标到达舞台的边界,即 evt.target.x=stage.stageWidth 。所以小船什么时候掉头呢?应该给它10px的可能空间。写成evt.target.x=stage.stageWidth ,小船可能永远都无法掉头。

2.stage.stageWidth     vs    stage.width:我在FLASH的输出窗口测试了一下,把以上代码的最后一句改为了 trace(evt.target.x,stage.stageWidth,stage.width);比较一下二者的差别。

我发现:stage.stageWidth 属性跟随窗口的大小变化而变化,stage.width属性跟随运动物体的到达方位变化而变化。前者是窗口的实际大小,可以在运行.swf文件时随意改变大小,但改变了大小会对程序有很大影响,甚至产生错误。后者是整个舞台的大小,包含了所有的物体。

帮助文件中的解释:
Stage.width

public static width :  Number

Property (read-only); indicates the current width, in pixels, of the Stage. When the value of Stage.scaleMode is "noScale", the width property represents the width of Flash Player. This means that Stage.width will vary as you resize the player window. When the value of Stage.scaleMode is not "noScale", width represents the width of the SWF file as set at author-time in the Document Properties dialog box. This means that the value of width will stay constant as you resize the player window.

3.bug:当改变窗口大小后,如果evt.target.x>>stage.stageWidth,船将永远找不到边界。

问题:如何锁定窗口大小呢?

stage.scaleMode = StageScaleMode.NO_SCALE;     --不理解.

4.元件boat中其实有两帧,第一帧是右走时船的样子;第二帧是左走时。为了不让boat一直旋转方向,在boat中打入代码:stop();

以下两句便容易理解:

跳到下一帧: evt.target.nextFrame();

跳到上一帧:evt.target.prevFrame();

总结:程序很简单,但里面还是涉及到很多的问题,另外,图片素材来自参考文献。

参考文献:

【1】叶翊霳《FLASH actionscript 程序设计经典商业范例集》清华大学出版社 1-11

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值