《按钮3》精选课件.pptVIP

第七章 交互动画 —— 按钮制作 复习 使用按钮控制不同内容显示 使用按钮控制对象属性 duplicateMovieClip( , , );应用 动态按钮制作 duplicateMovieClip( , , );应用 n = 1; for(n=1;n=10;n++) { s=n*10; duplicateMovieClip(qq, qq+n, n); setProperty(qq+n, _x, random(500)); setProperty(qq+n, _xscale,s); setProperty(qq+n, _yscale,s); setProperty(qq+n, _alpha, random(100)); } 本节课需要完成的任务 动态按钮制作 鼠标跟随效果 动态鼠标 动态按钮制作 动态按钮制作 鼠标跟随效果 鼠标跟随效果 思考: 动态鼠标 总结 动态按钮制作 鼠标跟随效果 动态鼠标 * * 制作原理： 1、使用影片剪辑 按钮在影片剪辑里控制动画播放 2、使用影片剪辑 按钮在影片剪辑外控制动画播放 2、使用影片剪辑，按钮在影片剪辑外控制动画播放 需要的对象： （1）隐形按钮（思考：什么是隐形按钮） （2）影片剪辑（完整的来回动画） 需要添加的动作： （1）按钮动作 （2）影片剪辑动作 on (rollOver) { b5.gotoAndPlay(over); } on (rollOut) { b5.gotoAndPlay(out); } stop(); B5为影片剪辑名称 回忆：前面课程所掌握的鼠标跟随效果 startDrag(mm,true); //mm为跟随影片剪辑名称 该语句无法同时拖动两个不同的对象。 今天的方法：选择影片剪辑，添加动作 onClipEvent (enterFrame) { this._x=_root._xmouse; this._y=_root._ymouse; } 方法扩展： onClipEvent (enterFrame) { this._x= this._x +(_root._xmouse- this._x); this._y= this._y +(_root._ymouse- this._y); } 方法扩展： onClipEvent (enterFrame) { this._x= this._x +(_root._xmouse- this._x)*0.2; this._y= this._y +(_root._ymouse- this._y)*0.2; } 使用该方法可以实现同时拖动多个不同的对象。 如何实现鼠标经过时显示，鼠标离开时隐藏？ on (rollOver) { _root.m1._visible=1; } on (rollOut) { _root.m1._visible=0; } i=1; this.circle._visible=0; _root.circle.onEnterFrame=function(){ this._x=_root._xmouse; this._y=_root._ymouse; this._rotation=i*18; this.duplicateMovieClip(circle+i,i); i++; } i=1; this.circle._visible=0; _root.circle.onEnterFrame=function(){ this._x=_root._xmouse; this._y=_root._ymouse; this._rotation=random(360); this.duplicateMovieClip(circle+i,i); s=random(50)+20; setProperty(circle+i,_xscale,s); setProperty(circle+i,_yscale,s); i++; } 每个影片剪辑动画结尾添加帧动作： this.removeMovieClip(); 作业： 结合上节课的按钮继续完成动态按钮的设计与制作