190 likes | 430 Views
第 5 章 J2ME 圖檔製作與應用說明. 課程內容簡報 5-1 各種圖片格式介紹 5-2 PNG 圖檔製作方式 5-3 J2ME 圖檔動畫製作 5-4 J2ME 圖檔處理說明 5-5 圖檔應用結論. 5-1 各種圖片格式介紹. Java SUN 在 MIDP1.0 中所定義的圖檔規範是以 PNG 的格式為主,但是有些手機商所提供的手機之 J2ME 規範中也可以支援其他圖檔格式,例如 JPG 、 GIF 等圖檔規格。.
E N D
第5章 J2ME圖檔製作與應用說明 課程內容簡報 5-1 各種圖片格式介紹 5-2 PNG圖檔製作方式 5-3 J2ME圖檔動畫製作 5-4 J2ME圖檔處理說明 5-5 圖檔應用結論
5-1 各種圖片格式介紹 • Java SUN在MIDP1.0中所定義的圖檔規範是以PNG的格式為主,但是有些手機商所提供的手機之J2ME規範中也可以支援其他圖檔格式,例如JPG、GIF等圖檔規格。 • JPG/JPEG(Joint Photographic Expert Group):JPG/JPEG是一種24位元圖像文件格式,它屬於高效率的壓縮格式,其規格是由ISO與CCI TT(國際電報電話諮詢委員會)所共同制定。 • 以一幅16M(24位元)的JPG圖檔來看與照片沒有多大差別;同時用JPG儲存的格式圖檔將會是其他儲存圖檔的1/10至1/20。 • JPG圖檔只有十幾KB時,其色彩數最高可以達到24位,因此它被廣泛使用在網際網路上,以提高圖檔傳輸的速率。
GIF(Graphics Interchange Format) :GIF是可以在Macintosh、Amiga、Atati、IBM 平台上進行移植的一種標準點陣圖格式。GIF的規範是由Compuserver公司開發完成。 • GIF圖片是用8位元顏色或是儲存色彩最高可達256,同時GIF圖檔它支援壓縮、交錯、透明度和動態圖檔格式。 • GIF的透明度是不能支援半透明效果,壓縮也是使用LZW壓縮方式,比例約為3:1,在顔色深度和圖像大小上,GIF類似於PCX圖檔 。 • 它也是大量運用在網際網路上進行傳輸。而它的GIF89a格式是可以製作出動畫效果,同時也能儲存成背景透明的形式。
PNG(Portable Network Graphics) :PNG圖檔是一種能儲存32位元的點陣圖圖檔格式,其圖像品質遠勝過GIF。 • PNG也可以使用無損失壓縮來減少檔案大小,其壓縮的點陣圖資料是採用另一種lz77演算法。 • PNG圖檔可以是8位元索引色、灰階1 6位元與彩色的48位元,同時PNG圖檔顯示速度很快,也可支援透明度圖層。
5-2 PNG圖檔製作方式 • PNG圖檔格式無法像GIF一樣可以製作動態的圖檔,本節會介妱使用Photoshop工具來進行開發遊戲圖片。 1. 開起Photoshop工具。
A B 2. 選擇「檔案」開啓「新檔」:設定所要繪製圖檔區域範圍大 小,選擇白色或背景顏色時,所製作圖片將會呈現原有的全 域畫面;如果是選擇透明時則背景將會是具透明度背景效果。 這裏為製作背景是透明的PNG圖檔,請選擇透明。
3. 按下確定後將開啟一個繪圖視窗。此狀態是一張具有透明的 背景底圖,可以開始進行繪製遊戲圖片檔。
4. 當製作出來的Java人物圖檔時,如圖示可以見到其圖檔已經 具有透明背景。
4. 圖檔不能直接選擇「檔案」裏的「儲存備份」,來儲存成 PNG圖檔格式,主要原因是使用這種儲存方式會造成圖檔無 背景透明度。 5. 選擇Photoshop工具列上的「說明」,點選後再選擇「轉存透 明影像」,畫面出現所要指定轉存的畫面狀態,請選擇第一 個選項按下確認後,再下一個視窗中選擇用來儲存在「線上」 的選項。
6. 選擇所要儲存的圖片格式,請選擇PNG圖檔格式。 7.設定儲存圖檔名稱 。
5-3 J2ME圖檔動畫製作 • 所謂動畫是指利用人類眼睛視覺暫留現象,將圖檔做短暫時間內與同一位置連續播放不同動作方式,大約以每秒顯示24到30張圖片。 • 從範例程式主要是從手機螢幕上呈現一個動畫畫面,它就如同電影一樣在一個幕布中做連續放影動作。
PNG圖檔透明度:針對遊戲進行時整體畫面之感受。可以從下列範例來討論圖檔透明度是必需要被設計的應用。PNG圖檔透明度:針對遊戲進行時整體畫面之感受。可以從下列範例來討論圖檔透明度是必需要被設計的應用。
當遊戲設計者所製作的PNG美工圖檔內,如果沒有確認圖檔是否有製作透明背景時,就會產生遊戲視覺上問題。當遊戲設計者所製作的PNG美工圖檔內,如果沒有確認圖檔是否有製作透明背景時,就會產生遊戲視覺上問題。
5-4 J2ME圖檔處理說明 • J2ME遊戲中,由於受到檔案大小與手機記憶體限制,開發遊戲圖片會是受到極大限制。 減少圖片檔案:合成多個PNG圖檔來縮小檔案大小。 減少圖片顔色數:圖片進行優化來減少顔色數,其可以降低圖片檔案大小,但圖片效果可能降低玩家滿意度。使用優化圖檔會產生顏色色差,實際效果差別並不會大,但是檔案大小一定會縮小。
3. 使用Photoshop來證明減少像素的結果: a. 開起PhotoShop工具選擇 「影像」→「模式」→「索引色」
c. 比較兩個檔案狀態:圖檔a為256色,檔案大小為30KB, 當修改顏色度為16,則圖檔b檔案大小為7.55kb。
4. 使用更換調色板技術:變更顏色的調色來變化圖檔。這種方法優點是可以減少許多圖檔空間,但缺點是設計必需要了解PNG的規範為何。 5. 圖檔壓縮應用:將圖檔壓縮成像ZIP格式的檔案模式,用以縮小遊戲全部圖檔。 6. 使用單一圖檔旋轉和翻轉:保留原有單一圖檔,當遊戲需要圖檔旋轉或是要翻轉時,再進行Java程式變更圖檔所要的動作。
5-5 圖檔應用結論 • 不管遊戲設計者使用何種減少圖檔方式,主要是要減少J2ME的Jar檔大小。 • 圖檔應用只是設計手機遊戲的一部分,可是它確是占遊戲檔案大小最重要部分。同時也是設計遊戲時首要規劃與考慮的項目,當製作遊戲時最好先參考本節圖檔教學說明。