手机
当前位置:查字典教程网 >网页设计 >Flash教程 >Flash教程:用鼠标控制图片移动效果动画
Flash教程:用鼠标控制图片移动效果动画
摘要:FlashAS制作用鼠标可以观看图片各个部分的效果,至于具体怎么用,你就自己决定吧!这个教程因为制作方法非常简单所以不给大家提供Fla源文件...

Flash AS 制作用鼠标可以观看图片各个部分的效果,至于具体怎么用,你就自己决定吧!这个教程因为制作方法非常简单所以不给大家提供Fla源文件了!

先看演示效果:

制作方法非常简单。

首先准备一幅大的图片(图片尽量足够大),导入到Flash库中,然后建立一个影片剪辑map,把图片放到这里来,调整到合适位置。

Flash教程:用鼠标控制图片移动效果动画1

然后再建立一个影片剪辑,制作一个箭头。

Flash教程:用鼠标控制图片移动效果动画2

回到主场景中在第一帧添加如下代码:

Mouse.hide();

_root.attachMovie("map", "map", 1);

_root.attachMovie("the_arrow", "the_arrow", 2, {_x:250, _y:175});

the_arrow.onEnterFrame = function() {

this._x = (_xmouse-this._x)/5;

this._y = (_ymouse-this._y)/5;

dist_x = this._x-250;

dist_y = this._y-175;

angle = Math.atan(dist_y/dist_x)/(Math.PI/180);

if (dist_x<0) {

angle = 180;

}

if (dist_x>=0 and dist_y<0) {

angle = 360;

}

this._rotation = angle;

deltax = -(this._x-250)/90;

deltay = -(this._y-175)/90;

map._x = deltax;

map._y = deltay;

if (map._x>1000) {

map._x = 1000;

}

if (map._x<-500) {

map._x = -500;

}

if (map._y>1000) {

map._x = 1000;

}

if (map._y<-650) {

map._y = -650;

}

};

保存测试吧!在这里演示因为网络原因我只给大家导入一幅小图。

【Flash教程:用鼠标控制图片移动效果动画】相关文章:

Flash入门实例教程:无停顿不间断图片滚动的动画效果制作

教你用for循环制作漂亮的烟花动态效果

Flash 代码制作漂亮的下雪动画的效果

利用flash简单制作平移动画效果图

Flash入门教程:Flash简单制作金属文字效果

flash怎么制作文字落水的动画效果?

Flash教程:交换方法制作嘴型吻合

Flash制作过渡卷动效果精美图库展示动画

Flash制作光影字效果

FLASH鼠标点击显示打散动画

精品推荐
分类导航