cocos creator 异形屏相关数据

getVisibleOrigin  vec2(0,0)

getViewportRect  真实屏幕分辨率

  1. height: 2778
  2. width: 1284
  3. x: 0
  4. y: 0

getVisibleSize  或者 cc.winSize  GL在真实屏幕中的大小

  1. height: 1622.6635514018692
  2. width: 750 
getCanvasSize   真实屏幕分辨率大小
  1. height: 2778
  2. width: 1284
getDesignResolutionSize 设计分辨率
  1. height: 1334
  2. width: 750
cc.sys.getSafeAreaRect  安全区域的大小以及位置
  1. height: 1480.7242990654206
  2. width: 750
  3. x: 0
  4. y: 59.57943925233645

 

程序开发设计不用考虑真实屏幕大小,只需要考虑GL相关大小。 因为cocos已经帮忙做完了GL大小到真实屏幕大小的映射

也就是说非安全区域底部是59.58。  

也就是说非安全区域顶部是 1622.66 - 1480.72 - 59.58 = 82

这里算出来59和92是GL渲染的非安全区。   如果要计算真实屏幕的安全区域,  需要分别乘以缩放比。

如 59 * (1284/750)  按宽度适配

59 * (2778/1334)   按高度适配。  PS:如果按高度适配, 那么GL宽度就不是750了。 

 

getFrameSize  真实屏幕大小 即物理大小,个人理解他的单位应该毫米之类的单位,而。 好的手机一般将这个物理大小*3 等于分辨率,单位是像素。   
  1. height: 926
  2. width: 428
==================================

以iphoneX 作为标准,它的分辨率为 2436 x 1125

安全区大小为:2280 x 1125

映射到cocos应该完美设计分辨率应该为: 1520 * 750

如果按照1520 * 750设计,在iPhone6,7(1334 * 750)上高度会切186。  如果不能切,就整体缩放宽度0.878, 宽度占658.5

对于iPad宽高比为1.33333,   美术出图大小:1218 * 1624

posted @ 2022-04-07 10:57  Please Call me 小强  阅读(198)  评论(0编辑  收藏  举报