Flash制作鼠標感應Tween類動畫效果

2008-09-25 07:47:34  編輯來源:互聯網  简体版  手機版  移動版  評論  字體: 小|中|大

1、設置影片的屬性。這裏設置爲800*600。 2、創建一個影片剪輯，並設置爲可以AS中調出。 [url=/bbs/detail_1855289.html][img]http://image.wangchao.net.cn/it/1323266213339.jpg[/img][/url] 3、在第一幀中，繪制出一個桃心，然後填充顔色。 [url=/bbs/detail_1855289.html][img]http://image.wangchao.net.cn/it/1323266213536.jpg[/img][/url] 4、在第二幀插入關鍵幀，並把填充顔色改一下。 [url=/bbs/detail_1855289.html][img]http://image.wangchao.net.cn/it/1323266213682.jpg[/img][/url] 5、然後，依次再創建三個關鍵幀，並分別調整MC的填充效果。 6、這個時候，爲了增強立體效果，可以再新建一個層，然後增加一些透明效果，使MC更具立體效果。 [url=/bbs/detail_1855289.html][img]http://image.wangchao.net.cn/it/1323266213757.jpg[/img][/url] 7、插入一個AS層。在第一幀添加AS: stop(); 8、圖層樣式如下： [url=/bbs/detail_1855289.html][img]http://image.wangchao.net.cn/it/1323266213892.jpg[/img][/url] 9、回到場景中，添加AS： //創建新右鍵菜單 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(); };