论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Flash教程
Tag:flash cs,flash 8,鼠绘,as,手绘,工具,文字,loading,入门,初学,mc,影片剪辑,声音,mtv,游戏,引导,遮罩,菜单,补间,广告条,时钟,视频教程

一个简单的反弹球效果 [初级教程]

文章类别:Flash | 发表日期:2008-9-21 19:21:15

  目的:学习使用hitTest()命令
适用人群:初级菜鸟

先来看个效果:
点击浏览该文件
http://www.flash8.net/bbs/UploadFile/2004-12/2004122218506803.swf

1.打开FLASHMX.设置FPS20帧,新建一个MC(ctrl+F8),起名为"小球",在小球MC编辑窗口中画一无边框正圆(配合shift来画).如图:

按此在新窗口浏览图片

2.回到主场景~用"矩形工具"画一个无填充的方框.方框线条的笔触高度为10.如图:

按此在新窗口浏览图片

3.选取工具箱中的"箭头工具",然后点击边框上面的线条.按下<F8>将其转换成MC元件,起名叫"上边".如图:

按此在新窗口浏览图片

4.然后再点击边框左边的线条.按下<F8>将其转换成MC元件,起名叫"左边".如图:

按此在新窗口浏览图片

5.此时我们要用"上边"MC来代替下边线.用"左边"MC来代替右边线.(因为线条长度一样.能省则省)

但为了替换方便,我们在这里将边框的下边线与右边线也转成MC元件.名称默认就好了.转换后就用"上边"MC来代替下边线(需要作垂直翻转).用"左边"MC来代替右边线(需要作水平翻转).

选中表示下边线的MC.然后打开属性面板选"交换",在弹出的对话框中选"上边"MC.确定后.在主菜单中点"修改"――"变形"――"垂直翻转".这时表示下边线的MC就被垂直翻转后的"上边"MC替换了.

按此在新窗口浏览图片

按此在新窗口浏览图片

用同样的方法把表示右边线的MC用"左边"MC替换(需要作水平翻转).(提示:假如你的方框是个正方形的话.那四条边就可以用一个MC来表示)

6.分别给表示上,下,左,右边线的MC起实例名.(表示上边线的"上边"MC实例起a1,表示下边线的"上边"MC"实例起a2,表示左边线的"左边"MC实例起a3,表示右边线的“左边”MC实例起a4

按此在新窗口浏览图片按此在新窗口浏览图片

7.双击任意一个“上边”MC,进入到它的编辑窗口中,插入三个要害帧。并用“箭头工具”对第二帧,第四帧上的线条作调整(不要调整的太大)。调整好后在第一帧要害帧上加stop();命令。

按此在新窗口浏览图片
按此在新窗口浏览图片

按此在新窗口浏览图片

用同样的方法在“左边”MC中插入三个要害帧。并对第二帧与第四要害帧用调整。在第一要害帧上加stop();命令。

按此在新窗口浏览图片

8.预备工作已经作完了。回到主场景中。从库面板中将“小球”MC拖到边框中。

按此在新窗口浏览图片

并点击小球。<F9>打开动作面板在小球上加入以下代码:


onClipEvent (load) {
x = 6;          //初始化小球速度
y = 4;
}
onClipEvent (enterFrame) {
if (this.hitTest(_root.a1)) { //当小球与a1(上边)接触
_root.a1.play();     //就播放a1实例,产生线条振荡效
y = -y;      //改变Y轴运动方向为反方向.
}
if (this.hitTest(_root.a2)) {  
_root.a2.play();
y = -y;
}
if (this.hitTest(_root.a3)) {
_root.a3.play();
x = -x;
}
if (this.hitTest(_root.a4)) {
_root.a4.play();
x = -x;
}
this._x = this._x+x;     //小球X轴的移动
this._y = this._y+y;     //小球Y轴的移动
}


效果
完成了.

我们清除库中未用的元件.点击库面板中如图位置.选:"选择未用项目".然后把找到的未用项目Delete.(这是一个很好的技巧,当你作一个很复杂的动画时,好多元件都没有用到,通过这个操作就可以把未用的项目找出来并作删除,使源文件变小..)

按此在新窗口浏览图片

假如感觉速度慢可以调整一下FPS
效果还有不足之处.比如振荡比较死板.但我们主要学习的是hitTest()的用法.不足之处请多谅解
点击浏览该文件
视频教程列表
文章教程搜索
 
Flash推荐教程
Flash热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058