中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 技術(shù)文檔 > 多媒體制作 > [Flash] 圖片輪換效果
使用Flash基本工具繪制燈籠 回到列表 用html為flash頁面添加音樂
 [Flash] 圖片輪換效果

作者:HBrO 時間: 2006-09-13 文檔類型:原創(chuàng) 來自:藍色理想

第 1 頁 圖片輪換效果 [1]
第 2 頁 圖片輪換效果 [2]
第 3 頁 圖片輪換效果 [3]
第 4 頁 圖片輪換效果 [4]
第 5 頁 圖片輪換效果 [5]
第 6 頁 圖片輪換效果 [6]

4.1、要添加遮罩了。在遮罩圖層的第一幀里創(chuàng)建一個mc,元件名和實例名均為mask。接著在里頭添加這么一段形狀補間動畫:

其中,時間軸上的首尾兩幀均加上:

stop();

主時間軸的第四幀追加:

mask.gotoAndPlay(2);

此時運行,效果就不再生硬了,是一個簡單的遮罩動畫切換效果。
但是,為了更方便地實現(xiàn)隨機效果,這種剛才筆者不推薦的做法就不再用了。剛才只是為了方便大家測試效果而已。

5.1、 把時間軸改成下圖的設(shè)置:

動作腳本中每一幀都是寫:

stop();
mask.gotoAndPlay(2);

而遮罩的mc這一圖層的不同幀都放置一些跟剛才的形狀補間類似的MC動畫,實例名均為mask。最好動畫的開頭都不跟圖片容器有接觸,結(jié)尾則把整個圖片容器覆蓋。達到遮罩顯示新圖片的效果。
然后,主場景第四幀控制mask的代碼也要跟著改變,把mask.gotoAndPlay(2);改為mask.gotoAndStop(1+random(mask._totalframes-1))。于是每一次切換,mask就會跳轉(zhuǎn)到不同的幀。

5.2 、修復(fù)一個Bug:
筆者以為已經(jīng)成功的時候,測試才發(fā)現(xiàn),有些時候還是不能自然過渡。一直以為是動畫效果的問題,調(diào)來調(diào)去,還是不行。好不容易地,筆者通過輸出每次跳轉(zhuǎn)的幀才知道,原來當(dāng)兩次跳轉(zhuǎn)的位置一樣的時候,遮罩動畫動不起來,因為沒有發(fā)生幀跳轉(zhuǎn)。為此,筆者想到了用如下方法調(diào)整:
把隨機跳轉(zhuǎn)代碼轉(zhuǎn)移到mask里頭,在mask里添加最后一幀,其中,在遮罩的MC圖層里隨便放入一些圖形,但是不要跟圖片容器重疊。該幀的動作腳本圖層添加代碼:gotoAndStop(random(_totalframes-1)+1),跳轉(zhuǎn)到除最后一幀的任一幀里頭運行遮罩動畫效果。然后,主時間軸第四幀中的最后一句也相應(yīng)地改為mask.gotoAndStop(mask._totalframes),讓mask先跳轉(zhuǎn)到最后一幀,再隨機播放效果。這樣,哪怕兩次隨機的值一樣,幀也會發(fā)生跳轉(zhuǎn),過渡動畫一定可以播放成功。

這里需要說明一點的是,如果你在2.2步創(chuàng)建的graph元件不是矩形或者Alpha不等于100的話,那么,當(dāng)圖形因為比例問題而不占滿整個graph的時候,舊圖片將有可能因為新圖片面積小而不會被完全覆蓋,在下次輪換的時候,就會看到很生硬的圖片消失效果。所以,筆者建議大家的graph元件最好是個全不透明的矩形。

至此,自動過渡播放的效果已經(jīng)實現(xiàn)了。下面就是按鈕控制的實現(xiàn)。

出處:藍色理想
責(zé)任編輯:moby

上一頁 圖片輪換效果 [4] 下一頁 圖片輪換效果 [6]

◎進入論壇Flash專欄版塊參加討論

相關(guān)文章 更多相關(guān)鏈接
使用Flash基本工具繪制燈籠
諾基亞N73手機集成Flash Lite
Fireworks 8 制作閃閃文字
Baby face 原則的圖片注解
簡單的四方連續(xù)的一種做法
作者文章 更多作者文章
讓Flash網(wǎng)站具有IE前進后退功能
Flash 網(wǎng)站的流量統(tǒng)計
Flash 網(wǎng)站的 SEO
AS+JS的Flash網(wǎng)站無刷新定位技術(shù)
鼠標(biāo)特效--彈性框架的制作
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計比賽 網(wǎng)頁制作 web標(biāo)準(zhǔn) 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點最新 站點最新列表
周大!熬•自然”設(shè)計大賽開啟
國際體驗設(shè)計大會7月將在京舉行
中國國防科技信息中心標(biāo)志征集
云計算如何讓安全問題可控
云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機會
阿里行云
云手機年終巨獻,送禮標(biāo)配299起
阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機主題設(shè)計大賽
欄目最新 欄目最新列表
淺談JavaScript編程語言的編碼規(guī)范
如何在illustrator中繪制臺歷
Ps簡單繪制一個可愛的鉛筆圖標(biāo)
數(shù)據(jù)同步算法研究
用ps作簡單的作品展示頁面
CSS定位機制之一:普通流
25個最佳最閃亮的Eclipse開發(fā)項目
Illustrator中制作針線縫制文字效果
Photoshop制作印刷凹凸字體
VS2010中創(chuàng)建自定義SQL Rule
>> 分頁 首頁 前頁 后頁 尾頁 頁次:5/61個記錄/頁 轉(zhuǎn)到 頁 共6個記錄

藍色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請不要盜鏈到本站,且不準(zhǔn)打上各自站點的水印,亦不能抹去我站點水印。

特別注意:本站所提供的攝影照片,插畫,設(shè)計作品,如需使用,請與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯誤,請用報告錯誤,以利文檔及時修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請您注意:
·不良評論請用報告管理員,以利管理員及時刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項有關(guān)法律法規(guī)
·承擔(dān)一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責(zé)任
·本站評論管理人員有權(quán)保留或刪除其管轄評論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報告錯誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設(shè)計之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設(shè)計》
犀利開發(fā)—jQuery內(nèi)核詳解與實踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2