cocos creator 固定尺寸的适配问题

最新推荐文章于 2022-08-05 19:01:49 发布
最新推荐文章于 2022-08-05 19:01:49 发布
阅读量1.5k 收藏 1
点赞数
分类专栏： cocos creator 文章标签： cocos-creator 游戏开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45776447/article/details/111080337
版权

cocos creator 固定尺寸的适配问题

如果界面canvas（即场景）外有部分节点元素

例如下图在这里插入图片描述
上侧的图片节点，其作用是制作一个转场动画，向下或向上移动，期间切换场景。

如果在屏幕比例与canvas比例大致相同的情况下，表现效果正常，但是如果场景为450*800，但模拟设备为iphonex等长屏设备上时，会出现暴露。在这里插入图片描述
是否可以通过Canvas中的比例进行解决
可以，但会拉伸屏幕
在这里插入图片描述
在这里插入图片描述
在真是设备中显示仍如此，如果使用的是平板等宽屏设备时，场景左右两侧的待使用节点会发生暴露，甚至游戏过程中的动态变换的节点

解决方法：mask组件
利用mask组件的遮罩隐藏，在canvas内创建mask组件&

最低0.47元/天 解锁文章
快乐的董
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
cocos2dx显示CCLabelTTF的指定宽度
xiaosong1531的专栏
10-20 942
好久不写文章了，现在我用的还是cocos2dx2.2.2版本进行开发，所以一些小功能还是写出来了 如果一个CCLabelTTF的长度太长了，但是全部显示出来，可能效果不好看，所以这里就根据固定长度显示，超过的自动抹去。 方法如下： void setNameLength(std::string nameStr) { int charNum = 0;     int lMax =
cocos creator之分辨率、屏幕适配
热门推荐
nk1212582的博客
08-28 2万+
屏幕适配的基本原理 三种分辨率 设计分辨率 在cocos creator编辑器中设计的屏幕分辨率，一般就是Canvas的大小 上图中的Canvas的大小是640*960，那么设计分辨率也是640*960 获取设计分辨率的代码如下 let designSize = cc.view.getDesignResolutionSize(); 硬件分辨率 各种手机、pad上的屏幕分辨率 ...
麒麟子Cocos Creator实用技巧十一：让元素保持绝对大小
15 年专注游戏引擎与游戏开发，分享实用方案、经验与干货教程！
12-20 1371
本文介绍了一个组件，能够让你节点，在任意分辨率下都保持同样的大小。因为它消除了设计分辨率的缩放。 麒麟子，有没有办法让一个元素总是维持相应的大小，不管缩口缩放了多少。 今天一个朋友在QQ上问到了这个问题，像这样的问题其实是非常简单的，只需要计算出当前的Canvas缩放了多少就行了。 经过一翻研究后，发现Cocos Creator提供了一两个函数。 cc.view.getScal...
cocos2d-x项目快速适配IPAD的方法
weixin_30378623的博客
01-11 131
cocos2d-x项目快速适配IPAD的方法 最近在做项目的时候，要把原来cocos2d-x做的游戏适配到IPAD上做成universal版。为快速适配，只作了以下要求： 使用原iphone版HD资源（960*640）,不用适配到1024*768，四周可留黑边 不改动原有逻辑代码 这里分享一下我的经验，希望对项目中也有这种需求的朋友有点帮助。 ...
固定Label的宽高,让文字完全显示
lausen34的博客
02-13 621
最近发现了Label 的一个属性@property(nonatomic) BOOL adjustsLetterSpacingToFitWidth这个属性是BOOL类型的,当你设置为yes时,他会根据你给定的label的宽和高,显示全部的文字self.balanceLabel.adjustsFontSizeToFitWidth = YES;
cocos creator Label的大小问题
qq_40717065的博客
03-30 817
if(this.labBugNode.width!=this.difficultLab.node.width) { this.labBugNode.width=this.difficultLab.node.width; this.difficultSp.node.position=new cc.Vec3(-this.difficultLab.node.width,0,0); } 本身描点在label上不行，初始化时无法跟随拉伸 cocos自带BUG 你创建个空节点，跟随label在update
Cocos Creator 多分辨率适配方案.zip
01-15
方案是为解决特定问题或达成特定目标而制定的一系列计划或步骤。它的作用是提供一种系统性的方法，以有效地应对挑战、优化流程或实现目标。以下是方案的主要作用： 问题解决： 方案的核心目标是解决问题。通过系统...
cocos creator中的组件pageview适配
10-30
本教程将详细讲解如何在Cocos Creator中实现PageView组件的横向和纵向适配。 首先，我们了解PageView的基本概念。PageView是一个可滚动的容器，它可以包含多个子节点，这些子节点在视觉上表现为一个接一个的“页面...
cocoscreator黑边处理.zip
08-05
"cocoscreator黑边处理.zip"这个压缩包文件很可能包含了解决Cocos Creator游戏黑边问题的一些解决方案和教程。下面将详细讨论如何在Cocos Creator中处理黑边问题。 Cocos Creator是一个基于JavaScript的2D和3D游戏...
CocosCreator教程demo集合
07-01
CocosCreator是一款强大的2D和2.5D游戏开发引擎，尤其适合制作跨平台的游戏。这个"CocosCreator教程demo集合"提供了丰富的示例项目，帮助开发者深入理解和掌握CocosCreator的各项功能。 首先，CocosCreator的核心是...
transitions:Cocos Creator的过渡效果
04-15
转场 该项目基于Cocos Creator 2.3.0。 在线演示： : 用法 将过渡节点添加到场景后，过渡节点将使自己成为持久节点。 在属性面板中选择一个过渡。 从一个场景到另一个场景的过渡： // Use **transitions.loadScene** instead of **cc.director.loadScene** // cc.director.loadScene(url, this.onLoadSceneFinish.bind(this)); this . transitions . loadScene ( url , 'Canvas/Main Camera' , 'Canvas/Main Camera' , this . onLoadSceneFinish . bind ( this ) ) ; 从一个节点到另一个节点的过渡： this . trans
fetch star cocos creator 3.8 学习参考交流
10-18
在【标签】"cocoscreator3.8"中，我们可以推测这个项目专注于探讨Cocos Creator 3.8版本的具体功能和最佳实践。开发者可能在项目中探索了如何利用新的动画系统、物理引擎、粒子效果、UI框架等特性来提升游戏体验。 ...
CocosCreator之RichText富文本
神兽白泽
10-03 9228
>>>>> 官方文档：RichText 组件参考 · Cocos Creator 富文本优缺点 优点：自定义颜色，大小，描边，还能加图片。对于复杂的文本表现力更好。 缺点：cocos的富文本是由Label组件拼装实现的。低版本会打断合批。Label太多导致卡顿。 此处仅测试几个常用标签： // 换行符 <br/> // 加粗 <b> </b> // 字体颜色 <color=#FFFFFF> </color.
CocosCreator分辨率适配--全面屏/IphoneX
weixin_30457881的博客
12-21 1506
iphoneX和安卓全面屏手机的出现增加了游戏分辨率适配的难度 以横版游戏为例,一般采用16:9的设计分辨率,匹配iphone5~iphone8以及几乎全部安卓手机 对于iphone4/4s(3:2)和ipad(4:3)这种更方的分辨率,只需要使用FIXED_WIDTH模式,再处理顶部和底部多出来的显示区域即可 常用的做法是把背景图做大,顶部底部UI使用widget贴canvas边 ...
最完整的让cocos2d游戏适配IPAD Retina的教程
老猫
06-19 7385
暂时在网上还没找到一个让cocos2d开发的IPhone游戏快速地适应IPAD2 Retina模式的教程。确实，如果在项目开展初期没有规划好“一个app，多处适配”的话，到了开发末期才来做分辨率适配是比较麻烦的事，因为需要涉及到定义一些宏，以适应不同分辨率之间的坐标偏移值，这就需要修改现有项目中大量的代码。而且很多游戏在设计的时候只是按480*320/960*640这样的分辨率设计，很多时候受到了
Cocos Creator iPhoneX适配的解决办法
weixin_33726943的博客
11-17 1883
研究了5个小时的iPhoneX适配。 从catalog,storyboard,safearea等一系列文章中发现。如果我们想完全撑满全屏。那直接建一个storyboard就好了。但撑满全屏后，流海就是一个恶心的问题。 思索半天后，我们发现，其实我们想要的。并不是撑满。 而是要去除留海部分。那有没有一种办法，干脆就让我们的iPhoneX达到和iPhone6一样的显示效果呢。 或许这才是我们想要的。 ...
cocoscreator适配
枫树林的博客
08-05 2455
cocoscreator的ui适配
cocos2dx 屏幕适配解决方案，包含刘海屏处理
u012861978的专栏
07-31 5642
首先要理解visibleSize和frameSize的意义： frameSize: local director = cc.Director:getInstance() local view =director:getOpenGLView() local frameSize =view:getFrameSize() local w,h =frameSize.width,frameS...
CocosCreator引擎中designSize、visibleSize、frameSize等属性的计算公式
楚游香的博客
05-05 820
1 简介在使用CocosCreator引擎开发的过程中，如果需要做不同宽高比屏幕的适配或旋转，必定会接触到designSize、visibleSize、frameSize等不同属性，它们各代表什么意思？区别是什么？本文将解答这些问题，并总结这几个属性之间的推导公式。2 定义designSize视图的设计分辨率。运行中可通过以下代码获取：constdesignSize=...
cocoscreator 屏幕适配
最新发布
02-19
Cocos Creator是一款流行的游戏开发引擎，它提供屏幕适配的功能，以确保游戏在不同设备上的显示效果一致。下面是Cocos Creator中屏幕适配的一般步骤： 1. 设计分辨率：首先，你需要确定游戏的设计分辨率，即你在开发过程中使用的分辨率。这个分辨率通常是你希望游戏在最终发布时的分辨率。 2. 适配策略：Cocos Creator提供了几种适配策略，包括固定宽度、固定高度、自适应等。你可以根据游戏的需求选择适合的策略。 3. Canvas节点设置：在Cocos Creator中，游戏场景通常由一个Canvas节点作为根节点。你可以在Canvas节点上设置适配策略和设计分辨率。 4. UI布局：在设计UI时，可以使用相对布局和锚点来确保UI元素在不同分辨率下的正确位置和大小。 5. 缩放模式：Cocos Creator提供了几种缩放模式，包括不缩放、等比缩放、裁剪缩放等。你可以根据游戏需求选择合适的缩放模式。 6. 测试和调试：在开发过程中，你可以使用Cocos Creator提供的模拟器或真机调试来测试游戏在不同设备上的适配效果。 总的来说，Cocos Creator提供了一系列的功能和工具来帮助你实现屏幕适配，以确保游戏在不同设备上的良好显示效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值