【FLASH教程】蝴蝶鼠标跟随制作 (15/662)

本帖地址: 复制地址

楼主: Xx丶欣のēr

用户形象图片




漂亮的鼠标跟随制作

请尊重作者 转载需要留言
很都朋友问我的鼠标时怎样作的今天没有事就把过程些出来了,
如果有不妥的地方,希望高手勿笑。
先看一下效果 

http://vip.x7qq.cn/pics/a6b5fd1a8a7546c15c95c9c7c9d035c1.swf

一、打开 文件-导入到舞台(库)、做单一模块的话直接导入舞台就可以了



二、导入舞台后选择对齐选项工具 如图所示 点 相对与舞台、水平对齐、 垂直对齐


三、点  菜单-插入-新建元件框-建立元件、如图2所示 名称: 鼠标 类型选择 :影片剪辑



四  进入元件编辑点图层1的第一帧,点文本工具,在属性面板中,设置为动态文本,并设置好字体和大小,然后在
舞台中打上任意一个字,选中这个字,在属性面板中,实例名称改为_txt(注意要在英文输入状态才行) (图3) ,
全居中.



五 插入图层2,点图层2的第一帧,从库中把蝴蝶飞舞的元件拖入放在字的上方,也可以根据你的需要来做调整
蝴蝶源文件是可以在网上找到的,!如果你要静态的效果可以把做好 的蝴蝶图片转化为文件拖到第二层,方法同上.当然也可以选择其他的素材.(注)也可同时拖入多个动态元件,
我这个教程拖入的 是三个元件.



六,这样跟随1元件就做好了,下面我们做跟随元件. 插入-新建元件,类形影片剪辑,命名鼠标跟随,点图层1的第一帧,从库中把跟随1元件拖入,选中这个元件,在属性面板,改实例名为:mc0,这里要注明的是 把跟随元件1拖入后 要先点下跟随元件一在改实例名,然后插入插入图层2,点图层2的第一帧,按F9,打开动作面板,输入下面代码:






 

代码:
var disWord = "欣儿QQ:506687006";
eval("这里修改成你需要的名字");
var dConst = 4;
var xConst = 30;
var yConst = 0;
var sConst = 4.000000E-001;
var count = disWord.length;
var i = 0;
while (i < count)
{
if (i == 0)
{
mc0.swapDepths(count - i);
}
else
{
mc0.duplicateMovieClip("mc" + i, count - i);
} // end else if
this["mc" + i]._xscale = this["mc" + i]._yscale = 100 * (1 - sConst + sConst * (1 - i / count));
this["mc" + i]._txt.text = disWord.substr(i, 1);
++i;
} // end while
onEnterFrame = function ()
{
this.mc0._x = this._xmouse;
this.mc0._y = this._ymouse;
for (var _loc2 = 1; _loc2 < count; ++_loc2)
{
var _loc4 = xConst * (1 - sConst + sConst * (1 - _loc2 / count));
var _loc3 = yConst * (1 - sConst + sConst * (1 - _loc2 / count));
this["mc" + _loc2]._x = this["mc" + _loc2]._x + (this["mc" + (_loc2 - 1)]._x + 1.500000E+000 *
_loc4 - this["mc" + _loc2]._x) / dConst;
this["mc" + _loc2]._y = this["mc" + _loc2]._y + (this["mc" + (_loc2 - 1)]._y + 1.500000E+000 *
_loc3 - this["mc" + _loc2]._y) / dConst;
} // end of for
};

 

七、 这样鼠标跟随元件就做出来了 2个元件在库中都可以看到.

八、 点场景回到舞台,新建图层2  把做好的鼠标跟随元件拖进舞台  OK.点菜单里的控制 测试 如果没什么问
题 就可以发布了! 文件-导出-导出影片-格式为:SWF     简单吧!



回到帖子顶部

1楼^魔藤^

用户形象图片

好教程,么么欣儿.
回到帖子顶部

2楼 蓝色忧郁

用户形象图片

        支持原创教材,谢谢欣儿的分享

      再问一下,欣儿你在什么地方上传的模块

      我原来上传的地方腾讯Q吧不支持   
回到帖子顶部

3楼οo燕ミメ

用户形象图片


辛苦了
欢迎常来
教程不错
回到帖子顶部

4楼οo燕ミメ

用户形象图片



大家好好学习
回到帖子顶部

5楼οo燕ミメ

用户形象图片



期待LZ更多精彩教程
回到帖子顶部

6楼→堔嬡←

用户形象图片

跟我那个一样滴!
推荐一个好的上传网址,我一直用从没失效过:http://www.2000y.net/
回到帖子顶部

7楼[楼主] Xx丶欣のēr

用户形象图片

   http://up.qzone.net.cn/在这里 不过太久了也要失效需要在重新上传
回到帖子顶部

8楼

用户形象图片

学习了!
回到帖子顶部

9楼 唯 、恋 √

用户形象图片

欣儿 好棒啊!
谢谢你的教程,大家支持哦!
回到帖子顶部

10楼Mc.丄啻のヽ

用户形象图片

引用 Xx丶欣のēr (506687006)在 2008年12月14日 18:44:17(顶楼)的发表:



var disWord = "勇爷qq876105690";
eval("勇爷空间欢迎你");
var dConst = 4;
var xConst = 30;
var yConst = 0;
var sConst = 4.000000E-001;
var count = disWord.length;
var i = 0;
while (i < count)
{
if (i == 0)
{
mc0.swapDepths(count - i);
}
else
{
mc0.duplicateMovieClip("mc" + i, count - i);
} // end else if
this["mc" + i]._xscale = this["mc" + i]._yscale = 100 * (1 - sConst + sConst * (1 - i / count));
this["mc" + i]._txt.text = disWord.substr(i, 1);
++i;
} // end while
onEnterFrame = function ()
{
this.mc0._x = this._xmouse;
this.mc0._y = this._ymouse;
for (var _loc2 = 1; _loc2 < count; ++_loc2)
{
var _loc4 = xConst * (1 - sConst + sConst * (1 - _loc2 / count));
var _loc3 = yConst * (1 - sConst + sConst * (1 - _loc2 / count));
this["mc" + _loc2]._x = this["mc" + _loc2]._x + (this["mc" + (_loc2 - 1)]._x + 1.500000E+000 *
_loc4 - this["mc" + _loc2]._x) / dConst;
this["mc" + _loc2]._y = this["mc" + _loc2]._y + (this["mc" + (_loc2 - 1)]._y + 1.500000E+000 *
_loc3 - this["mc" + _loc2]._y) / dConst;
} // end of for
};
请尊重作者 转载需要留言
很都朋友问我的鼠标时怎样作的今天没有事就把过程些出来了,
如果有不妥的地方,希望高手勿笑。
先看一下效果 

http://up.qzone.net.cn/use7/20081214053548_a.swf

一、打开 文件-导入到舞台(库)、做单一模块的话直接导入舞台就可以了



二、导入舞台后选择对齐选项工具 如图所示 点 相对与舞台、水平对齐、 垂直对齐


三、点  菜单-插入-新建元件框-建立元件、如图2所示 名称: 鼠标 类型选择 :影片剪辑



四  进入元件编辑点图层1的第一帧,点文本工具,在属性面板中,设置为动态文本,并设置好字体和大小,然后在
舞台中打上任意一个字,选中这个字,在属性面板中,实例名称改为_txt(注意要在英文输入状态才行) (图3) ,
全居中.



五 插入图层2,点图层2的第一帧,从库中把蝴蝶飞舞的元件拖入放在字的上方,也可以根据你的需要来做调整
蝴蝶源文件是可以在网上找到的,!如果你要静态的效果可以把做好 的蝴蝶图片转化为文件拖到第二层,方法同上.当然也可以选择其他的素材.(注)也可同时拖入多个动态元件,
我这个教程拖入的 是三个元件.



六,这样跟随1元件就做好了,下面我们做跟随元件. 插入-新建元件,类形影片剪辑,命名鼠标跟随,点图层1的第一帧,从库中把跟随1元件拖入,选中这个元件,在属性面板,改实例名为:mc0,这里要注明的是 把跟随元件1拖入后 要先点下跟随元件一在改实例名,然后插入插入图层2,点图层2的第一帧,按F9,打开动作面板,输入下面代码:






 

代码:
var disWord = "欣儿QQ:506687006";
eval("这里修改成你需要的名字");
var dConst = 4;
var xConst = 30;
var yConst = 0;
var sConst = 4.000000E-001;
var count = disWord.length;
var i = 0;
while (i < count)
{
if (i == 0)
{
mc0.swapDepths(count - i);
}
else
{
mc0.duplicateMovieClip("mc" + i, count - i);
} // end else if
this["mc" + i]._xscale = this["mc" + i]._yscale = 100 * (1 - sConst + sConst * (1 - i / count));
this["mc" + i]._txt.text = disWord.substr(i, 1);
++i;
} // end while
onEnterFrame = function ()
{
this.mc0._x = this._xmouse;
this.mc0._y = this._ymouse;
for (var _loc2 = 1; _loc2 < count; ++_loc2)
{
var _loc4 = xConst * (1 - sConst + sConst * (1 - _loc2 / count));
var _loc3 = yConst * (1 - sConst + sConst * (1 - _loc2 / count));
this["mc" + _loc2]._x = this["mc" + _loc2]._x + (this["mc" + (_loc2 - 1)]._x + 1.500000E+000 *
_loc4 - this["mc" + _loc2]._x) / dConst;
this["mc" + _loc2]._y = this["mc" + _loc2]._y + (this["mc" + (_loc2 - 1)]._y + 1.500000E+000 *
_loc3 - this["mc" + _loc2]._y) / dConst;
} // end of for
};

 

七、 这样鼠标跟随元件就做出来了 2个元件在库中都可以看到.

八、 点场景回到舞台,新建图层2  把做好的鼠标跟随元件拖进舞台  OK.点菜单里的控制 测试 如果没什么问
题 就可以发布了! 文件-导出-导出影片-格式为:SWF     简单吧!




回到帖子顶部

11楼仩偙→寵兒

用户形象图片

好棒的教程  不过我不会  哭
回到帖子顶部

12楼夏天!

用户形象图片

好东西大家一起分享。谢谢
回到帖子顶部

13楼放晴娃娃~绒~

用户形象图片

为什么按钮会失效呢?
回到帖子顶部

14楼⒉④尐溡想伱

用户形象图片

没有软件我怎么做啊。   给几个软件下载地址 ```````谢谢
回到帖子顶部

15楼弘大科技小王

用户形象图片

教教我吧欣儿,我就想弄个自己的空间鼠标漂浮,我的QQ86021947.希望加我一下,先谢谢啦
回到帖子顶部
个人信息
  • 荣誉+3
  • 荣誉+2
  • 荣誉+1
  • 荣誉-1
  • 荣誉-2
  • 荣誉-3
发表留言
  • 文章不错!
  • 精华好文!
  • 支持原创文章!
  • 帖子图文并茂,好!
  • 真知灼见,说得好!
  • 恶意广告
  • 违规内容
  • 严重灌水
  • 重复发帖
  • 标题党
你确定要删除此楼层吗
扣20点经验值