网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 图形图象 > Flash
图形图象:Photoshop,Fireworks,CorelDraw,Flash,3Dmax,AutoCad,Maya,Director,Authorware,Illustrator,相关软件
本月文章推荐
.Adobe发布Flash Player 10英文版.
.Flash背景设定技巧两则.
.这些技巧必知:创建Flash站点十大.
.Flash动态缓冲图片导航制作详解.
.Flash Web过渡动画层浅析.
.Flash加载外部文件的各种方法与技.
.Flash鼠绘新手入门教程:绘制逼真.
.Flash常用ActionScript控制语句基.
.有关Flash ActionScript3编程的总.
.Flash MX 2004 Media组件实现多首.
.方便的Flash文字特效制作工具—S.
.Flash AS动画实例:风吹云飘草动.
.Flash MX与3D MAX“亲密接触”.
.Flash ActionScript3中的Loading.
.把按钮藏起来 谈制作Flash课件时.
.用Flash制作简单的缓冲菜单的教程.
.Flash AS代码实例:仿贝塞尔曲线.
.Flash也能玩鼠绘—清新国画荷花.
.拖出自己的精彩—谈Flash MX课件.
.养成Flash ActionScript代码编写.

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

发表日期:2008-11-23


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

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

设置环境

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);
}
}
}
测试你的影片,我希望你能从这里学到一些新的东西。记住如果你有任何问题,请毫不犹豫地到论坛提问。

下面附代码供学习研究。

文章分页 [1] [2]
上一篇:Flash教程:用AS3代码实现滤镜动画效果 人气:564
下一篇:Flash教程:用AS3代码实现鼠标跟随喷枪涂鸦效果 人气:727
浏览全部Flash的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐