Flash制作可随意开动并能旋转的坦克

所属分类: 媒体动画 / Flash教程 阅读数: 57
收藏 0 赞 0 分享

  这篇教程是教大家利用Flash制作可随意开动并能旋转的坦克(感觉就象在玩遥控汽车,很有意思),在文章中,我们将学到AS中一些基本的语句、属性、对象和方法。 一起来学习吧!

  学习Flash,不学ActionScript,所做的事情是有限的。但很多朋友都在抱怨AS太难学了。笔者要告诉大家,其实AS一点也不难学。好,下面我们就一起来学习吧。首先,新建一个文件,600*450像素,背景为黑色,40fps。

  一、实现炮塔的旋转

  1.按快捷键Ctrl+F8创建一个名为“炮塔”的影片剪辑元件。接着在其编辑场景中绘制一个炮塔,如图1所示。注意,炮塔是围绕场景中央的“╬”字进行旋转的。所以大家在制作的时候要把炮塔圆盖的中心和元件场景中的“╬”字重叠在一起。

Flash游戏开发实例制作旋转坦克篇   三联

  2.按快捷键Ctrl+F8创建一个名为“坦克”的影片剪辑元件。接着在其编辑场景的“图层 1”中绘制一个坦克的主体。接着再从库中把“炮塔”元件拖拽到“图层2”中,如图2所示。

Flash游戏开发实例制作旋转坦克篇

  3.点选“图层2”中的“炮塔”元件,按F9打开“动作”面板,输入以下代码:


复制代码
代码如下:
  // 键盘上有键按下时执行
onClipEvent (keyDown) {</p> // 如果按下“z”键,炮塔向左旋转6度
if (Key.getCode() == 90) {
_rotation -= 6;
}
// 如果按下“x”键,炮塔向右旋转6度
if (Key.getCode() == 88) {
_rotation += 6;
}
}

  测试一下,你会发现炮塔现在可以旋转了。因为我们通过_rotation属性来改变“炮塔”的角度。Key.getCode()返回按下的最后一个键的键控代码值。不过,如果读者要用其它键来控制炮塔的选择也是可以的。具体要用什么键,我们可以查查该键的代码——字母键a-z对应的数值是65-90。无论你使用什么键,都要注意这样一个原则——方便用户操作。

  二、实现坦克的运动

  回到场景1,打开库,把库中的“坦克”元件拖入场景中,接着点选“坦克”元件,按F9打开“动作”面板,输入如下代码:

  

复制代码
代码如下:
onClipEvent (enterFrame) {
// move函数通过改变坦克的坐标值实现坦克的移动
function move() {
_y -= (Math.cos(Math.PI/180*this._rotation))*speed;
_x += (Math.sin(Math.PI/180*this._rotation))*speed;
}
// 如果敲击键盘上的“↑”键或“↓”键,就调用move函数
if (Key.isDown(Key.UP)) {
move();
}
if (Key.isDown(Key.DOWN)) {
move();
}
// 如果敲击键盘上的“←”键或“→”键,就让坦克旋转
if (Key.isDown(Key.LEFT)) {
_rotation -= 3;
}
if (Key.isDown(Key.RIGHT)) {
_rotation += 3;</p> <p>}</p> <p>// 改变坦克的速度偏移量,使坦克运动时有一个加速度</p> if (Key.isDown(Key.UP) && !(Key.isDown(Key.DOWN)) && speed>-3 && speed<3) {
speed += 0.1;
}
if (Key.isDown(Key.DOWN) && !(Key.isDown(Key.UP)) && speed>-3 && speed<3) {
speed -= 0.1;
}
if ((speed>0.1) && (!Key.isDown(Key.UP)) && (!Key.isDown(Key.DOWN))) {
move();
speed -= 0.05;
}
if ((speed<-0.1) && (!Key.isDown(Key.UP)) && (!Key.isDown(Key.DOWN))) {
move();
speed += 0.05;
}
// 如果同时按住两个方向相反的键,坦克不会一直移动
if ((Key.isDown(Key.UP)) && (Key.isDown(Key.DOWN))) {
speed /= 1.1;
if ((speed>-0.1) && (speed<0.1)) {
speed = 0;
}
}
// 使坦克始终在场景中移动
if (_x<=0) {
_x = 600;
} else if (_x>=600) {
_x = 0;
}
if (_y<=0) {
 _y = 450; <p></p> } else if (_y>=450) {
_y = 0;
 }
}

  上面的一大段代码,读者一下子恐怕也消化不了。现在笔者就来细细地讲讲这些代码。

  1.大家可以发现,程序中很多地方用到了move函数,如果我们直接使用move函数里的代码,将会使整个程序变得冗长。而且,这样也不方便对程序地维护。

  2.物体在运动的时候,总有一个不断变化的加速度。当坦克在运动在改变运动方向的时候,所改变的角度是不断变化的。通过代码:

  _y -= (Math.cos(Math.PI/180*this._rotation))*speed;

  _x += (Math.sin(Math.PI/180*this._rotation))*speed;

  实现这一变化。其中y轴坐标用“-=”是和Flash坐标系设定有关的。因为,在主场景中,向上移动元件,就要减小y值。

  3.Key.isDown()方法在按下“()”中指定的键时返回true值。我们通常用该方法检测是否按下“Shift键”、“Tab键”。

  现在测试一下,你一定会觉得很有意思的。

  以上Flash制作可随意开动并能旋转的坦克教程,希望大家喜欢!

更多精彩内容其他人还在看

flash制作可爱的简单线条笑脸

这篇教程是向脚本之家的朋友介绍flash制作可爱的简单线条笑脸方法,教程制作出来的笑脸非常可爱,而且方法不是很难,推荐过来,大家一起来学习吧
收藏 0 赞 0 分享

flash中制作文字按照顺序显示出来的gif动画

这篇教程是向脚本之家的朋友介绍flash中制作文字按照顺序显示出来的gif动画方法,教程制作出来的动画效果非常漂亮,难度不是很大,推荐过来,大家快快来学习吧
收藏 0 赞 0 分享

flash制作一个一个字的冒出来的打字效果

这篇教程是向脚本之家的朋友介绍flash制作一个一个字的冒出来的打字效果方法,教程很简单的,很适合新手来学习,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

用flash制作画卷展开、合拢的gif动画效果

这篇教程是向脚本之家介绍用flash制作画卷展开、合拢的效果方法,教程制作出来的效果很不错,难度不是很大,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

flash怎么制作太阳月亮地球演示动态图?

flash怎么制作太阳月亮地球演示动态图?这个动图的制作过程很麻烦,因为出现的元素很多,下面我们就来看看绘制的图文教程,每一步都有,参数很清楚,想学习的朋友可以进来参考一下
收藏 0 赞 0 分享

flash制作一闪一闪的gif动画文字按钮效果

这篇教程是向脚本之家的朋友介绍flash制作一闪一闪的gif动画文字按钮效果方法,教程真的很不错,制作出来的效果很漂亮,推荐过来,一起来学习吧
收藏 0 赞 0 分享

在flash中制作由花生组成的好看花型

这篇教程是向脚本之家的朋友介绍在flash中制作由花生组成的好看花型方法,教程制作出来的图形很漂亮,难度也不是很大,推荐到脚本之家,喜欢的朋友一起来学习吧
收藏 0 赞 0 分享

flash逐帧动画制作全过程解析

这篇教程是向脚本之家的朋友分享flash逐帧动画制作全过程,教程非常基础,很适合新手来学习,推荐过来,有兴趣的朋友可以过来学习
收藏 0 赞 0 分享

flash引导层动画:引导层制作飞行的飞机

这篇教程是向脚本之家的朋友分享flash引导层动画:引导层制作飞行的飞机教程,教程真的很不错,很适合新手来学习,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

Flash把静态的水的图片制作成形象逼真的水波效果

这篇教程是向脚本之家的朋友分享Flash把静态的水的图片制作成形象逼真的水波效果方法,教程真的很不错,很值得大家学习,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享
查看更多