一、效果演示 二、如何获取 1、https://gitee.com/szrpf/ScreenAdapter3.x 2、解压,导入cocos creator(版本3.8.2),可以直接运行Demo演示 三、算法思路 1、横竖屏…
比如 100 * 100, 固定高度， 到 1920x1080后像素大小是 (100x100) * 1080/640, 这样我们最终就适配到 1920x1080上了;妙招1: 停靠点 一个纬度和设计是一致的，我们只要考虑另外一个纬度的适配，在另外一个纬度的范围内，把设计里面的主要内容都摆布进来。这个时候就会出现相对的几个点，比如我的类型是基于中...
比如100 * 100, 固定高度, 到 1920x1080后像素大小是 (100x100) * 1080/640, 这样我们最终就适配到 1920x1080上了; 妙招1: 停靠点 一个纬度和设计是一致的,我们只要考虑另外一个纬度的适配,在另外一个纬度的范围内,把设计里面的主要内容都摆布进来。这个时候就会出现相对的几个点,比如我的类型是基于中心的...
在Creator上同时勾选适配屏幕高度和适配屏幕宽度即可开启showAll适配模式。 这个适配方案的优点是不管屏幕比例如何,保证整个场景都是可见的,而且等比适配,但是总是在左右两边或者上下两边出现黑边。 (2)、NO_BORDER(等比拉伸到全屏) 和SHOW_ALL相反,在Creator上同时去除适配屏幕高度和适配屏幕宽度的勾选即可开启NO_BORDE...
二 横屏手机适配 三 其他(百分比适配,ShowAll模式,游戏常用分辨率) 一 竖屏手机适配 游戏场景Canvas分辨率640x1080, 选择Fit Width ,Widget组件默认Top/Right/Bottom/Left都勾选。 场景中放几个图片 给图片添加Widget组件,并勾选Top/Right/Bottom/Left等如下,下图分别是左上/右上/左下/右下/居中。
本文不讲屏幕适配的具体操作,而是讲解Cocos Creator引擎底层是如何来处理屏幕适配的,屏幕适配的策略与参数引擎底层是如何来用的。 对惹,这里有一个游戏开发交流小组,希望大家可以点击进来一起交流一下开发经验呀 先来看下关于屏幕适配的用户设置的参数如图1.1所示: ...
屏幕适配是cocos creator面试题中必问的一个题目,今天给大家说说怎么样做屏幕适配。 1: 屏幕适配的2个核心的配置 a: 设计分辨率: 美术设计资源时候的分辨率, 也是我们所有资源的参考分辨率,我们就是基于这个分辨率来适配到其它不同的手机分辨率上的; b: 适配策略: 固定高度/固定宽度; ...
CocosCreator 提供了多种屏幕适配的方式,以确保游戏在不同设备上能够正确显示和布局。 以下是 Cocos Creator 中常用的屏幕适配方式及其说明。 1、 Cocos Creator 项目设置中统一配置设计分辨率和屏幕适配 在同一个项目里的多个 Canvas 的设计分辨率仍然采用同一套设计分辨率以及适配方案。
Canvas 组件中添加了fix height 和fix width两个模式,如果都勾选的话就是cc-2d中的EXACT_FIT;cc-2d中的另外两个适配需要在creator中的代码中写一些具体的逻辑来实现了。 ? ? ?关于边缘的控件可能在使用了适配方式之后仍然达不到屏幕的边缘,这个时候就可以使用widget组件了,在cc-2d中就需要代码来实现了;这一...