色哟哟视频在线观看-色哟哟视频在线-色哟哟欧美15最新在线-色哟哟免费在线观看-国产l精品国产亚洲区在线观看-国产l精品国产亚洲区久久

0
  • 聊天消息
  • 系統消息
  • 評論與回復
登錄后你可以
  • 下載海量資料
  • 學習在線課程
  • 觀看技術視頻
  • 寫文章/發帖/加入社區
會員中心
創作中心

完善資料讓更多小伙伴認識你,還能領取20積分哦,立即完善>

3天內不再提示

基于AS腳本的flash圖片自動切換效果的實現

電子設計 ? 作者:電子設計 ? 2018-11-15 08:43 ? 次閱讀

本文詳細介紹了用Adobe Flash Professional CS5.5腳本設計圖片切換效果的技術和步驟,并附上腳本詳細代碼,對網站動畫設計和多媒體課件制作都具有一定的指導作用。

引言

Flash是一種交互式矢量多媒體技術,目前互聯網上已經有成千上萬個純Flash站點,而且其他普通站點,包括很多wap站點,也都用到了flash技術,可以說Flash已漸漸成為交互式矢量的標準,未來網頁的一大主流。在用Flash展示產品、風景、新聞等圖片時,其切換效果可用遮罩和AS兩種途徑來實現,其中遮罩方式簡單易學,但效果比較單調,修改不方便;AS方式效果豐富,適合對圖片批處理,更改圖片及效果也極為方便,是制作切換效果的首選。

2.圖片處理

2.1 圖片存放

首先準備若干張jpg或gif圖片,本文設計的是10張600*400的jpg圖片(可以用“光影魔術手”軟件進行批處理),文件名分別為:

1.jpg,2.jpg,…,8.jpg,存放在與。fla文件相同目錄下(如圖1),然后通過AS腳本,創建空的影片剪輯和加載外部圖片。

基于AS腳本的flash圖片自動切換效果的實現

2.2 圖片加載

用數組方式批量添加,用MovieClip類的createEmptyMovieClip()和loadMovie()方法創建空影片剪輯實例和將圖片加載到實例中,因為圖片多,用循環方式依次加載,同時也方便使后加入的深度依次增大而位于上層,具體如:

基于AS腳本的flash圖片自動切換效果的實現

這樣就在舞臺上層疊了8個影片剪輯。

2.3 圖片布局

外部圖片導入到舞臺以后,位置和大小不一定與舞臺相匹配,須作調整。本程序中,舞臺大小設置為800*600,圖片大小在導入之前已統一設置為600*400,完全能被裝下,如果圖片大于舞臺,可通過_xscale和_yscale屬性來縮小。代碼如下:

基于AS腳本的flash圖片自動切換效果的實現

基于AS腳本的flash圖片自動切換效果的實現

3.圖片切換

因為8張圖片大小完全相同,后載入的覆蓋了先載入的,這時只能看到最上面的一張,所以還必須在兩張圖片之間設置時間和過渡效果,才能看到前后圖像載入變化。

flash AS提供了10種效果:Blinds(遮罩效果)、Fade(淡化效果)、Fly(飛行效果)、IRis(光圈效果)、Photo(聚變曝光效果)、PixelDissolve(像素溶解效果)、Rotate(旋轉效果)、Squeeze(擠壓效果)、Wipe(劃入/劃出效果)、Zoom(縮放效果),每種效果中又有很多種形式,統計起來共有27種之多。這些效果的實現主要是通過TransitionManager類來完成的。要實現過渡效果,為編寫代碼更為方便,首先需要導入所有mx.transitions類和所有mx.transitions.easing類:

import mx.transitions.*;

import mx.transitions.easing.*;

在導入上面兩個類以后,就可以使用TransitionManager類的start()方法將過渡效果應用于影片剪輯上。

格式:

TransitionManager.start(影片剪輯名稱,{type:過渡類型,direction:方向,duration:過渡所所需的時間,easing:緩動效果,各種過渡效果所需的參數});start()方法參數的說明:

影片剪輯名稱:就是要應用過渡效果的MC的實例名稱,即前面用createEmptyMovieClip(“mc”+String(i+1),i+1)創建的mc1、mc2……mc8.

Type:過渡類型,前面已提到共有10種過渡效果,如:Blinds、Fade、Fly、Iris、Photo等。

Direction:方向,即過渡是進入還是退出。可以用兩個值:Transition.IN和Transition.

OUTDuration:過渡所所需的時間,一般一個過渡幾秒就夠了,常用3-5秒。

easing:緩動效果:在過渡效果中可以為過渡效果添加緩動效果。

startPoint:一個指示起始位置的整數,范圍是1到9.1:左上;2:上中;3:右上;4:左中;5:中心;6:右中;7:左下;8: 下中;9:右下。

某些效果還有自己特有的參數,如:遮罩條紋數:numStrips和條紋方向:dimension,遮罩形狀Shape:.Iris.SQUARE(方形)和CIRCLE(圓形)等4.效果實現

為了將圖片各種隨機切換效果連續地展示出來,可以使用setInterval()方法,setInterval()方法可以按照指定的周期來調用函數(在本程序中是調用圖片自動切換的函數:showImages()),直到窗口關閉,代碼如下:

基于AS腳本的flash圖片自動切換效果的實現

5.程序設計與調試

在理解上述思路的基礎上就可在Flash窗口開始編寫程序代碼和調試了。

啟動Adobe Flash Professional CS5.5,在圖層1的第一幀處(如圖2所示)按F9鍵,打開動作窗口,在動作窗口中輸入附錄中所示代碼。另特別注意,在發布之前,務必通過“文件-發布設置”將腳本修改為Action-Script2.0,否則在發布時會報錯。

基于AS腳本的flash圖片自動切換效果的實現

按上述步驟完成后,即可按Ctrl+Enter測試影片。

7.結語

本文介紹了用Adobe Flash Professional CS5.5腳本設計圖片切換效果的技術,用Flash制作的炫目的圖片自動切換效果,在Flash中圖片切換一般有兩種途徑:遮罩和AS腳本,相比較而言,用AS腳本不論在圖片批量處理上還是后期維護更新上都有顯著優勢,對網站動畫設計和多媒體課件制作都具有一定的指導作用。

聲明:本文內容及配圖由入駐作者撰寫或者入駐合作網站授權轉載。文章觀點僅代表作者本人,不代表電子發燒友網立場。文章及其配圖僅供工程師學習之用,如有內容侵權或者其他違規問題,請聯系本站處理。 舉報投訴
  • FlaSh
    +關注

    關注

    10

    文章

    1638

    瀏覽量

    148162
  • 軟件
    +關注

    關注

    69

    文章

    4968

    瀏覽量

    87655
  • 矢量
    +關注

    關注

    0

    文章

    95

    瀏覽量

    23757
收藏 人收藏

    評論

    相關推薦

    一鍵動態切換IP腳本

    T*o*r*Proxy一鍵搭建動態代*理,通過利用T*o*r搭建Socks5代*理,最終實現動態切換IP的效果
    的頭像 發表于 12-08 10:25 ?1104次閱讀
    一鍵動態<b class='flag-5'>切換</b>IP<b class='flag-5'>腳本</b>

    通過Python腳本實現WIFI密碼的自動猜解

    本文將記錄學習下如何通過 Python 腳本實現 WIFI 密碼的自動猜解。
    的頭像 發表于 01-25 10:46 ?3496次閱讀
    通過Python<b class='flag-5'>腳本</b><b class='flag-5'>實現</b>WIFI密碼的<b class='flag-5'>自動</b>猜解

    有誰知道如何在熱敏打印機中實現圖片的灰階打印效果嗎?

    有誰知道如何在熱敏打印機中實現圖片的灰階打印效果。 現在基本上文字打印,圖片打印功能都已開發結束,圖片打印現在用的是點陣打印的方法。想增加灰
    發表于 04-24 15:43

    基于labview 的視頻自動切換

    我現在要用LABVIEW實現多點火災自動監測,當有報警時可以實現視頻的自動切換。我現在遇到的難題是:我不知道怎樣去
    發表于 05-13 16:18

    請問Labview圖片控件如何實現圖片自動縮放?

    Labview圖片控件如何實現圖片自動縮放?就如同VB的圖片控件一樣,有三個屬性,平鋪,縮放,剪裁?
    發表于 08-08 07:28

    實現參考時鐘的自動切換要如何操作?

    實現這樣功能:clkin1接內部晶振, clkin0接外部時鐘輸入,當clkin0有外部輸入時鐘時,芯片參考自動切換到clkin0上,外部時鐘消失后再自動
    發表于 09-12 09:44

    HarmonyOS實現幾種常見圖片點擊效果

    一. 樣例介紹 HarmonyOS提供了常用的圖片圖片幀動畫播放器組件,開發者可以根據實際場景和開發需求,實現不同的界面交互效果,包括:點擊陰影
    發表于 09-07 15:50

    JAVA教程之圖片火焰效果

    JAVA教程之圖片火焰效果,很好的JAVA的資料,快來學習吧
    發表于 04-11 17:14 ?5次下載

    Android 仿團購應用圖片菜單效果源碼

    Android 仿團購應用圖片菜單效果源碼
    發表于 03-19 11:23 ?0次下載

    js實現無縫跑馬燈效果圖片輪播滾動跑馬燈效果

    介紹了js實現無縫跑馬燈效果以及使用JS實現圖片輪播滾動跑馬燈效果,小編分享了程序示例供大家參考,有需要的小伙伴可以看看。
    發表于 12-18 14:12 ?4.7w次閱讀

    雙電源自動切換電路的原理如何使用繼電器和接觸器實現自動切換

    雙電源切換應用也非常廣,我們簡單看一下怎么用繼電器,接觸器實現自動切換
    的頭像 發表于 07-14 10:44 ?1.8w次閱讀
    雙電源<b class='flag-5'>自動</b><b class='flag-5'>切換</b>電路的原理如何使用繼電器和接觸器<b class='flag-5'>實現</b><b class='flag-5'>自動</b><b class='flag-5'>切換</b>

    【嵌入式】MCU外接Flash圖片數據存取實例

    一 問題背景工程中需要使用大量的圖片資源用于GUI顯示,但是圖片資源比較大,不能直接保存在MCU上,所以考慮外接Flash芯片用于圖片數據的存儲。實際使用中,將
    發表于 11-05 16:50 ?24次下載
    【嵌入式】MCU外接<b class='flag-5'>Flash</b><b class='flag-5'>圖片</b>數據存取實例

    鴻蒙 TabList 配合 Fraction 實現頂部切換效果演示

    今天我想著配合鴻蒙里面提供的頂部切換控件 tablist,來實現頂部 tab 切換,然后下面多個 fraction 的效果。廢話不多說,我們正式開始。
    的頭像 發表于 01-04 14:41 ?2496次閱讀

    keil自動化編譯腳本

    這是一個 keil 的自動化編譯腳本,可被其他腳本或程序調用,接收參數并按參數編譯 keil 工程,而不必打開 keil 軟件,實現程序上的自動
    的頭像 發表于 10-16 17:04 ?1934次閱讀
    keil<b class='flag-5'>自動</b>化編譯<b class='flag-5'>腳本</b>

    HDMI自動切換器支持自動定時切換嗎?怎么取消HDMI自動切換呢?

    方便地管理多個HDMI設備,例如電視、投影儀、DVD播放器等。一些HDMI切換器還支持自動定時切換功能,可以根據設定的時間間隔自動進行輸入源切換
    的頭像 發表于 12-04 14:40 ?1851次閱讀
    主站蜘蛛池模板: 99福利在线观看| 亚洲午夜精品久久久久久抢| 少妇久久久久久被弄高潮| 亚洲中文在线精品国产| 俄罗斯极品hd| 欧美伊人久久大香线蕉综合69| 最新高清无码专区在线视频| 久久re热线视频国产| 亚洲色视在线观看视频| 黑人娇小BBW| 亚洲精品免费在线视频| 国内国外精品影片无人区| 亚洲AV永久无码精品老司机蜜桃| 国产3级在线观看| 受被三个攻各种道具PLAY| 丰满的寡妇hd高清在线观看| 台湾果冻传媒在线观看| 国产精品欧美亚洲| 性色AV一区二区三区V视界影院| 囯产免费久久久久久国产免费 | 精品无码国产自产在线观看 | 精品国产麻豆免费人成网站| 亚洲色图在线播放| 久久久影院亚洲精品| 中文字幕无线观看不卡网站| 伦理电影v男人天堂| a久久99精品久久久久久蜜芽| 青柠在线视频| 国产精品VIDEOSSEX久久发布| 羞羞影院男女爽爽影院尤物| 韩国hd高清xxx| 中文字幕一区二区三区在线不卡| 秘密教学26我们在做一次吧免费| adc网址在线观看| 色狠狠一区二区| 国产日韩欧美三级| 中国bdsmchinesehd | 旧里番6080在线观看| ⅹxx日本护土| 我们日本在线观看免费动漫下载| 黄色软件视频app|