Flash制作鼠标感应Tween类动画效果
2008-09-24 19:18:49 来源:WEB开发网 闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁炬儳缍婇弻鐔兼⒒鐎靛壊妲紒鐐劤缂嶅﹪寮婚悢鍏尖拻閻庨潧澹婂Σ顔剧磼閻愵剙鍔ょ紓宥咃躬瀵鎮㈤崗灏栨嫽闁诲酣娼ф竟濠偽i鍓х<闁诡垎鍐f寖闂佺娅曢幑鍥灳閺冨牆绀冩い蹇庣娴滈箖鏌ㄥ┑鍡欏嚬缂併劎绮妵鍕箳鐎n亞浠鹃梺闈涙搐鐎氫即鐛崶顒夋晬婵絾瀵ч幑鍥蓟閻斿摜鐟归柛顭戝枛椤牆顪冮妶搴′簼缂侇喗鎸搁悾鐑藉础閻愬秵妫冮崺鈧い鎺戝瀹撲礁鈹戦悩鎻掝伀缁惧彞绮欓弻娑氫沪閹规劕顥濋梺閫炲苯澧伴柟铏崌閿濈偛鈹戠€n€晠鏌嶆潪鎷屽厡闁汇倕鎳愮槐鎾存媴閸撴彃鍓卞銈嗗灦閻熲晛鐣烽妷褉鍋撻敐搴℃灍闁绘挻娲橀妵鍕箛闂堟稐绨肩紓浣藉煐濮樸劎妲愰幘璇茬闁冲搫鍊婚ˇ鏉库攽椤旂》宸ユい顓炲槻閻g兘骞掗幋鏃€鐎婚梺瑙勬儗閸樺€熲叺婵犵數濮烽弫鍛婃叏椤撱垹纾婚柟鍓х帛閳锋垶銇勯幒鍡椾壕缂備礁顦遍弫濠氱嵁閸℃稒鍊烽柛婵嗗椤旀劕鈹戦悜鍥╃У闁告挻鐟︽穱濠囨嚃閳哄啰锛滈梺褰掑亰閸欏骸鈻撳⿰鍫熺厸閻忕偟纭堕崑鎾诲箛娴e憡鍊梺纭呭亹鐞涖儵鍩€椤掑啫鐨洪柡浣圭墪閳规垿鎮欓弶鎴犱桓闂佸湱枪閹芥粎鍒掗弮鍫熷仺缂佸顕抽敃鍌涚厱闁哄洢鍔岄悘鐘绘煕閹般劌浜惧┑锛勫亼閸婃牠宕濋敃鈧…鍧楀焵椤掍胶绠剧€光偓婵犱線鍋楀┑顔硷龚濞咃絿妲愰幒鎳崇喓鎷犻懠鑸垫毐闂傚倷鑳舵灙婵炲鍏樺顐ゆ嫚瀹割喖娈ㄦ繝鐢靛У绾板秹寮查幓鎺濈唵閻犺櫣灏ㄥ銉р偓瑙勬尭濡繂顫忛搹鍦<婵☆垰鎼~宥囩磽娴i鍔嶉柟绋垮暱閻g兘骞嬮敃鈧粻濠氭偣閸パ冪骇鐎规挸绉撮—鍐Χ閸℃ê闉嶇紓浣割儐閸ㄥ墎绮嬪澶嬪€锋い鎺嶇瀵灝鈹戦埥鍡楃仯闁告鍕洸濡わ絽鍟崐鍨叏濡厧浜鹃悗姘炬嫹

核心提示: 1、设置影片的属性,这里设置为800*600,Flash制作鼠标感应Tween类动画效果, 2、创建一个影片剪辑,并设置为可以AS中调出,,, 3、在第一帧中,绘制出一个桃心
1、设置影片的属性。这里设置为800*600。
2、创建一个影片剪辑,并设置为可以AS中调出。
![]() |
3、在第一帧中,绘制出一个桃心,然后填充颜色。
![]() |
![]() |
5、然后,依次再创建三个关键帧,并分别调整MC的填充效果。
6、这个时候,为了增强立体效果,可以再新建一个层,然后增加一些透明效果,使MC更具立体效果。
![]() |
7、插入一个AS层。在第一帧添加AS:
stop();
8、图层样式如下:
![]() |
//创建新右键菜单 myMenu = new ContextMenu(); //隐藏右键菜单 myMenu.hideBuiltInItems(); myMenu.customItems.push(new ContextMenuItem("淘沙網:http://www.devdao.com", PR)); Stage.scaleMode = ’noScale’; function PR(obj, item) { getURL("http://www.devdao.com", "_blank"); } //将新菜单赋予给场景 _root.menu = myMenu; stop(); //导入Tween类 import mx.transitions.Tween; //导入easing类 import mx.transitions.easing.*; //在场景中创建一个空影片剪辑,用于加载库中的MC _root.createEmptyMovieClip("blank_mc", 2); //变量初始化 var i:Number = 1; //设定总量 var menber:Number = 500; //设置主体运行函数,即复制星星的函数 function _begin():Void { //调用库中的星星 var my_mc = blank_mc.attachMovie("my_heart", "my_heart"+i, i+100); //设置变量 my_scale = random(50)+70; my_xeizhe = _xmouse+random(150)-90; my_yweizhi = _ymouse+random(90)-30; //此处表示,对_xsacle参数进行设置,Strong,在一端或两端添加较慢的运动。此效果类似于 Regular 缓动类,但它更明显。 //easeInOut在过渡的开始和结尾提供缓动效果。以及设置开始值、结束值、动画持续时间等。是否以秒做为计时单位。 //以下是分别设置复制的星星的_xscale、_yscale、_alpha、_x、_y。 var my_tew1:Tween = new Tween(my_mc, "_xscale", Strong.eaSEOut, 30, my_scale, 10, true); var my_tew2:Tween = new Tween(my_mc, "_yscale", Strong.easeOut, 30, my_scale, 10, true); var my_tew3:Tween = new Tween(my_mc, "_alpha", Strong.easeOut, 10, my_scale, 2, true); var my_tew4:Tween = new Tween(my_mc, "_x", Strong.easeOut, _xmouse, my_xeizhe, 2, true); var my_tween_y:Tween = new Tween(my_mc, "_y", Strong.easeIn, my_yweizhi, 0, 2, true); //设置星星显示第几帧的内容。 my_mc.gotoAndStop(Math.floor(Math.random()*6)); //当动画到达持续时间的结束点时调用下面函数。删除my_mc,這樣會降低CPU的使用率。推薦使用這個。 my_tween_y.onMotionFinished = function() { removeMovieClip(my_mc); }; if (i>=menber) { i = 1; } //持續copy。。。 i++; } //设定触发函数,此处设置为鼠标效果 onMouseMove = function ():Void { _begin(); }; |
更多精彩
赞助商链接