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

Flash实例教程
Flash精彩音乐动画实例:窗之恋
Flash教程:花吃蝴蝶的动画演示
Flash教程:用鼠标控制图片移动效果动画
跟随鼠标移动flash的制作教程
Flash实例教程:休闲来喝茶吧!
Flash动画实例:柳枝,小鱼,涟漪和水波动画
Flash实例:漂亮的翻书动画制作(无AS)
Flash制作一幅诗意的水墨卷轴展开的动画
Flash动画制作教程:好看的有星火特效的动画
Flash实例教程:害怕鼠标的文字动画特效
Flash CS4教程:利用三角函数知识制作环绕的菜单效果
Flash新手鼠绘教程:怎样学习鼠绘
Flash制作可爱的亲嘴猪动画效果
Flash入门实例:水滴动画制作
Flash教程:火苗跟随鼠标
Flash教程:绘制喜鹊和红梅动画
Flash制作可爱有趣的亲嘴猪动画
Flash制作蝙蝠在月夜里飞翔的动画
Flash实例教程:吹泡泡动画特效
Flash实例:可爱的小青蛙闹钟

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-27   浏览: 332 ::
收藏到网摘: 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;
 }
};

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