当前位置: 首页 > 图文教程 > Flash动画 > Flash动画制作 > Flash游戏制作基础:跟随鼠标的曲线

Flash动画制作
商业Flash设计经验谈(节奏控制)
商业Flash设计经验谈(视觉冲击力)
Flash MX 2004:在2个UI组件间进行数据绑定
视觉欺骗---3D矩阵
FLASH MX2004体验二:定制组件外观
Flash MX 2004 教程: 使用信息提示组件 Alert
FLASH MX2004体验一:在用CSS格式化Flash文本
用FLASH MX制作动画卡通人物(2)-矢量图形的转换与修改
Flash转像素图为矢量图(一)
Flash转像素图为矢量图(二)
Flash转像素图为矢量图(三)
Flash制作空战游戏(二)
Flash MX 2004时间轴特效实例 下
用FLASH MX制作动画卡通人物(3)-给人物上色
程序员眼中的Flash MX2004(2)
DW MX 2004的Flash动画元素 上
Flash MX 2004时间轴特效实例 上
Flash转像素图为矢量图(四)
Flash MX 2004行为功能初体验 (下)
Flash MX 2004行为功能初体验(上)

Flash动画制作 中的 Flash游戏制作基础:跟随鼠标的曲线


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 83 ::
收藏到网摘: n/a

Flash游戏制作基础,跟随鼠标的曲线,曲线和其它物体之间进行碰撞检测。

友情提示:文章末尾提供Fla源文件的下载。

首先按Ctrl+J修改属性。

Flash游戏制作基础:跟随鼠标的曲线

创建一个MC,如下图。是放大到800%的效果。

Flash游戏制作基础:跟随鼠标的曲线

然后直接使用鼠标跟随,下面代码直接放到第一帧,创建轨迹。

 tail_len = 2;
tail_nodes = 100;
nodes = new Array();
_root.attachMovie("the_head", "the_head", 1, {_x:250, _y:200});
_root.createEmptyMovieClip("the_tail", 2);
for (x=1; x    nodes[x] = {x:the_head._x, y:the_head._y};
}
the_head.onEnterFrame = function() {
    this._x = _root._xmouse;
    this._y = _root._ymouse;
    the_tail.clear();
    the_tail.lineStyle(2, 0x00ff00);
    the_tail.moveTo(the_head._x, the_head._y);
    nodes[0] = {x:the_head._x, y:the_head._y};
    for (var x = 1; x        rotation = Math.atan2(nodes[x].y-nodes[x-1].y, nodes[x].x-nodes[x-1].x);
        pos_x = nodes[x-1].x+tail_len*Math.cos(rotation);
        pos_y = nodes[x-1].y+tail_len*Math.sin(rotation);
        nodes[x] = {x:pos_x, y:pos_y};
        the_tail.lineTo(pos_x, pos_y);
    }
};

演示效果如下。

然后再建立一个MC设置如下,做一面墙来检测碰撞。

Flash游戏制作基础:跟随鼠标的曲线

添加一个物体,来实验碰撞检测。添加如下Action到主场景第一帧。

 tail_len = 2;
tail_nodes = 100;
nodes = new Array();
_root.attachMovie("the_head", "the_head", 1, {_x:250, _y:200});
_root.createEmptyMovieClip("the_tail", 2);
_root.attachMovie("wall", "wall", 3, {_x:250, _y:200});
for (x=1; x    nodes[x] = {x:the_head._x, y:the_head._y};
}
the_head.onEnterFrame = function() {
    this._x = _root._xmouse;
    this._y = _root._ymouse;