精品国产人成在线_亚洲高清无码在线观看_国产在线视频国产永久2021_国产AV综合第一页一个的一区免费影院黑人_最近中文字幕MV高清在线视频

0
  • 聊天消息
  • 系統(tǒng)消息
  • 評(píng)論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

基于AS腳本的flash圖片自動(dòng)切換效果的實(shí)現(xiàn)

電子設(shè)計(jì) ? 作者:電子設(shè)計(jì) ? 2018-11-15 08:43 ? 次閱讀

本文詳細(xì)介紹了用Adobe Flash Professional CS5.5腳本設(shè)計(jì)圖片切換效果的技術(shù)和步驟,并附上腳本詳細(xì)代碼,對(duì)網(wǎng)站動(dòng)畫設(shè)計(jì)和多媒體課件制作都具有一定的指導(dǎo)作用。

引言

Flash是一種交互式矢量多媒體技術(shù),目前互聯(lián)網(wǎng)上已經(jīng)有成千上萬個(gè)純Flash站點(diǎn),而且其他普通站點(diǎn),包括很多wap站點(diǎn),也都用到了flash技術(shù),可以說Flash已漸漸成為交互式矢量的標(biāo)準(zhǔn),未來網(wǎng)頁的一大主流。在用Flash展示產(chǎn)品、風(fēng)景、新聞等圖片時(shí),其切換效果可用遮罩和AS兩種途徑來實(shí)現(xiàn),其中遮罩方式簡(jiǎn)單易學(xué),但效果比較單調(diào),修改不方便;AS方式效果豐富,適合對(duì)圖片批處理,更改圖片及效果也極為方便,是制作切換效果的首選。

2.圖片處理

2.1 圖片存放

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

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

基于AS腳本的flash圖片自動(dòng)切換效果的實(shí)現(xiàn)

2.2 圖片加載

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

基于AS腳本的flash圖片自動(dòng)切換效果的實(shí)現(xiàn)

這樣就在舞臺(tái)上層疊了8個(gè)影片剪輯。

2.3 圖片布局

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

基于AS腳本的flash圖片自動(dòng)切換效果的實(shí)現(xiàn)

基于AS腳本的flash圖片自動(dòng)切換效果的實(shí)現(xiàn)

3.圖片切換

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

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

import mx.transitions.*;

import mx.transitions.easing.*;

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

格式:

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

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

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

Direction:方向,即過渡是進(jìn)入還是退出。可以用兩個(gè)值:Transition.IN和Transition.

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

easing:緩動(dòng)效果:在過渡效果中可以為過渡效果添加緩動(dòng)效果。

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

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

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

基于AS腳本的flash圖片自動(dòng)切換效果的實(shí)現(xiàn)

5.程序設(shè)計(jì)與調(diào)試

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

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

基于AS腳本的flash圖片自動(dòng)切換效果的實(shí)現(xiàn)

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

7.結(jié)語

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

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請(qǐng)聯(lián)系本站處理。 舉報(bào)投訴
  • FlaSh
    +關(guān)注

    關(guān)注

    10

    文章

    1623

    瀏覽量

    147787
  • 軟件
    +關(guān)注

    關(guān)注

    69

    文章

    4799

    瀏覽量

    87178
  • 矢量
    +關(guān)注

    關(guān)注

    0

    文章

    95

    瀏覽量

    23738
收藏 人收藏

    評(píng)論

    相關(guān)推薦

    一鍵動(dòng)態(tài)切換IP腳本

    T*o*r*Proxy一鍵搭建動(dòng)態(tài)代*理,通過利用T*o*r搭建Socks5代*理,最終實(shí)現(xiàn)動(dòng)態(tài)切換IP的效果。
    的頭像 發(fā)表于 12-08 10:25 ?1031次閱讀
    一鍵動(dòng)態(tài)<b class='flag-5'>切換</b>IP<b class='flag-5'>腳本</b>

    通過Python腳本實(shí)現(xiàn)WIFI密碼的自動(dòng)猜解

    本文將記錄學(xué)習(xí)下如何通過 Python 腳本實(shí)現(xiàn) WIFI 密碼的自動(dòng)猜解。
    的頭像 發(fā)表于 01-25 10:46 ?3330次閱讀
    通過Python<b class='flag-5'>腳本</b><b class='flag-5'>實(shí)現(xiàn)</b>WIFI密碼的<b class='flag-5'>自動(dòng)</b>猜解

    有誰知道如何在熱敏打印機(jī)中實(shí)現(xiàn)圖片的灰階打印效果嗎?

    有誰知道如何在熱敏打印機(jī)中實(shí)現(xiàn)圖片的灰階打印效果。 現(xiàn)在基本上文字打印,圖片打印功能都已開發(fā)結(jié)束,圖片打印現(xiàn)在用的是點(diǎn)陣打印的方法。想增加灰
    發(fā)表于 04-24 15:43

    基于labview 的視頻自動(dòng)切換

    我現(xiàn)在要用LABVIEW實(shí)現(xiàn)多點(diǎn)火災(zāi)自動(dòng)監(jiān)測(cè),當(dāng)有報(bào)警時(shí)可以實(shí)現(xiàn)視頻的自動(dòng)切換。我現(xiàn)在遇到的難題是:我不知道怎樣去
    發(fā)表于 05-13 16:18

    請(qǐng)問Labview圖片控件如何實(shí)現(xiàn)圖片自動(dòng)縮放?

    Labview圖片控件如何實(shí)現(xiàn)圖片自動(dòng)縮放?就如同VB的圖片控件一樣,有三個(gè)屬性,平鋪,縮放,剪裁?
    發(fā)表于 08-08 07:28

    實(shí)現(xiàn)參考時(shí)鐘的自動(dòng)切換要如何操作?

    實(shí)現(xiàn)這樣功能:clkin1接內(nèi)部晶振, clkin0接外部時(shí)鐘輸入,當(dāng)clkin0有外部輸入時(shí)鐘時(shí),芯片參考自動(dòng)切換到clkin0上,外部時(shí)鐘消失后再自動(dòng)
    發(fā)表于 09-12 09:44

    HarmonyOS實(shí)現(xiàn)幾種常見圖片點(diǎn)擊效果

    一. 樣例介紹 HarmonyOS提供了常用的圖片、圖片幀動(dòng)畫播放器組件,開發(fā)者可以根據(jù)實(shí)際場(chǎng)景和開發(fā)需求,實(shí)現(xiàn)不同的界面交互效果,包括:點(diǎn)擊陰影
    發(fā)表于 09-07 15:50

    JAVA教程之圖片火焰效果

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

    Android 仿團(tuán)購應(yīng)用圖片菜單效果源碼

    Android 仿團(tuán)購應(yīng)用圖片菜單效果源碼
    發(fā)表于 03-19 11:23 ?0次下載

    js實(shí)現(xiàn)無縫跑馬燈效果圖片輪播滾動(dòng)跑馬燈效果

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

    雙電源自動(dòng)切換電路的原理如何使用繼電器和接觸器實(shí)現(xiàn)自動(dòng)切換

    雙電源切換應(yīng)用也非常廣,我們簡(jiǎn)單看一下怎么用繼電器,接觸器實(shí)現(xiàn)自動(dòng)切換。
    的頭像 發(fā)表于 07-14 10:44 ?1.8w次閱讀
    雙電源<b class='flag-5'>自動(dòng)</b><b class='flag-5'>切換</b>電路的原理如何使用繼電器和接觸器<b class='flag-5'>實(shí)現(xiàn)</b><b class='flag-5'>自動(dòng)</b><b class='flag-5'>切換</b>

    【嵌入式】MCU外接Flash圖片數(shù)據(jù)存取實(shí)例

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

    鴻蒙 TabList 配合 Fraction 實(shí)現(xiàn)頂部切換效果演示

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

    keil自動(dòng)化編譯腳本

    這是一個(gè) keil 的自動(dòng)化編譯腳本,可被其他腳本或程序調(diào)用,接收參數(shù)并按參數(shù)編譯 keil 工程,而不必打開 keil 軟件,實(shí)現(xiàn)程序上的自動(dòng)
    的頭像 發(fā)表于 10-16 17:04 ?1782次閱讀
    keil<b class='flag-5'>自動(dòng)</b>化編譯<b class='flag-5'>腳本</b>

    HDMI自動(dòng)切換器支持自動(dòng)定時(shí)切換嗎?怎么取消HDMI自動(dòng)切換呢?

    方便地管理多個(gè)HDMI設(shè)備,例如電視、投影儀、DVD播放器等。一些HDMI切換器還支持自動(dòng)定時(shí)切換功能,可以根據(jù)設(shè)定的時(shí)間間隔自動(dòng)進(jìn)行輸入源切換
    的頭像 發(fā)表于 12-04 14:40 ?1710次閱讀