CocosCreator 屏幕适配_cocos creator3.x 网页支持几种机型_afeicsdn的博客-程序员宅基地

技术标签: cocos-creator  cocos creator  游戏  

首先说下设计分辨率和屏幕分辨率

设计分辨率
cocos官方说是内容生产者在制作场景时使用的分辨率蓝本,其实就是开发者搭界面,美术大大产出UI效果图的分辨率。这个分辨率是根据设备来设置的。
屏幕分辨率
游戏在设备上运行时的十几屏幕显示分辨率

如何确定设计分辨率

** 常用的手机分辨率**
华为mate9 1080x1920 16:9 (1.77)
华为mate40 pro 2772 x 1344 (2.06)
小米11 3200×1440 (2.22)
iphone11 1792x828 (2.16)
iphone12 2532 x 1170 (2.16)
iphone12 pro 2532 x 1170 (2.16)
iphone12 pro max 2778×1284 (2.16)
** 常用的设计分辨率**
分辨率 Canvas高宽(美术效果图) 游戏背景图高宽
16:9 640x1140 640x1430
16:9 720x1280 720x1600
2:1 640x1280 640x1430
2:1 720x1440 720x1600

一般手机最高2.22:1,背景的长度需要能达到这个高度,不然会出现黑框。
横版游戏,一般采用16:9的设计分辨率,匹配iphone5~iphone8以及几乎全部安卓手机

适配方案

在这里插入图片描述

1. Fit Height
设计分辨率宽高比大于屏幕分辨率,适配高度避免黑边(两边可能出现黑边)
2. Fit Width
设计分辨率宽高比小于屏幕分辨率,适配宽度避免黑边(上下可能出现黑边)
3. Show All
同时勾选Fit Height和Fit Width,高宽都是100%显示(不会裁剪,上下左右都可能有黑框)
4. No Border
同时不勾选Fit Height和Fit Width,此时无论屏幕宽高比多少都不会产生黑边。也就是说,当设计分辨率宽高比大于屏幕分辨率时,会适配高度;设计分辨率宽高比小于屏幕分辨率时,会适配宽度。

IPhoneX适配

按照官方文档横屏fix height 设计分辨率 1280* 720,背景图 1600720
竖屏的话fix width 设计分辨率7201280,背景图 720* 1600
同时用widget节点对游戏中贴边的UI节点进行对齐,就可以完美适配了

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/afeiunity/article/details/114655856

智能推荐

3月!有关施行中小学生编程教育的重大新闻消息!_3月份编程进主课-程序员宅基地

2019年3月份,一系列新闻报道显示:无论国内还是国外,教育部对中小学生的编程启蒙越来越重视了。国内资讯教育部颁发重要文件3月1日,教育部办公厅公布了《2019年教育信息化和网络安全工作要点》。在通知文件的第23条里明确规定:今年将启动中小学生信息素养测评,并推动在中小学阶段设置人工智能相关课程,逐步推广编程教育。国内资讯各大高校新增备案本科专业近日,教育部公布 2018 年度普..._3月份编程进主课

华为、字节跳动、阿里的远程办公秀-程序员宅基地

2020,不平凡的一年疫情在前,工作继续坐惯了办公室的人,一下都宅在家里,真是好奇中有一点小期待,期待中有点小混乱,混乱中又有点小兴奋带你看看大佬们是怎么在家花式办公的华为办公电脑没带回..._华为公司退掉写字楼 远程办公

pythondowhile循环_在Python中模拟do-while循环? - Emulate a do-while loop in Python?-程序员宅基地

问题:I need to emulate a do-while loop in a Python program. 我须要在Python程序中模拟do-while循环。 Unfortunately, the following straightforward code does not work: 不幸的是,如下简单的代码不起做用: pythonlist_of_ints = [ 1, 2, 3 ]...

mysql to_char 索引_mysql数据库字符集和索引-程序员宅基地

#什么是字符集#字符集:是一个计算机支持的所有抽象字符的集合。#字符是各种文字和符号的总称,包括各国家文字、标点符号、图形符号、数字等。编码:把人类可以识别的信息转化为机算计认识的0和1解码:把机算计存储的0和1转化为人类可以识别的信息乱码:编码解码的过程,导致一些数据不能解析ASCII:美国gbk 中国,一个汉字占用2个字节,#范围大于utf8gbk2312#范围大于gbkutf8一个汉字..._to_char修饰的列可不可以加索引

VS2017激活密钥(专业版和企业版)-程序员宅基地

Enterprise:NJVYC-BMHX2-G77MM-4XJMR-6Q8QFProfessional:KBJFW-NXHK6-W4WJM-CRMQB-G3CDH

linux find*错误,Linux系统中提示/usr/bin/ld: cannot find -lxxx错误的通用解决办法-程序员宅基地

在linux环境编译应用程式或lib的source code时常常会出现如下的错误讯息:/usr/bin/ld: cannot find -lxxx这些讯息会随着编译不同类型的source code 而有不同的结果出来如:/usr/bin/ld: cannot find -lc/usr/bin/ld: cannot find -lltdl/usr/bin/ld: cannot find -lXts..._linux cannot find

随便推点

10年老电脑如何提速_2020年10月和双十一轻薄本/轻薄型笔记本电脑如何挑选?内含轻薄本/轻薄型笔记本电脑推荐!...-程序员宅基地

(2020年10月20日加入联想 Yoga14s)(2020年10月19日加入华硕 灵耀X纵横+华硕 灵耀X逍遥&联想+Thinkbook14)(2020年10月19日加入惠普战X锐龙版)(2020年9月24日加入联想小新Air15 2021版锐龙版)本文将给大家推荐轻薄本/轻薄型笔记本电脑,如有疑问可以直接私信或在本文评论哦,我会尽快回复的!需要详细了解笔记本电脑各项配置参数,请跳转至我..._戴尔灵越13对比灵耀逍遥

kali linux在Virtualbox下安装增强功能-程序员宅基地

1. 更新 /etc/apt/sources.listdeb http://http.kali.org/kali kali-rolling main contrib non-free2.1. 在线安装增强功能apt-get updateapt-get install -y virtualbox-guest-x11reboot在线安装有时候会有

Hadoop的安装与配置说明-程序员宅基地

安装hadoop是一件非常容易的事情,读者可以在官网上下载到最近的几个hadoop版本。网址为http://apache.etoak.com//hadoop/core/. 目前,hadoop可以运行在linux,unix,windows系统上。实际上hadoop是为在linux平台上使用而开发出来的。但是hadoop在一些主流的unix版本(甚至包括Mac OS X)也运行良好。对于windo..._安装hadoop的意义

MatConvNet的简单介绍和手写识别运用_matconvnet是什么-程序员宅基地

1.MatConvNet的简介MatConvNet是一个实现卷积神经网络(CNN)的MATLAB工具箱,用于计算机视觉应用。 它简单,高效,并且可以运行和学习最先进的CNN。 许多用于图像分类,分割,人脸识别和文本检测的预训练CNN都有提供。2.配置过程首先从官网下载matconvnet(点击官网首页的Download) 接着运行根目录中matlab文件夹下的vl_compilenn.m。这其实_matconvnet是什么

atomic_fetch_add-程序员宅基地

https://zh.cppreference.com/w/c/atomic/atomic_fetch_addatomic_fetch_add, atomic_fetch_add_explicitC原子操作库定义于头文件 <stdatomic.h>C atomic_fetch_add( volatile A* obj, M arg );(1) (C11 起)C atom..._atomic_fetch_add