当前位置: 首页 > 图文教程 > Flash动画 > Flash实例教程 > Flash教程:用鼠标控制图片移动效果动画

Flash实例教程
Flash实例教程:熊猫也能举重
Flash制作搞笑诙谐的QQ表情动画
Flash实例教程:制作灾区祈福蜡烛动画
Flash鼠绘技巧:红绿色的树叶
Flash实例教程:卡通MM眨眼睛动画
Flash制作跟随鼠标扇形旋转文字视觉特效
Flash实例教程:唯美渔舟唱晚
Flash鼠绘写真苹果教程
Flash 简单的鼠标翻扑克动画
Flash 好看的星光四射动画特效
Flash AS3 个性的旋转圆形网页导航
Flash实例教程:简单的图片切换特效动画
Flash实例:简单制作翻页的时钟动画
Flash实例教程:制作好看的卷轴动画
Flash实例教程:制作水平缓动的导航菜单
FLASH三方软件快速制作水波特效动画

Flash实例教程 中的 Flash教程:用鼠标控制图片移动效果动画


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

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

先看演示效果:

制作方法非常简单。

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

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

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

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

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

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;
 }
};

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