Flash 8 計日器製作教學上篇(含源碼下載)

2013122015:36

Flash 8 計日器製作教學上篇(含源碼下載)

 
 

 

Flash 8 計日器製作教學(含源碼下載)

 

感謝 '幸福小棧- 臣妾 大方的釋出源碼分享,有跑馬燈.公告欄.計日器

本文發表還參考了 鏡.空間 的計日器說明,感謝鏡大的分享,還有感謝品味人生圖卡分享

這是最後了,不過玄音遇到難題了,這計日器的負號還是消不掉,研究了三天,只消了一半><

我從AS語法下手,未來日預告成功了,沒有負號,結果換成離開日有負號,哇咧@@@

正確的計日器是不管預告未來日或是過去日,一機兩用,都不會產生負號的。

不過臣妾的源碼經過我的閃8另存新檔後,就變成有負號了,鏡大說,那是因為並非自己原品的,

所以等於是盜碼,因此才會出現不該有的負號。

看來要解決這個負號,要等有機會遇到正版源碼,再發表新說了。

現在我靠著臣妾送來的這個時計源碼,我另行研究出可以不出現負號的計日器,

不過卻分成兩個喔,若您不嫌麻煩,那麼就請享用吧^^

 

計日器展示

計日器貼格語法↓Counts Japan ( CJ )

計日器套用語法↓

<embed src="計日器網址" width="" height="" FlashVars="go=輸入預告的日期,可預告未來日或過去日&v_t=公元年/月/日"></embed>

備註:

go(v_wd)=預告日期 (這裡請自己換成你想要輸入的文字,請依照製作時,文字框可顯示的文字大小,斟酌字數。)

v_t=20087/8/15 (我假設預告日是2008815日,朋友您要自己修改日期喔,它會依當天的日期自動往前算或是往後加,也就是說,如果我打了2006/5/1,那出來的數字就是從2006/5/1到今天過了幾天,如果是打2009/5/1,那就是從今天到2009/5/1還有幾天^^)

.空間 欄物分享站:http://blog.pixnet.net/prb999/post/4932044  


實例展示:預告未來日計日器

   

<embed src="http://img91.imageshack.us/img91/2585/002xy1.swf" width="140" height="210" flashvars="v_wd=距離七夕還有&v_t=2008/8/7"></embed>

<embed src="http://img503.imageshack.us/img503/1593/003et7.swf" width="140" height="210" flashvars="v_wd=距離中元節還有&v_t=2008/8/15"></embed>


實例展示:離開幾日計日器

   

<embed src="http://img91.imageshack.us/img91/6800/a2ns2.swf" width="140" height="210" flashvars="v_wd=來到奇摩已經&v_t=2005/4/20"></embed>

<embed src="http://img503.imageshack.us/img503/4174/a3pm6.swf" width="140" height="210" flashvars="v_wd=阿扁總統已經御任&v_t=2008/5/20"></embed>


 

計日器製作開始^^

一. 下載計日器源碼:

閃8計日器源碼 ←1. 點圖下載閃8計日器源碼

2. 下載完成,記得解壓縮,取得源碼↓這個壓縮檔內有四個源碼,製作過程都一樣喔^^


.  開啟舊檔

1. 請打開 Flash8 軟體,叫進您解開的源碼末來日計日器(四選一,作法都一樣。)


. 末來日計日器變裝秀

3-1. 準備一張底圖,尺寸隨意,動圖或靜圖都可以。

源碼各圖層都有說明,前面幾篇欄物也都有教學了一些基本的製作方法,

而換裝更是簡單,所以這篇也是很簡單的喔^^所以說,有了源碼,一切都不是問題的^^

3-2. 匯入底圖至元件庫

作法:按檔案→點擊匯入→選匯入至元件庫→點選要匯入的底圖

源碼舞台是140*210品味 收集的圖卡也都是這尺寸,這下就不用縮圖了。

若您選的底圖比較大,在單版公告欄有教如何縮圖,這裡我就不再說明了。

若您想做大計日器,只要更改閃8的舞台大小,其他的圖層物件再各自移好位置就好了。

3-3. 替換底圖

 

尺寸大小一樣的底圖就是這麼方便,底圖換好後,現在只要修改一下文字的字體顏色大小

及移位就完成計日器了,是不是很簡單^^可以看一下測試影片喔(快速鍵 Ctrl+Enter 鍵)。

 

3-4. 更換今日是文字體色大小也可改成英文的Today is

1.快點兩下藍框內的今天是,會反白→2.輸入英文字完成→3.點擊左上方工具的選取工具↓

4.文字更換完成→5. 文字重輸入完成後,可以將今天是移到適當位置.

 

3-5. 更換等待日數文字體色大小移動位置

跟上面今天是的作法一樣:1.點等待日數圖層的第一格→2.等待日數會被藍框框住↓

3.開始更換文字→4.換好之後,把等待日數框移到適住置就可以了。

※ 注意,這裡的等待日數內的文字不可以更改喔^^2000是固定的語法設定。

 

3-6. 更換預告文字框字體色大小移動位置

跟上面今天是的作法一樣:1.點預告文字框圖層的第一格→2.預告文字框會被藍框框住↓

3.開始更換顏色字體大小→4.換好之後,把預告文字框移到適住置就可以了。

※ 注意,這裡的預告文字框內沒有文字,不用自行輸入喔^^因為這也是固定的語法設定。

 

3-7. 更換月(日)字體色大小移動位置

跟上面今天是的作法一樣:1.點月(日)圖層的第一格→2.預告文字框會被藍框框住↓

3.開始更換顏色字體大小→4.換好之後,把預告文字框移到適住置就可以了。

※ 注意,這裡的月(日)一樣是語法設定的,所以文字不能更改喔^^

好了,全部都換好之後,位置也移到適當位置了,看一下測試影片(快速鍵 Ctrl+Enter 鍵),

若您滿意現在的樣式,接下來最後步驟就是連結我的家^^


四. 底圖連結


連結語法↓

on (release)
{
getURL("
http://tw.myblog.yahoo.com/happy-ok", "_blank");
}

記得將紅色字網址↑改成您家的喔^^


4-1 打開動作視窗

↓貼入語法或更改網址

若語法已經存在,只要將網址換過就可以了。

好了之後,再看一下測試影片,把滑鼠移到底圖位置,鼠標會變成手指形狀,文字框位置無法點連,

底圖的四周沒有物件,指到時會變成手指形狀,這表示連結設定成功。


五. 存檔及發佈

5-1.  另存新檔

(直接按工具圖示儲存也可以,但它是直接儲存,

有時候會將原檔給蓋過去,所以還是用另存新檔比較保險.)

fla源檔無法貼在部落格,只是保留,以後修改,才有源檔可改.

 

6-2.  發佈

檔案另存後,要再經由發佈,就是存 swf 檔,這種檔才能上傳貼到部落格分享。

↓這裡有許多存檔類型,可以自已勾選,若不想用預設名稱,也可自己改檔名.

↓發佈完成再按確定,發佈設定視窗就會消失.

↓看一下檔案內容,基本儲存會存下這三種檔案類型.

檔案存好後,就可以將.swf 這檔案上傳到奇摩支援的swf 空間,取得網址,

套上專有的計日器語法,就能發表到部落格,與大家分享成品了^^

   

<embed src="http://img398.imageshack.us/img398/9744/001vf2.swf" width="140" height="210" flashvars="go=距離七夕還有&v_t=2008/8/7" wmode="transparent" quality="high"></embed>

<embed src="http://img291.imageshack.us/img291/7770/a1ca5.swf" width="140" height="210" flashvars="go=愚人節已經過&v_t=2008/4/1" wmode="transparent" quality="high"></embed>


七. 上傳空間

奇摩支援的swf空間,目前我都使用青蛙空間樂多,空間都是不穩定的,

所以有越多空間上傳越好,若您有其他空間,歡迎告知分享喔!感恩^^

完成了,就是這樣而已,祝您們學習愉快^^

祝大家 平安如意 天天快樂開心

玄音 合十/2008.0717