论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: 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 20:09:28

  非常不错的一个教程,在Flash中制作一个真实的小球。教程都是利用Action Script实现。在文章最后提供了所有演示效果的源文件。

  首先制作一个小球的电影元件,只要画一个圆然后转变为电影剪辑元件就可以。电影剪辑名字叫ball。

然后在第一帧加入下面代码:

power = 0.3;
yspeed = 0;
xspeed = 0;
friction = 0.95;
_root.attachMovie("ball", "ball", 1, {_x:250, _y:175});
ball.onEnterFrame = function() {
    if (Key.isDown(Key.LEFT)) {
        xspeed -= power;
    }
    if (Key.isDown(Key.RIGHT)) {
        xspeed += power;
    }
    if (Key.isDown(Key.UP)) {
        yspeed -= power
    }
    if (Key.isDown(Key.DOWN)) {
        yspeed += power
    }
    
    xspeed *= friction;
    
    this._y += yspeed;
    this._x += xspeed;
}; 

效果如下:(按键盘方向键可以看到效果)

/UploadTeach/200706/2007062522129246.swf

给小球来个渐变填充,象一个球了!呵呵...

/UploadTeach/200706/2007062522150833.swf

再来个阴影:

/UploadTeach/200706/2007062522211645.swf

下面我们再引入一幅材质图案,库面板如下:

效果如下:

/UploadTeach/200706/2007062522322219.swf

然后利用ActionScript加上遮照。主要是利用mc.setMask()函数设置遮照了!

power = 0.3;
yspeed = 0;
xspeed = 0;
friction = 0.95;
_root.attachMovie("ball", "ball", 1, {_x:250, _y:175});
ball.texture.setMask(ball.ball_itself);
ball.onEnterFrame = function() {
    if (Key.isDown(Key.LEFT)) {
        xspeed -= power;
    }
    if (Key.isDown(Key.RIGHT)) {
        xspeed += power;
    }
    if (Key.isDown(Key.UP)) {
        yspeed -= power
    }
    if (Key.isDown(Key.DOWN)) {
        yspeed += power
    }
    xspeed *= friction;
    this._y += yspeed;
    this._x += xspeed;
}; 

效果如下:

/UploadTeach/200706/2007062522401918.swf

然后我们让该球真的滚动起来,滚动的更加真实:

power = 0.3;
yspeed = 0;
xspeed = 0;
friction = 0.95;
_root.attachMovie("ball", "ball", 1, {_x:250, _y:175});
ball.texture.setMask(ball.ball_itself);
ball.onEnterFrame = function() {
    if (Key.isDown(Key.LEFT)) {
        xspeed -= power;
    }
    if (Key.isDown(Key.RIGHT)) {
        xspeed += power;
    }
    if (Key.isDown(Key.UP)) {
        yspeed -= power;
    }
    if (Key.isDown(Key.DOWN)) {
        yspeed += power;
    }
    xspeed *= friction;
    yspeed *= friction;
    this._y += yspeed;
    this._x += xspeed;
    this.texture._y += yspeed;
    this.texture._x += xspeed;
    if (this.texture._x>158) {
        this.texture._x -= 188;
    }
    if (this.texture._x<-158) {
        this.texture._x += 188;
    }
    if (this.texture._y>158) {
        this.texture._y -= 188;
    }
    if (this.texture._y<-158) {
        this.texture._y += 188;
    }
}; 

效果如下:

/UploadTeach/200706/2007062522440555.swf

下面是另外一种材质制作的动画:

/UploadTeach/200706/2007062522501459.swf

最后把上面的7个演示动画的源文件提供给大家: 小球动画.rar

视频教程列表
文章教程搜索
 
Flash推荐教程
Flash热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058