cc.Widget與屏幕適配的應(yīng)用
在手游開發(fā)過程中,由于市面上不同的手機廠商制造的手機的屏幕分辨率不同,所以我們要在游戲開發(fā)中考慮不同手機屏幕的適配問題。
一、屏幕適配
1: 一款游戲能適應(yīng)不同的手機分辨率,我們把這個稱為屏幕適配;
2: creator屏幕適配策略: ?固定高度,固定寬度, 固定寬高度;
3: cc.Canvas組件:
? ? (1)決定屏幕的適配策略;
? ? (2)大小為屏幕的大小;
4: 美術(shù)設(shè)計分辨率:
? ? 美術(shù)人員在一個固定的分辨率下來設(shè)計資源,我們在canvas組件配置設(shè)計分辨率;
二、設(shè)計分辨率
1: 設(shè)計分辨率與固定寬度和高度策略:
橫屏游戲,藍(lán)色16:9的比例,橙色4:3

三、界面適配
1: 背景圖做到能適配任何主流的手機分辨率;
2: 將界面布局分為9大??奎c:

四、cc.Widget組件
1: cc.Widget組件幫助解決??奎c的問題;
2: cc.Widget能幫助解決和父親大小保持一致的問題;
3: 指定要相對的節(jié)點,必須是父節(jié)點或父親以上的節(jié)點;
五、creator界面適配案例
1: 確定設(shè)計分辨率
2: 配置適配策略;
3: 在設(shè)計分辨率下來搭建場景;
4: 決定界面上的??奎c,借助cc.Widget組件來實現(xiàn);
5: 相對于父親的區(qū)域大小;
獲取更多游戲開發(fā)相關(guān)的技術(shù)講解和課程:
https://bycwedu.vipwan.cn/promotion_channels/630597732
標(biāo)簽: