1 / 19

第 5 章 J2ME 圖檔製作與應用說明

第 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 等圖檔規格。.

isanne
Download Presentation

第 5 章 J2ME 圖檔製作與應用說明

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 第5章 J2ME圖檔製作與應用說明 課程內容簡報 5-1 各種圖片格式介紹 5-2 PNG圖檔製作方式 5-3 J2ME圖檔動畫製作 5-4 J2ME圖檔處理說明 5-5 圖檔應用結論

  2. 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位，因此它被廣泛使用在網際網路上，以提高圖檔傳輸的速率。

  3. GIF(Graphics Interchange Format) ：GIF是可以在Macintosh、Amiga、Atati、IBM 平台上進行移植的一種標準點陣圖格式。GIF的規範是由Compuserver公司開發完成。 • GIF圖片是用8位元顏色或是儲存色彩最高可達256，同時GIF圖檔它支援壓縮、交錯、透明度和動態圖檔格式。 • GIF的透明度是不能支援半透明效果，壓縮也是使用LZW壓縮方式，比例約為3:1，在顔色深度和圖像大小上，GIF類似於PCX圖檔 。 • 它也是大量運用在網際網路上進行傳輸。而它的GIF89a格式是可以製作出動畫效果，同時也能儲存成背景透明的形式。

  4. PNG(Portable Network Graphics) ：PNG圖檔是一種能儲存32位元的點陣圖圖檔格式，其圖像品質遠勝過GIF。 • PNG也可以使用無損失壓縮來減少檔案大小，其壓縮的點陣圖資料是採用另一種lz77演算法。 • PNG圖檔可以是8位元索引色、灰階1 6位元與彩色的48位元，同時PNG圖檔顯示速度很快，也可支援透明度圖層。

  5. 5-2 PNG圖檔製作方式 • PNG圖檔格式無法像GIF一樣可以製作動態的圖檔，本節會介妱使用Photoshop工具來進行開發遊戲圖片。 1. 開起Photoshop工具。

  6. A B 2. 選擇「檔案」開啓「新檔」：設定所要繪製圖檔區域範圍大 小，選擇白色或背景顏色時，所製作圖片將會呈現原有的全 域畫面；如果是選擇透明時則背景將會是具透明度背景效果。 這裏為製作背景是透明的PNG圖檔，請選擇透明。

  7. 3. 按下確定後將開啟一個繪圖視窗。此狀態是一張具有透明的 背景底圖，可以開始進行繪製遊戲圖片檔。

  8. 4. 當製作出來的Java人物圖檔時，如圖示可以見到其圖檔已經 具有透明背景。

  9. 4. 圖檔不能直接選擇「檔案」裏的「儲存備份」，來儲存成 PNG圖檔格式，主要原因是使用這種儲存方式會造成圖檔無 背景透明度。 5. 選擇Photoshop工具列上的「說明」，點選後再選擇「轉存透 明影像」，畫面出現所要指定轉存的畫面狀態，請選擇第一 個選項按下確認後，再下一個視窗中選擇用來儲存在「線上」 的選項。

  10. 6. 選擇所要儲存的圖片格式，請選擇PNG圖檔格式。 7.設定儲存圖檔名稱 。

  11. 5-3 J2ME圖檔動畫製作 • 所謂動畫是指利用人類眼睛視覺暫留現象，將圖檔做短暫時間內與同一位置連續播放不同動作方式，大約以每秒顯示24到30張圖片。 • 從範例程式主要是從手機螢幕上呈現一個動畫畫面，它就如同電影一樣在一個幕布中做連續放影動作。

  12. PNG圖檔透明度：針對遊戲進行時整體畫面之感受。可以從下列範例來討論圖檔透明度是必需要被設計的應用。PNG圖檔透明度：針對遊戲進行時整體畫面之感受。可以從下列範例來討論圖檔透明度是必需要被設計的應用。

  13. 當遊戲設計者所製作的PNG美工圖檔內，如果沒有確認圖檔是否有製作透明背景時，就會產生遊戲視覺上問題。當遊戲設計者所製作的PNG美工圖檔內，如果沒有確認圖檔是否有製作透明背景時，就會產生遊戲視覺上問題。

  14. 5-4 J2ME圖檔處理說明 • J2ME遊戲中，由於受到檔案大小與手機記憶體限制，開發遊戲圖片會是受到極大限制。 減少圖片檔案：合成多個PNG圖檔來縮小檔案大小。 減少圖片顔色數：圖片進行優化來減少顔色數，其可以降低圖片檔案大小，但圖片效果可能降低玩家滿意度。使用優化圖檔會產生顏色色差，實際效果差別並不會大，但是檔案大小一定會縮小。

  15. 3. 使用Photoshop來證明減少像素的結果： a. 開起PhotoShop工具選擇 「影像」→「模式」→「索引色」

  16. b. 選擇視窗內修改顏色數值。

  17. c. 比較兩個檔案狀態：圖檔a為256色，檔案大小為30KB， 當修改顏色度為16，則圖檔b檔案大小為7.55kb。

  18. 4. 使用更換調色板技術：變更顏色的調色來變化圖檔。這種方法優點是可以減少許多圖檔空間，但缺點是設計必需要了解PNG的規範為何。 5. 圖檔壓縮應用：將圖檔壓縮成像ZIP格式的檔案模式，用以縮小遊戲全部圖檔。 6. 使用單一圖檔旋轉和翻轉：保留原有單一圖檔，當遊戲需要圖檔旋轉或是要翻轉時，再進行Java程式變更圖檔所要的動作。

  19. 5-5 圖檔應用結論 • 不管遊戲設計者使用何種減少圖檔方式，主要是要減少J2ME的Jar檔大小。 • 圖檔應用只是設計手機遊戲的一部分，可是它確是占遊戲檔案大小最重要部分。同時也是設計遊戲時首要規劃與考慮的項目，當製作遊戲時最好先參考本節圖檔教學說明。

More Related