cocos crearor 屏幕适配

最新推荐文章于 2024-07-29 22:14:57 发布

42952831

最新推荐文章于 2024-07-29 22:14:57 发布

阅读量347

点赞数

分类专栏： CocosCreator

本文链接：https://blog.csdn.net/qq_42952831/article/details/108853077

版权

本文介绍了Cocos Creator中屏幕适配的概念，包括设计分辨率、屏幕分辨率、物理分辨率和逻辑分辨率。针对不同宽高比，讨论了FitWidth和FitHeight的适配效果，以及开启适配高度和宽度时的图像缩放与黑边问题。同时，提出了不勾选Canvas组件的Fit选项以避免黑边的NO_BORDER模式。

摘要由CSDN通过智能技术生成

屏幕适配的基本原理

设计分辨率：制作场景时使用的分辨率蓝本。
屏幕分辨率：游戏在设备上运行时的实际屏幕显示分辨率。
物理分辨率：硬件所支持的分辨率，也叫设备像素。
逻辑分辨率：软件所使用的分辨率。

// 当前窗口大小即适配后的大小
cc.director.getWinSize();
cc.director.getVisibleSize();
cc.log("winSize"

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

42952831

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

cocos creator中的组件pageview适配

10-30

本教程将详细讲解如何在Cocos Creator中实现PageView组件的横向和纵向适配。首先，我们了解PageView的基本概念。PageView是一个可滚动的容器，它可以包含多个子节点，这些子节点在视觉上表现为一个接一个的“页面...

CocosCreator适配

爱上游戏开发

07-15

3778

参与评论您还未登录，请先登录后发表或查看评论

CocosCreator_获取屏幕尺寸

最新发布

蜡笔小新1980的博客

07-29

768

Cocos Creator包括开发和调试、商业化 SDK 的集成、多平台发布、测试、上线这一整套工作流程，可多次的迭代重复。 Cocos Creator 包含游戏引擎、资源管理、场景编辑、游戏预览和发布等游戏开发所需的全套功能，并且将所有的功能和工具链都整合在了一个统一的应用程序里。

cocos3.4 改变窗口大小

w18767104183的专栏

03-27

4425

void Director::changeWinSize( Size size ) { getOpenGLView()->setFrameSize(size.width ,size.height); _winSizeInPoints = size; setProjection(cocos2d::Director::Projection::_2D); }

Cocos Creator 教程:屏幕适配

Leo501的博客

11-24

1988

众所周知，移动终端的各种分辨率大小，各种屏幕宽高比。现在还出全面屏，iphone x的刘海屏。正因为这些原因，需要游戏中对这些终端的进行屏幕适配。而一般会进行适配宽或者适配高。基本概念如果是从cocos2dx学习过来的，都知道cocos2dx有一套屏幕适配的方案。简单说来，首先要了解设计分辨率（其大小依赖于游戏设计人员，与硬件设备无关）也就是当我们新建一个scene时，需要在Canves...

CCC 常见API

Alt + F4

12-10

500

director 获取视图打下 cc.director.getWinSize() => cc.winSize 获取屏幕的物理分辨率 cc.view.getFrameSize() 获取当前场景 cc.director.getScene() ==>return this._scene; 控制游戏帧率 cc.game.setFrameRate(); 暂停动画 cc.director.stopAnimation(); game 切入后台，切入前台 cc.game.EVENT_HIDE cc.game.E

Cocos Creator 多分辨率适配方案.zip

01-15

方案是为解决特定问题或达成特定目标而制定的一系列计划或步骤。它的作用是提供一种系统性的方法，以有效地应对挑战、优化流程或实现目标。以下是方案的主要作用：问题解决：方案的核心目标是解决问题。...

cocos2d-x适配方案demo

03-18

《cocos2d-x适配方案深度解析及实践示例》在移动游戏开发领域，cocos2d-x是一款广泛使用的跨平台2D游戏引擎，它支持iOS、Android以及Windows等多个操作系统。面对不同设备的屏幕尺寸和分辨率差异，适配问题成为...

cocos2x-adaptation:cocos2dx 横版各种适配 iphoneX适配齐刘海凹凸屏

05-11

cocos2dx 适配横版 iphoneX适配 iphoneX适配 apple官方参考: 使用的是cocos2dx 3.13版本以上，其他版本可以依照找个流程修改。 1.修改RootViewController.mm 增加ios11的新回调方法 - (void)...

cocos2dx 如何切换横竖屏幕

02-23

在Cocos2d-x开发中，游戏或应用的屏幕方向切换是一个常见的需求，尤其是在移动设备上。Cocos2d-x提供了灵活的方式来管理屏幕布局和旋转。以下将详细讲解如何在Cocos2dx中进行横竖屏切换。首先，我们要了解几个关键...

微信小游戏之CocosCreator多分辨率场景适配方案

星期一的博客

06-24

3210

前言：小游戏开发过程中大家如何进行多分辨率适配的？回顾一下官方文档对分辨率适配的介绍：https://docs.cocos.com/creator/manual/zh/ui/multi-resolution.html。以前读完后总是有一种似懂非懂的感觉，所以实践后总结关于小游戏适配三要素：Canvas + Widget + Scale 。一、cocosCreater窗口大小/设计分辨率/视图边框尺寸/试图中canvas尺寸等和之间关系。 let winSize = cc.winSi

CocosCreator-常见问题和解决/过时API-持续更新

瑶山的博客

09-25

3649

ccc 3.x 弃用 cc 全局变量类型“Vec2”上不存在属性“mul”。类型“never”上不存在属性“instantiate” 类型node不存在width Sorry, cc.Director.getWinSize is deprecated. Please use cc.winSize instead Sorry, cc.p is deprecated v2.1.0以，“旋转”已被弃用，请改为设置“-angle” Sorry, cc.Node.getPos

CocosCreater 获取窗口、视图、canvas等尺寸

lebsharing的专栏

12-01

4997

adaptiveNoteLayout() { let winSize = cc.winSize;//获取当前游戏窗口大小 cc.log("--当前游戏窗口大小 w:" + winSize.width + " h:" + winSize.height); let viewSize = cc.view.getFrameSize(); cc.log("--视图边框尺寸：w:" + viewSize.width + " h:" + view.

学习笔记 cocos2d-x 2.x到3.x的改动与区别

菜鸟的学习之路

07-15

2203

最近一直在做一个项目从2.2.6移植到3.11，但是cocos2d-x 2.x和3.x差别比较大，因此网上参考了许多前辈的帖子和博客总结了一下，留着以后备用。区别1.去CC 之前2.0的CC**,把CC都去掉，基本的元素都是保留的 2.0 CCSprite CCCallFunc CCNode .. 3.0 Sprite CallFunc Node .. 区别2.cc***

cocos屏幕适配问题

m0_46113894的博客

01-11

791

cocos屏幕适配问题Widget组件分辨率与像素竖屏设计一般分辨率为： 16:9 ，例如1920x1080 , 1280x720 , 960x540 , 640x360 等 3:2 ，例如 1200x800 ,960x640 等目前的全面屏手机，分辨率会比16:9更长一些设计分辨率常常与手机分辨率不同，边缘位置元素可能显示出来的位置并不在设计的位置，因此，当两者的分辨率不同时就需要屏幕适配。适配规则：如果屏幕分辨率也是3：2，则直接缩放如果屏幕分辨率不是3：2，则高度固定为640 (

vue适配不同屏幕大小_Cocos creator面试题屏幕适配的3个小技巧

weixin_39598094的博客

11-22

461

引言cocos creator是什么？Cocos Creator 是触控科技旗下的产品，以内容创作为核心的游戏开发工具，在 Cocos2d-x 基础上实现了彻底脚本化、组件化和数据驱动等特点。屏幕适配是cocos creator面试题中必问的一个题目，今天给大家说说怎么样做屏幕适配。1: 屏幕适配的2个核心的配置 a: 设计分辨率: 美术设计资源时候的分辨率, 也是我们所有资源的参考分辨率，我们就...

Cocos Creator 多分辨率完美适配系列-1（现状与最终效果）

木木三的专栏

03-27

546

转载自：https://www.jianshu.com/p/c34577e37dd5 根据官网说明文档，大部分开发者都了解到 Cocos Creator 目前提供了 4 种的多分辨率适配方案适配高度（Fit Height）适配宽度（Fit Width）自动选择适配宽高（SHOW ALL) 准确适配（ExactFit）但是无论哪一种方案，在实际商业项目中都不会表现得十分友好。不...

cocoscreator适配

枫树林的博客

08-05

2497

cocoscreator的ui适配

cocoscreator 屏幕适配

02-19

Cocos Creator是一款流行的游戏开发引擎，它提供屏幕适配的功能，以确保游戏在不同设备上的显示效果一致。下面是Cocos Creator中屏幕适配的一般步骤： 1. 设计分辨率：首先，你需要确定游戏的设计分辨率，即你在...