Cocos2D iOS之旅:如何寫一個敲地鼠遊戲(二):Cocos2D中的高清支援

標籤：

大熊貓豬·侯佩原創或翻譯作品.歡迎轉載,轉載請註明出處.
如果覺得寫的不好請告訴我,如果覺得不錯請多多支援點贊.謝謝! hopy ;)

免責申明：本部落格提供的所有翻譯文章原稿均來自互連網，僅供學習交流之用，請勿進行商業用途。同時，轉載時不要移除本申明。如產生任何糾紛，均與本部落格所有人、發表該翻譯稿之人無任何關係。謝謝合作！

高清顯示和Cocos2D

好吧,有一個好訊息 — 在最新版本的Cocos2D中包括了高清屏的完整支援,你可以用下面1-2-3步就可簡單搞定!

1. 在調用CCDirector的enableRetinaDisplay方法在app開始時啟用高清支援.如果你使用cocos2D項目模板,你只需要在app delegate中在那一行去掉注釋即可.
2. 增加高清精靈到你的app中,但是不是使用”@2x”尾碼,而是為cocos2D使用”-hd”尾碼.當你載入精靈的時候,在普通屏將使用普通圖片,在高清屏Cocos2D將在高清屏自動為你載入高清圖片.
3. 現在你可以在Cocos2D中使用點來代替像素來定位了.注意一些APIs(但不是很多)任然必須以像素處理 — 當在這種情況下,它們的名稱中將帶有像素字眼,否則一律一點來處理.

在一般情況下,最容易的事是製作一張最高解析度的圖片(比如高清屏下的2X大小),然後你可以簡單縮小圖片到普通的iphone適用的尺寸上.

你可能會奇怪為什麼要勞神建立兩張不同的圖片 — 為什麼不總是調用一張大的圖片然後用編程將其縮小呢?好吧,載入紋理到記憶體中是app的記憶體剋星,所以如果你在普清屏上載入高清圖片將會浪費大量的記憶體.

但是別擔心 — 你不需要總是在Photoshop中縮放圖片.TexturePacker實際上已經有了縮放給定圖片的特性,它正好被用在我們的Cocos2D之旅上.

iPad,iPhone以及螢幕縱橫比

以上使得我們在高清屏中的處理更加容易,但是在iPad中怎麼辦?

好吧,這將給我們帶來一個非常煩人的問題:如何使其在iphone和ipad上都能正常工作 — 比較這些裝置的螢幕縱橫比不一樣!

iPhone的解析度為480x320活著960x640 — 縱橫比為1.5,而ipad解析度為768x1024(原作者寫作時高清ipad還未出世.貓豬注),縱橫比為1.33.

這意味著如果你將一張在ipad(768x1024)填充整個背景的圖片在iphone上重新使用的時候,可能不會完全適配.如果你按iphone的寬度來縮小圖片(乘以0.9375),你將得到720x960,所以額外的部分將會被裁剪掉!

這很讓人討厭,因為不光是背景圖片,螢幕縱橫比問題也使得跨裝置相容難上加難.

這裡有一些解決方案,這裡列出一些(你可以在評論中也將你自己的解決方案貼出來):

• 在高清屏iPhone(640x960)螢幕中心划出一片”可玩地區(playable area).這將在邊框附加有稍許額外的超出 — 你可以用背景將其掩蓋,玩家可能甚至不會注意到.這將允許你容易的在各種不同的裝置上重用素材和轉換座標.我們在本系列博文中就是用這種方法.
• 你可以在iphone上使用類似縱橫比,如果你在ipad螢幕上將”main content”限制在684x1024中的話,這將給你的ipad螢幕每條邊帶來42像素的邊框.如果你能調整內容適應684x1024矩形,你也可以為其他裝置縮小圖片.
• 你可以為iPhone,iPad和高清屏裝置準備不同的圖片,它們的座標系也不同.這將具有最大的彈性,但是也會增大app檔案的尺寸

對於這些難題 — Cocos2D目前並沒有任何協助方法在ipad上自動為你載入”-hd”尾碼的圖片(新版本的Cocos2D已經可以為ipad選擇合適的圖片了.貓豬注),以及轉換座標系等等工作.一切都取決於你!

Cocos2D iOS之旅:如何寫一個敲地鼠遊戲(二):Cocos2D中的高清支援