flash影片背景随鼠标左右移动的制作方法

时间:2012-01-26 11:10:01  来源:第二电脑网  作者:第二电脑网

  第二电脑网导读:0" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="367" width="550">
  正文:今天没事在网上找了一下关于flash影片中背景随鼠标移动的制作方法,小舞台可观看大背景,感觉非常不错,大家在某些网页游戏中也许接触过,接下来就跟我一起来试试吧。先看一个简单的效果,

1;首先打开flash8.0软件,新建一个文档,设置影片属性。舞台宽度当然要比你的最终影片要小,否则移动就会镂空,我以一个宽度为1100像素的图片为例,宽度设为默认550,高度为图片高度367像素,其他默认,如下图
flash影片背景随鼠标左右移动的制作方法
2;在时间帧上面新建两层,一层为影片,在第三帧插入普通帧,上面一层为as代码。三帧分别为空白帧。
flash影片背景随鼠标左右移动的制作方法
3;导入一张背景图片到库中(你也可以用现有的影片剪辑来进行操作),在影片第一帧将图片拖入舞台放好,对齐方式为相对于舞台上对齐-水品中齐,
flash影片背景随鼠标左右移动的制作方法
然后将图片转换为影片剪辑。并为影片实例名命名位g_0,如下图;
flash影片背景随鼠标左右移动的制作方法
4;开始放置代码;
选中as代码层的第一帧,打开动作面板写入以下代码
var isDelEnt = false;
第二帧写入以下代码
var rx = Stage.width / 5;//这个数字可以改变影片移动距离,数字越大,移动越快,适当调节。
var ry = Stage.height / 3;
var i = 0;
while (i < 3)
{
    this["g_" + i].oldx = this["g_" + i]._x;
    this["g_" + i].oldy = this["g_" + i]._y;
    ++i;
} // end while
var rp = t_mc._x - this.g_0._x;
this.onEnterFrame = function ()
{
    var _loc4 = -(this._xmouse - rx) / rx;
    var _loc5 = -(this._xmouse - ry) / ry;
    for (var _loc3 = 0; _loc3 < 3; ++_loc3)
    {
        var _loc2 = this["g_" + _loc3];
        _loc2._x = _loc2._x + (_loc4 * (10 - _loc3) * 10 + _loc2.oldx - _loc2._x) / 4;
        if (_loc3 == 0)
        {
            t_mc._x = _loc2._x + -1.254500E+002;
        } // end if
    } // end of for
    if (isDelEnt)
    {
        delete this.onEnterFrame;
    } // end if
};
第三帧写入停止命令
stop ();
ok,测试一下影片,你的flash影片背景随鼠标移动了吗!
总结:这里我们做的只是一个简单的例子,大家可以发挥自已的超级能力,做出更酷的 flash动画效果来,简单的理解就是为你的整个影片剪辑加一个实例名,然后用一段代码加以控制这个影片,来达到左右移动的效果。
"flash影片背景随鼠标左右移动的制作方法"由第二电脑网原创提供,转载请注明:http://www.002pc.com/master/College/Design/FLASH/19277.html

感谢q930的投稿


关于《flash影片背景随鼠标左右移动的制作方法》文章的评论

站内搜索: 高级搜索

热门搜索:关键字 键盘  Windows PHP CPU style 系统 Google td tr IP function