HW02

http://ss24.mcu.edu.tw/~s8360880/action/action.gif

製作這個動畫其實很簡單，只要依照教學網站上的指示操作就可輕易做出一個小動畫，不過在找圖的部分比較傷腦筋，我有試過用小畫家把JPG或BMP來轉成GIF檔，可是會使得圖片失真，所以我直接尋找GIF的圖檔來製作，照著步驟一一做下來，覺得很有趣^^，還可以依自己喜好來調整圖片變換的快慢呢!!





用PSPad來解析自己做的GIF動畫，將PSPad開啟後用HEX打開自己的動畫，第一行的前六個位元組(4749 4638 3961)是GIF簽章(GIF89a)，後面七個位元組為螢幕描述元:
5000 為螢幕寬度(80)
4B00 為螢幕高度(75)
F7 = 1(m) 1 1 1(cr) 0 1 1 1(pixel)
m = 1為整體色彩對應圖
cr + 1顏色解析度的位元組數目
pixel = 7+1 = 8bits影像的位元/像素數目
00背景顏色的色彩查詢表索引值
第7個位元組填0
第一行的0C之後開始有一大串都是GIF色彩對應圖
接下來我用蒐尋找"NETSCAPE"
在下面一點點就可以找到2C-->是影像的區分符號，就像中文的逗點
下面的十個位元組是GIF影像描述元，描述第二張圖片的影像內容



上面這張是我製作的動畫的調色盤，程式的部分是用老師所給的範例程式寫出來的，不過我不太懂的是為什麼有那麼一大部分都是黑色呢??我想或許是黑的成分不同吧!!??我還嘗試讀進其他GIF圖檔，測試看看是不是程式的問題，結果發現並不是，看樣子我做的動畫裡真的包括很多不同的黑色呢!!我從沒想過可以這樣把一張圖片的調色盤用寫程式的方式讀出來，雖然程式碼的意思沒有說非常了解，但我覺得很有趣!!

以下是我另外嘗試的圖片：

HW2

3-1

範例一

圖a

圖b

圖c

圖d

範例二

圖e

心得：
　　這次的作業比較有趣，原來MSN的表情動畫都是這樣做出來的，我以為是經過很複雜的製作過程才有那麼多樣化的動畫，雖然老師說應該是資工做軟體提供別人使用，但是我好像比較喜歡研究別人已經製作出來的軟體。
　　在下載Microsoft GIF Animator時，不知道為什麼英翻中的程式沒辦法解壓縮，只能看網路上的步驟講解。一開始我用小畫家自己畫圖（a ~ d）存成GIF檔案，也就是範例一，總共畫了四張圖，放圖時，沒想很多就依照編號順序讀入GIF圖檔，執行後才發現放的順序顛倒，就重頭再放一次。還可以調整播放時間，可選擇想要加長哪張GIF的延遲時間，就做出了第一件成品（範例一）。之後在網路上找了有連續動作的圖片（圖e），經過一點圖片的剪貼調整，像是翻的位置、跳的高度、落下的地點等等，用小畫家做細部修改，分解出十張圖，然後放入程式裡面調整它翻跟斗時的延遲時間，為了點選Repeat Forever之後圖片跑起來不會不順，我讓圖裡的人物翻到右邊又翻回左邊，這樣Repeat就不會有跳圖的感覺，做的過程很有趣。

3-2




心得：
　　這次作業是用PSPad來觀看做出來的GIF動畫檔。上課時，邊聽老師講解，邊把每組代表的意思打下來，寫這次作業時一邊看老師的講解一邊對照課本，比較深入了解與解析組成GIF動畫檔的程式語言。