Flash教程:用AS3代码制作躲避碰撞的盒子

2016-01-29 12:23 20 1 收藏

Flash教程:用AS3代码制作躲避碰撞的盒子,本例介绍运用Flash的AS3代码制作躲避碰撞的盒子效果,译者详细解释了代码的运用,喜欢本效果的朋友可以到论坛提交作业~~

【 tulaoshi.com - Flash 】

本文由 中国 sanbos 编译,转载请保留此信息!

本系列Flash教程由中国Flash互助课堂专为Flash新手制作,更多教程和练习请点击这里,在这里有系列的教程、练习,并有老师对练习进行点评与指导,欢迎朋友们的光临! 

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

效果演示:(请用鼠标点击小球观看效果)

在这个Actionscript 3教程中,我将为你展示怎样创建一个躲避被一个球碰撞的盒子。 看上面的效果(单击那白色的球使它运动).让我们马上开始吧!

设置环境

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

1.创建一个新的Flash Actionscript 3影片 (340x200).
2.在舞台上画一个矩形.设置大小为20x20.
3.将矩形转换为MC.给它取一个你喜欢的名字,将注册点移到中心!
4.设连接属性中MC的类名为"Box".如果你对MC连接属性感到陌生的话,请查看 Actionscript 3 扩展类教程.
5.现在在舞台上画一个10x10的园.
6.将园转换为MC.给它取一个你喜欢的名字,将注册点移到中心!
7.设连接属性中MC的类名为"Ball".
8.从舞台上删除园和矩形.
进入 Actionsctipt9. 在第一帧输入下列Actionscript代码.
//这个数组包含所有的盒子
var boxes:Array = new Array();
//设置球的速度
var ballSpeed:Number = -4;
//循环添加8个盒子到舞台
for (var i = 0; i < 9; i++) {
//创建一个盒子
var box:Box = new Box();
//添加一个位置
box.y = 150;
box.x = box.width * i * 1.5 + 40;
//添加一个盒子到数组
boxes.push(box);
//在舞台上添加一个盒子
addChild(box);
}
//创建一个盒子并设置它的右边
var ball:Ball = new Ball();
ball.x = 320;
ball.y =155;
//使球看起来象按钮 (手形光标)
ball.buttonMode = true;
//把球添加到舞台上
addChild(ball);
//侦听用户点击球的时候
ball.addEventListener(MouseEvent.CLICK, ballClicked);
//当用户点击球时这个函数被调用
function ballClicked(e:Event):void {
//在整个动画过程中添加ENTER_FRAME
addEventListener(Event.ENTER_FRAME, enterFrameHandler);
}
//在每一帧这个函数被调用
function enterFrameHandler(e:Event):void {
//将球左移2像素
ball.x += ballSpeed;
for (var i = 0; i < boxes.length; i++) {
//从数组获得一个盒子
var box:Box = boxes as Box;
//检测从球到盒子的x距离
var distX:Number = ball.x - box.x;
//球来自右边
if (distX < 50 && distX  0 && ballSpeed < 0) {
//把盒子推上去
box.y -= 2;
}
//球离开左边
else if (distX < 50 && distX < 0 && ballSpeed < 0) {
//如果球没有在原来的位置则往下落
if (box.y <= 150) {
box.y += 2;
}
}
//球从左边来
if (distX < 0 && distX  -50 && ballSpeed  0) {
//往上推盒子
box.y -= 2;
}
//球离开右边
else if (distX < 50 && distX  0 && ballSpeed  0) {
//如果球没在原来的位置则往下落
if (box.y <= 150) {
box.y += 2;
}
}
//如果球到了左边则改变方向
//或者右边边缘
if (ball.x + 5 stage.stageWidth || ball.x - 5 < 0) {
//反转速度
ballSpeed *= (-1);
}
}
}
测试你的影片,我希望你能从这里学到一些新的东西。记住如果你有任何问题,请毫不犹豫地到论坛提问。

下面附代码供学习研究。

var boxes:Array = new Array();
var ballSpeed:Number = -4;
for (var i = 0; i < 9; i++) {
var box:Box = new Box();
box.y = 150;
box.x = box.width * i * 1.5 + 40;
boxes.push(box);
addChild(box);
}
var ball:Ball = new Ball();
ball.x = 320;
ball.y =155;
ball.buttonMode = true;
addChild(ball);
ball.addEventListener(MouseEvent.CLICK, ballClicked);
function ballClicked(e:Event):void {
addEventListener(Event.ENTER_FRAME, enterFrameHandler);
}
function enterFrameHandler(e:Event):void {
ball.x += ballSpeed;
for (var i = 0; i < boxes.length; i++) {
var box:Box = boxes[i];
var distX:Number = ball.x - box.x;
if (distX < 50 && distX  0 && ballSpeed < 0) {
box.y -= 2;
}
else if (distX < 50 && distX < 0 && ballSpeed < 0) {
if (box.y <= 150) {
box.y += 2;
}
}
if (distX < 0 && distX  -50 && ballSpeed  0) {
box.y -= 2;
}
else if (distX < 50 && distX  0 && ballSpeed  0) {
if (box.y <= 150) {
box.y += 2;
}
}
if (ball.x + 5 stage.stageWidth || ball.x - 5 < 0) {
ballSpeed *= (-1);
}
}
}

来源:http://www.tulaoshi.com/n/20160129/1485859.html

延伸阅读
标签: FLASH flash教程
poluoluo核心提示:在这个教程中我们将学习如何用Flash AS3来得到鼠标的当前方位。我们可以用此为游戏创建有趣的控制方法,例如可把鼠标当作一个游戏控制杆。现在我们先展示一下我们的作品。 快速教程:如何用ActionScript侦测鼠标的位置 在这个教程中我们将学习如何用Flash AS3来得到鼠标的当前方位。我们可以用此为游戏创建有趣的控制方...
在这个教程中我们将学习如何用Flash AS3来得到鼠标的当前方位。我们可以用此为游戏创建有趣的控制方法,例如可把鼠标当作一个游戏控制杆。现在我们先展示一下我们的作品。 下面是一个简单的示例: 简单概述 使用鼠标事件来监听鼠标光标的运动,用变量存贮相应数据并展示其当前方位。 第一步:创建一个新文档 打...
标签: FLASH flash教程
前面介绍了Flash AS3教程:Dot类,接着介绍ClassLoader类! 主要用途 : 1、在用flash做项目的时候,把一些元件,通过设置链接类,然后使用这个类,通过getClass方法即可把这个素材拿下来 图1(详见例1) 2、将许多许多的类分库到不同的swf中,然后通过调用swf,达到调用类库的功能,然后通过getClass来获取类(详见例2) index.base.n...
标签: flash教程
本文由 中国 sanbos 原创,转载请保留此信息!   本系列Flash教程由中国Flash互助课堂专为Flash新手制作,更多教程和练习请 点击这里 ,在这里有系列的教程、练习,并有老师对练习进行点评与指导,欢迎朋友们的光临!   请在舞台上拖动鼠标,看效果: 现在来制作.先建三个影片剪辑,分别如下图: 元件1: 元件...
标签: FLASH flash教程
poluoluo核心提示:Flash AS3教程:制作鼠标感应图片转动. 实例效果是图片在一个水平面上绕Y轴一圈,并用鼠标控制这些图片绕轴旋转. 图片排列状况 具体步骤: 首先建立一个影片,然后创建一个2帧的影片剪接元件picBox,在第一帧设置stop()代码,并为该影片创建连接类名 picBox . 如下图     好,...

经验教程

603

收藏

58
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部