flash鼠标拖动的制作方法

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

  第二电脑网导读:。 下面看一下效果,以一个玫瑰花摆动的影片剪辑为例,鼠绘我不会,只好找一个素材凑合一个啦,主要是理清思路就好。
  正文:今天看到一个flash鼠标拖动的效果,感觉很不错,源码也上传给大家了,自已也跟着摸索了一下,把过程写下来和大家一起分享flash鼠标拖动的制作方法,有兴趣的朋友一起来试试吧;教程写的比较详细,所以感觉有点罗嗦,主要是针对新手写的,思路理清后其实很简单。
下面看一下效果,以一个玫瑰花摆动的影片剪辑为例,鼠绘我不会,只好找一个素材凑合一个啦,主要是理清思路就好。

玫瑰花球透明素材
flash鼠标拖动的制作方法
制作方法:

1:打开flash软件,建立一个大小默认,背景颜色为黑色的的fla文档。
2:新建影片剪辑,命名为玫瑰花摆动。快捷键按ctrl+r键将准备好的玫瑰花球图片导入该影片剪辑。并把该位图转换为图形元件。
3:选择玫瑰花球后点击变形工具,将中心点移动到吊带的顶端中心部位,如图1,开始制作玫瑰花摆动效果。
图1
flash鼠标拖动的制作方法
4:在2,5,10帧处分别按F6插入三个关键帧。选择第一帧,将鼠标放在花球的右下角,会出现一个转动的光标,用鼠标就可以调节转动的角度了。
图2
flash鼠标拖动的制作方法
5:其它帧的调节方法是一样的,调节好所有帧按enter预览一下,只到摆动自然为止。(最后一帧和第一帧是一样的,这样才会首尾衔接)。时间帧是这样的。
图3
flash鼠标拖动的制作方法

6:新建一个按钮元件,在按钮的第一帧用椭圆工具画一个比玫瑰花球稍大一点的圆形,在最后一帧插入帧。如下图:
按钮元件
flash鼠标拖动的制作方法

flash鼠标拖动的制作方法
7:回到玫瑰花球影片剪辑,新建一帧,把刚才的按钮拖入舞台,盖住玫瑰花。并把按钮的透明度设为0.
flash鼠标拖动的制作方法
8:选择按钮元件写入以下代码
on (press) {
 startDrag("_root.roses");
}
on (release) {
 stopDrag();
}
9:新建一层,按F9打开动作面板输入以下代码:
_root.onEnterFrame = function() {
 // create an instance of the Date object
 myDate = new Date();
 //
 //rotate clock Hands and shadows
 hourHand._rotation = myDate.getHours()*30+(myDate.getMinutes()/2);
 hourHandShadow._rotation = myDate.getHours()*30+(myDate.getMinutes()/2);
 minuteHand._rotation = myDate.getMinutes()*6+(myDate.getSeconds()/10);
 minuteHandShadow._rotation = myDate.getMinutes()*6+(myDate.getSeconds()/10);
 secondHand._rotation = myDate.getSeconds()*6;
 secondHandShadow._rotation = myDate.getSeconds()*6;
};
10:回到主场景,把刚才制作好的玫瑰花球摆动影片剪辑拖入舞台放好,并设置该影片剪辑实例名为roses
好了,测试影片吧。
这个效果应用最广泛的目前应该是很多儿童游戏网站里面的装扮穿衣服小游戏,flash知识是慢慢积累的,希望每一位喜爱flash的朋友通过努力最终能成为flash高手。
鼠标可拖动的玫瑰花球源文件

6:新建一个按钮元件,在按钮的第一帧用椭圆工具画一个比玫瑰花球稍大一点的圆形,在最后一帧插入帧。如下图: "flash鼠标拖动的制作方法"由第二电脑网原创提供,转载请注明:http://www.002pc.com/master/College/Design/FLASH/19253.html

感谢q930的投稿


关于《flash鼠标拖动的制作方法》文章的评论

站内搜索: 高级搜索

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