cocos2d-x自制工具09：復(fù)活！x2屏幕適配方案-創(chuàng)新互聯(lián)

適配屏幕的方案主要看游戲類型，游戲類型決定了是否需要滾屏。不同的游戲類型，決定了不同屏幕適配方案。

成都創(chuàng)新互聯(lián)公司專注于企業(yè)成都全網(wǎng)營(yíng)銷、網(wǎng)站重做改版、岑鞏網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5場(chǎng)景定制、商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)公司、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為岑鞏等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

對(duì)于市面上大量存在的卡牌，單屏休閑益智類游戲，往往拼的是速度。但是惱人的屏幕適配問題，一直困擾了很多企業(yè)。

之前簡(jiǎn)單收集了一下市面上的各種分辨率。

480X800 現(xiàn)在最主流的中高端安卓智能機(jī)的分辨率，包括 windows phone也是這個(gè)分辨率

480X854 這個(gè)是WFVGA，是480X800的加長(zhǎng)版

540X960 HTC的高端機(jī)很喜歡用這個(gè)分辨率也就是qHD了

640X960 最經(jīng)典的iphone所使用的分辨率

1136X640 iphone5的分辨率

1280X720 傳說中的HD，也是現(xiàn)在各品牌主流旗艦機(jī)型的分辨率，而且屏幕都很大。

1280X800 現(xiàn)在只有三星的9220的5.3英寸巨屏用了這以分辨率

1024x768 iPad1分辨率 iPad2分辨率 iPad mini分辨率

2048×1536 iPad3分辨率 iPad4分辨率 iPad Air分辨率 iPad mini 2分辨率

1920x1080 Nexus5分辨率

這么多分辨率，很頭痛。這種情況下，我們一般使用的是固定一個(gè)分辨率，然后縮放的方式。Cocos2d-x引擎內(nèi)置了很多這種分辨率適配方案。主要使用這個(gè)函數(shù)：

void CCEGLViewProtocol::setDesignResolutionSize(float width, float height, ResolutionPolicy resolutionPolicy)

ResolutionPolicy的參數(shù)如下：

enum ResolutionPolicy
{
    // The entire application is visible in the specified area without trying to preserve the original aspect ratio.
    // Distortion can occur, and the application may appear stretched or compressed.
    kResolutionExactFit,
    // The entire application fills the specified area, without distortion but possibly with some cropping,
    // while maintaining the original aspect ratio of the application.
    kResolutionNoBorder,
    // The entire application is visible in the specified area without distortion while maintaining the original
    // aspect ratio of the application. Borders can appear on two sides of the application.
    kResolutionShowAll,
    // The application takes the height of the design resolution size and modifies the width of the internal
    // canvas so that it fits the aspect ratio of the device
    // no distortion will occur however you must make sure your application works on different
    // aspect ratios
    kResolutionFixedHeight,
    // The application takes the width of the design resolution size and modifies the height of the internal
    // canvas so that it fits the aspect ratio of the device
    // no distortion will occur however you must make sure your application works on different
    // aspect ratios
    kResolutionFixedWidth,
    kResolutionUnKnown,
};

這些參數(shù)的含義，很多文章都分析過了，我們簡(jiǎn)單說一下：

kResolutionShowAll

等比例拉伸，直到寬度或高度達(dá)到屏幕的尺寸，但是：如果游戲的設(shè)計(jì)分辨率比率和設(shè)備的屏幕分辨率比率不同，最后會(huì)出現(xiàn)黑邊。結(jié)論：無法使用，黑邊出現(xiàn)不符合很多渠道和應(yīng)用商店的規(guī)范。

kResolutionExactFit

非等比例拉伸，圖像拉伸到整個(gè)屏幕。但是：如果游戲的設(shè)計(jì)分辨率比率和設(shè)備的屏幕分辨率比率不同，最后游戲畫面失真。結(jié)論：可以使用，但是效果很差。

kResolutionNoBorder

等比例拉伸，直到寬度或高度達(dá)到屏幕尺寸，且保證在另一方向上不會(huì)出現(xiàn)黑邊。但是，他只是簡(jiǎn)單的拉伸處理，對(duì)于座標(biāo)偏移沒有控制，造成最后代碼中要手動(dòng)計(jì)算座標(biāo)VisibleSize 和 VisibleOrigin，這不符合正常的開發(fā)習(xí)慣。結(jié)論：可以使用，但是座標(biāo)計(jì)算很繁瑣。

由于上面的種種問題，引擎團(tuán)隊(duì)最后又增加了兩個(gè)新參數(shù)

kResolutionFixedHeight和kResolutionFixedWidth，這兩個(gè)參數(shù)作用和kResolutionNoBorder類似，但是內(nèi)部座標(biāo)經(jīng)過了處理，不像kResolutionNoBorder那么麻煩。

我們的方案就基于這兩個(gè)參數(shù)。

該方案的前提與目的：

我們的目標(biāo)是重建當(dāng)初的x2的那種適配方式，有兩套資源，一套SD，一套HD。在此基礎(chǔ)上，做到座標(biāo)系通用，UI資源通用。僅僅是圖片的清晰度不同。這是對(duì)于中小團(tuán)隊(duì)來說最快速的適配方案。

下面貼核心代碼，修改AppDelegate::applicationDidFinishLaunching()函數(shù)，加上如下代碼：

    CCSize frameSize = pEGLView->getFrameSize();
    if (frameSize.width == 640 && frameSize.height == 960)
    {
        //標(biāo)準(zhǔn)分辨率，不做調(diào)整
    }
    else if (frameSize.width == 640 && frameSize.height == 1136)
    {
        //標(biāo)準(zhǔn)分辨率，不做調(diào)整
    }
    else
    {
        CCSize winSize;
#ifdef HD_PORT_SCHEME
        if (frameSize.width*frameSize.height>=2073600) {//1080p分辨率
            //HD資源
           winSize=CCSize(1280, 1920);
            pDirector->setContentScaleFactor(2);
        }
        else{
            //SD資源
           winSize=CCSize(640,960);
        }
#else
        //SD資源
       winSize=CCSize(640,960);
#endif
                                                                                                                                                                                                                                                       
        //WHR寬高比 width height ratio
        float winSizeWHR = winSize.width / winSize.height ;
        float frameSizeWHR = frameSize.width / frameSize.height;
                                                                                                                                                                                                                                                       
        if (winSizeWHR > frameSizeWHR)
            pEGLView->setDesignResolutionSize(winSize.width, winSize.height, kResolutionFixedWidth);
        else
            pEGLView->setDesignResolutionSize(winSize.width, winSize.height, kResolutionFixedHeight);
    }

說明：

1.我們以960x640作為標(biāo)準(zhǔn)分辨率

2.以1080p判斷作為基準(zhǔn)，來判斷是否啟用HD資源。

3.判斷寬高比，以決定縮放方向

4.HD_PORT_SCHEME宏來決定是否啟用HD適配方案，如果關(guān)閉，則全部設(shè)備上都是SD資源的低清方案。

其他注意事項(xiàng)：

1.如果啟用HD方案，在高清設(shè)備上，場(chǎng)景根節(jié)點(diǎn)需要放大setScale(2)

2.如果啟用HD方案，觸摸時(shí)的座標(biāo)點(diǎn)需要處理，經(jīng)過換算變成960x640下的。好在這種代碼很少在觸摸回調(diào)時(shí)增加一下即可。

3.理論上，所有的工具輸出的資源都支持這種方式來做適配。也就是說，對(duì)于程序，策劃來說只用一套SD資源開發(fā)即可。美術(shù)先出HD圖，然后縮成SD提供給開發(fā)用。

題外話：對(duì)于很多復(fù)雜的游戲，UI和場(chǎng)景應(yīng)該是徹底分開來做的，因?yàn)檫@兩個(gè)需求不同，清晰度要求和資源提供也可能有很大差別，但是引擎本身似乎沒有考慮這一點(diǎn)。有些分支是做了的，把UI和場(chǎng)景拆成兩個(gè)節(jié)點(diǎn)，這是不錯(cuò)的設(shè)計(jì)。

最后，本來還想做個(gè)詳細(xì)的例子，但是最新版引擎3.0beta2的工程模板老出問題，新建工程在win8上面始終無法打開，等穩(wěn)定一下再補(bǔ)吧。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

文章標(biāo)題：cocos2d-x自制工具09：復(fù)活！x2屏幕適配方案-創(chuàng)新互聯(lián)
地址分享：http://www.jbt999.com/article34/ccdise.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供云服務(wù)器、網(wǎng)站建設(shè)、面包屑導(dǎo)航、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、外貿(mào)建站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

cocos2d-x自制工具09：復(fù)活！x2屏幕適配方案-創(chuàng)新互聯(lián)

cocos2d-x自制工具09：復(fù)活！x2屏幕適配方案-創(chuàng)新互聯(lián)