您現在的位置是:電腦技術吧?>? 基礎知識 ??>??跟隨鼠標,flash跟隨鼠標??>??正文詳情

跟隨鼠標,flash跟隨鼠標

公景山2019-11-29 14:21:30 人圍觀
簡介眼睛跟隨鼠標動態第一步:打開flash,創建一個新的視頻剪輯組件,將其命名為star,在其中繪制一個star,將其中心點與舞臺注冊點對齊,并在第20幀和第40幀分別插入一個關鍵lol界面不跟

第一步:  打開FLASH,新建一個影片剪輯元件,命名為星星,在里面繪制一個星星出來,并且把它的中心點和舞臺注冊點對齊,在第20幀和第40處各插入一個關鍵幀。

選中第20幀,在它的中心點和舞臺的注冊點對齊的情況下按住SHIFT鍵進行等比例縮小(你認為差不多就行了),然后選中第1到20幀的任意一幀創建補間動畫,打開屬性面板把它的轉調成逆時針,選中第20到40幀的任意一幀創建補間動畫,打開屬性面板把它的轉調成順時針。

  第二步:  在新建一個影片剪輯元件,命名為轉圈的星星,在圖層面板的地方找到添加運動引導層添加一個引導層出來,在選中該圖層的情況下按住AIT SHIFT鍵在舞臺上繪制一個有邊框無填充色的圓(大小你認為合適就OK),然后用鼠標圈住它的一點邊選中后刪除(這樣做是給它一缺口),選中繪制好的圓,把它的左和上對齊舞臺中心的注冊點,選中第40幀處添加一個幀,鎖定該圖層,選擇第一個圖層把我們庫中的星星拖進來并把它的中心點對齊引導層中圓的上邊的那個缺口的地方,選中第四十幀插入一個關鍵幀把它的中心點對齊引導層中圓的下邊的那個缺口的地方。

回到舞臺,把庫中轉圈的星星放到舞臺任意位置,并給它一個實例名稱mc。

  第三步:  繼續插入一個影片剪輯元件,命名為as,選中第一幀添加以下代碼:  var k:Number=64;//用來定義星星的個數;  var n:Number=16;//用來定義一圈星星的個數;  var r:Number=2;X坐標和Y坐標的緩動,值越大跟隨鼠標移動時就越慢;  for(var i=1;i=k;i ){  duplicateMovieClip(_root.mc,mc i,i);  setProperty(_root.mc i,_rotation,360/n*i);  setProperty(_root.mc i,_alpha,100/k*i);  }  setProperty(_root.mc,_visible,0);  選中第二幀處插入一個空白關鍵幀添加以下代碼:  for(var j=1;j=k;j ){  setProperty(_root.mc j,_x,_root[mc j]._x (_root[mc (j-1)]._x-_root[mc j]._x)/r);  setProperty(_root.mc j,_y,_root[mc j]._y (_root[mc (j-1)]._y-_root[mc j]._y)/r);  }  選中第三幀處插入一個空白關鍵幀添加以下代碼:  gotoAndPlay(2);  添加完代碼以后回到主場景;  第四步:  把庫中名為as的元件拖放到舞臺上,給它一個實例名稱mc0.在主場景內添加一個圖層在第一幀加上拖動代碼:  startDrag(_root.mc0,true);  注意這里是mc0不是mc,雖然你拖動的影片里面沒有東西,在下面我后細說的;  做到現在就算完工了,我在這里就把重點的地方說一下。

N為什么是它的一圈星星的個數  在第一個for循環語句里有這樣一段,  setProperty(_root.mc i,_rotation,360/n*i);  看它的_rotation的值是360/n*i  也就是_root.mc i,_rotation=360/16*i  也就是  _root.mc1._rotation=360/16*1  _root.mc2._rotation=360/16*2  _root.mc3._rotation=360/16*3  _root.mc4._rotation=360/16*4  _root.mc5._rotation=360/16*5  _root.mc6._rotation=360/16*6  _root.mc7._rotation=360/16*7  _root.mc8._rotation=360/16*8  _root.mc9._rotation=360/16*9  _root.mc10._rotation=360/16*10  .............._root.mc64._rotation=360/16*64  也就是說把360度平均分成16份,它們的角度就是這個值,360/16=22.5。

  第一個MC的角度是從原MC角度22.5的地方開始復制出來的,第二個MC的角度是從原MC角度45的地方開始復制出來的,第三個MC的角度是從原MC角度67.5的地方開始復制出來的,直到乘到17的時候就重疊了,因為360/16*6=382.5,角最大值是360,當到382.5的時候它就把360看成0來計算了,結果就是22.5,當你把N的值調大的時候,比如36它就會有36個星星圍成一圈了,360/36*i 也就是mc1角度是10*1,mc2的角度是10*2 ,mc3的角度是10*3 當乘到37的時候它的角度多了10也就是370,第37個MC的角度會是原MC角度的370-360也就是10,這就是N的值等于一圈星星的原因。

  我們在主場景第一幀里放的代碼明明是拖動的MC0,為什么MC復制出來的影片會跟著鼠標走,把在AS第二幀設置X、Y坐標的循環代碼拿下來分析一下:  for(var j=1;j=k;j ){  setProperty(_root.mc j,_x,_root[mc j]._x (_root[mc (j-1)]._x-_root[mc j]._x)/2);  setProperty(_root.mc j,_y,_root[mc j]._y (_root[mc (j-1)]._y-_root[mc j]._y)/2);  }  看它的X坐標,  setProperty(_root.mc j,_x,_root[mc j]._x (_root[mc (j-1)]._x-_root[mc j]._x)/2);  setProperty這句話是說設置括號內(目標,目標的屬性,該屬性的值);  我們現在的目標就是主場景上面的mc1,mc2,mc3,mc4,mc5......mc64;  它們的X坐標值各是多少,為什么會跟隨鼠標移動,我們來仔細地看下它們的值  _root.mc i._x_root[mc j]._x (_root[mc (j-1)]._x-_root[mc j]._x)/2  也就是  mc1._x=mc1._x (mc (j-1)._x-mc1._x)/2  假設mc1現在的坐標是300  也就是mc1._x=300 (mc (j-1)._x-300)/2  現在我們已經得到兩個數字了,還有一個mc (j-1)._x,先算括號內,j-1第一次運行循環的時候j的值是1,就是1-1,也就是0;也就是mc 0,也就是mc0,也就是我們拖動的那個沒有東西的影片剪輯。

mc0是跟著我們的鼠標動的,上面搞清楚后,我們就在給mc0也就是我們鼠標的坐標假設一個值。

隨便設定一個我們就假設100吧,值有了我們在接著做算術。

  mc1._x=300 (100-300)/2  也就是  mc1._x=300 負200/2  也就是  mc1._x=300 負100 //注意下負值是越乘負的越多,越除負的越少,加減相反  也就是  mc1._x=200;  當計算機運行到這里時,mc1的坐標是200了,但200還不符合我們所看到的效果,我們運行的時候是它的坐標是跟著鼠標走的,那么程序會接著往下走,它就會執行設定MC2的坐標了,MC2的坐標會是250,接著是MC3的坐標是275,總之是越往下它們坐標的間隔就會越小,你自己可以測試下看。

  當循環完64次以后程序跳出循環了,那么就會TOGO到下一幀,執行gotoAndPlay(2);  又回來了,接著又是循環64次,代碼還是相同的代碼,不一樣的是這次的坐標都是已經設置過的了,我們在看一下MC1現在的坐標是多少了,上次設置過后是200,那么現在是  mc1._x=200 (100-200)/2  也就是  150  這個坐標值會離鼠標越來越近的,直到和鼠標的坐標一樣,那么相同后面的MC也一樣會近,直到它們的坐標和鼠標相等為止,而且它們的坐標永遠也不會小于鼠標的坐標。

版權聲明:本文由 公景山 整理編輯。

原標題:跟隨鼠標翻譯,跟隨鼠標動圖

轉載注明出處:http://www.dn9ww09s.icu/basics/14874.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 可以yp的微信公眾號,哪些軟件上小姐多

    可以yp的微信公眾號,哪些軟件上小姐多 相關圖片租人睡覺app哪個好雖然很多軟件開發的重點是和陌生人交朋友,目的是拓寬有住宅物業的人的交流圈子,但總有一些老司機開錯了路,因此,交友的好軟件就成了持槍預約的軟件。讓我...

  • 鼠標點擊動畫,單擊鼠標開始動畫

    鼠標點擊動畫,單擊鼠標開始動畫 相關圖片PPT如何設置仿鼠標點擊的動畫一。創建一個新的flash文檔,550*400,其他默認值為2。創建一個視頻剪輯,選擇橢圓工具,使用無筆劃,填充顏色徑向漸變,繪制一個橢圓(形狀是自定的,...

  • 10240m,10240M是多少

    10240m,10240M是多少 相關圖片win10 10240升級不了在win7和win8之后,微軟開始向用戶推出官方版本的10240。不過,很多10240版本的用戶可以選擇升級Th2官方版本10586。這個版本已經有了很大的進步10240kb...

  • 首尾循環的詩,首尾

    首尾循環的詩,首尾 相關圖片有了首尾要使多張圖片循環,最簡單的原則是復制一張連續的圖片并將其連接到尾部。第一張圖片滾動后,它被復制,然后滾動。示意圖如圖7-5所示,無論是由as控制還是由框架手工制什...

  • 新手怎么玩抖音,抖音朗讀的聲音如何做

    新手怎么玩抖音,抖音朗讀的聲音如何做 相關圖片抖音初學者教程說到自助餐,我相信你很熟悉。最近,netred幾乎所有人都在用它制作有趣的視頻。那么如何演奏顫音呢?今天,超人軟件編輯要介紹如何倒帶的顫音版iPhone。希望你抖音...

  • excel text函數,excel函數

    excel text函數,excel函數 相關圖片excel排序函數Office軟件是目前Office中不可缺少的軟件,其中excel是最常用的。但excel中的函數也是最煩人的操作。超人編輯器今天帶給你的是如何在Excel中使excel時間函數...

  • flashplayer沒有更新選項,flash沒有更新選項

    flashplayer沒有更新選項,flash沒有更新選項 相關圖片adobe flash player怎么更新在桌面上,右鍵單擊計算機并選擇屬性進入屬性界面,然后單擊左上角的控制面板主頁。進入控制面板后,在右上角單擊視圖模式后面的倒三角形,然后選擇大圖...

  • 文件eps怎么打開,eps文件手機打開方式

    文件eps怎么打開,eps文件手機打開方式 相關圖片eps源文件是什么格式當我在電腦文件中看到EPS文件時,它是一個黑色的問號嗎?一些小業主似乎不知道什么是EPS文件或它們是用來做什么的。今天,超人小版帶來了這樣的教程,有需要...

  • 平安天下通不能用了,平安天下通

    平安天下通不能用了,平安天下通 相關圖片平安好車主天下通50怎么用平安天天通是一款功能強大、可靠的投融資軟件。當用戶打算平安投資平安天涯APP時,他們需要綁定信用卡。平安天下通信用卡捆綁有哪些步驟?編輯帶給你平...

  • 動畫,如何取消動畫效果

    動畫,如何取消動畫效果 相關圖片一幀一幀的動畫叫什么今天,一個flash的朋友問如何控制AS3中的聲音。使用以下小示例解釋:/*as3sound。作為*/package{導入flash。顯示。精靈;導入閃光。事件如何制作動畫...

熱評文章

  • manbetxapp 2.0,manbetx提現穩定r

    manbetxapp 2.0,manbetx提現穩定r 相關圖片manbetx取款流程q正如人們常說的,曼貝特是里約奧運會的第一個娛樂贊助商。曼貝特為您提供奧運會、體育、足球等方面的信息,以及各大體育聯盟、奧運會、世界杯、歐洲杯等球隊的最...

  • flash動畫設計創意,flash動畫設計流程

    flash動畫設計創意,flash動畫設計流程 相關圖片動畫設計正確的知識體系是學好flash的關鍵。一個正確的、邏輯的知識體系,就像一片無邊無際的叢林,郁郁蔥蔥,卻井然有序。在整潔有序的環境中,幼苗可以長成參天大樹,在沒有...

  • 失落的記憶吧,失落的記憶2

    失落的記憶吧,失落的記憶2 相關圖片失落的記憶冰錐失憶是一種恐怖游戲,具有極其逼真的音效和畫面。失憶通過精致的3D場景造型,渲染出一種壓抑、深沉的氛圍,透露出著名恐怖游戲巨作《寂靜山》獨有的窒息氣息。游...

  • 學車怎么預約教練,預約學車怎么跟教練說

    學車怎么預約教練,預約學車怎么跟教練說 相關圖片教練預約駕駛友好的汽車是一個非常實用的汽車學習軟件。在這里,用戶只需點擊一下,就可以輕松預訂長途汽車。那我怎么能訂長途汽車呢?今天,超人軟件編輯將為您介紹汽車預訂...

  • MM,AAVVMM

    MM,AAVVMM 相關圖片眨著前幾天我看到一張可愛的卡通娃娃圖片,發現它的線條非常簡潔,于是我畫了一張圖片讓大家一起練習。今天,我不說廢話。讓我們先看看最終的效果:打開flash,創建一個空眨著眼...

  • 打印機局域網,局域網打印機共享

    打印機局域網,局域網打印機共享 相關圖片網絡打印機怎么連接打印機也是我們日常工作中必不可少的工具之一,但有時也會遇到win7 64位系統無法連接到局域網打印機的問題。我們現在該怎么辦?超人小編是你的小把戲。解決方...

  • 水滴 動畫,有關水滴的動畫

    水滴 動畫,有關水滴的動畫 相關圖片水滴動畫圖片這是有原因的。如果不是我的朋友告訴你怎么做閃光滴,我不會在這里告訴你的。每次我做閃光,閃光的朋友經常提到它。今天,我有時間介紹一下如何制作。其實很簡單...

  • tpg是什么縮寫,TPGuesP什么意思

    tpg是什么縮寫,TPGuesP什么意思 相關圖片tpj是什么意思騰訊已獲得圖像編碼技術專利申請,命名為TPG。從數據上看,TPG格式生成的文件大小明顯小于JPG、JPEG、PNG、GIF、webp等格式的文件大小,處于世界領Tgp是什么意思...

  • 摩拜單車,摩拜單車怎么用

    摩拜單車,摩拜單車怎么用 相關圖片摩拜單車月卡摩比自行車一直有很大的折扣。這不是,摩比自行車后的紅色包車,而雞蛋車這一新活動的介紹。那么Moby bike Android版蛋車有什么特別優惠呢?讓我們和超人摩拜共享單車...

  • 旋轉3D,3d怎么旋轉

    旋轉3D,3d怎么旋轉 相關圖片可以用3D旋轉工具的對象是Flash CS4的3D工具易于使用。工具欄中有兩個處理三維變形的工具:三維旋轉和三維置換。兩種工具都可以在全局坐標模式和單獨坐標模式之間切換。上圖為個別...

關注微信

变脸官网查询