【Cocos新手入门】cocos creator 配置游戏界面全局自适应方式

最新推荐文章于 2025-03-08 15:29:13 发布
最新推荐文章于 2025-03-08 15:29:13 发布
阅读量1.7k 收藏 1
点赞数
分类专栏： 游戏开发 文章标签： 游戏
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/hj960511/article/details/128817244
版权

本篇文章主要讲解 cocos creator 配置游戏界面全局自适应方式。
作者：任聪聪
日期：2023年1月31日

未开启自适应屏幕前的效果如下

在这里插入图片描述
可以看到，宽和高很不搭配，实际上这里是设置了固定高度。

修改成自适应形式方法

打开我们的项目，在层级管理器中找到canva，取消掉 fit height 和fit weight
在这里插入图片描述

修改后效果如下

在这里插入图片描述

其他文章推荐：

【Cocos新手入门】cocos creator 的研发思路和工具操作说明

【Cocos新手入门】cocos creator + Visual Studio 做游戏开发的基础教程

Cocos Creator引擎开发：跨平台发布_多平台测试与适配
chenlz2007的博客
11-13 948
/ 自定义性能检测${// 自定义性能检测 cc . director . getScheduler() . schedule(() => {// 自定义性能检测 cc . director . getScheduler() . schedule(() => {${// 自定义性能检测 cc . director . getScheduler() . schedule(() => {MB`);多平台测试与适配是动作游戏开发中的重要环节。
Cocos Creator移动端滚动列表组件-Ts版
kenvs的博客
03-11 907
ListView-for-CocosCreator 专用于Cocos creator的TS版 滚动列表 组件 该组件优化了节点性能，可定制化数据和功能，优化多节点列表显示性能。 该组件继承了scroll-view组件，需要类似scroll-view设置mask节点和content节点。 其他功能类似scroll-view组件，但只支持竖排滚动或水平滚动，暂不支持横竖滚动。 使用方法 将脚本挂载到所需适配的节点上 设置mask节点和content节点，设置滚动方向等属性 设置mask节点中心点为(0, 1)
多分辨率、自适应控件
赳赳万里鲲
09-19 248
一、Widget 实现多分辨率自适应排版基础。 在运行时每帧都按照设置的对齐策略进行对齐，组件所在节点的位置（position）和尺寸（width，height）属性可能会被限制，不能通过 API 或动画系统自由修改。 top、right、bottom、left值可以像素也可以是百分比。 参考：http://docs.cocos.com/creator/manual/zh/components/w...
cocos2d-x屏幕自适应解决办法
热门推荐
bestpool的专栏
05-30 2万+
最近在写一个项目，要求pc，ipad，andriod平台上都可以运行，所以选择用cocos2d-x来开发。我们的资源大小是1024*768的，在pc上和苹果上都是没有问题的，可是到了andriod上，问题就来了。andriod上有有各种各样的分辨率，那么程序在所有的分辨率上都可以正常运行显示呢？针对这个问题，我想了好几种方法： （1）弄多套资源 因为这个项目里面有很多动画资源，如果要弄多套资源
CocosCreator开发系列教程（七）：事件监听详解
最新发布
qq_42182650的博客
03-08 840
本章详细介绍Cocos Creator事件响应的相关内容
cocos creator屏幕自适应方式
lck898989的博客
04-05 1万+
cocos creator屏幕自适应，官方文档给出了几种方式，现在介绍如下：Fit Height : 意思是将设计分辨率的高放大到跟设备的屏幕分辨率的高相同，他们之间是形成了相当的比例的，这时候Canvas的大小是变得，但是它的子节点是不会发生大小的变化：Fit Width : 将设计分辨率的宽放大到跟设备的屏幕分辨率的宽相同，他们之间也有相当的比例，这时候Canvas的大小也会发生变化这里界面适...
【包教包会】零代码实现CocosCreator屏幕自适配
CocosCreator水煮肉片饭的博客
07-06 2021
CocosCreator屏幕自适配
cocos creator 单机自适应屏幕510K
vinke丶le
02-13 505
单机自适应屏幕510K可以自行搭建项目。 演示地址：https://www.bilibili.com/video/av40378070/ 联系方式：QQ 1019429950
vue适配不同屏幕大小_Cocos creator面试题 屏幕适配的3个小技巧
weixin_39598094的博客
11-22 531
引言cocos creator是什么？Cocos Creator 是触控科技旗下的产品，以内容创作为核心的游戏开发工具，在 Cocos2d-x 基础上实现了彻底脚本化、组件化和数据驱动等特点。屏幕适配是cocos creator面试题中必问的一个题目，今天给大家说说怎么样做屏幕适配。1: 屏幕适配的2个核心的配置 a: 设计分辨率: 美术设计资源时候的分辨率, 也是我们所有资源的参考分辨率，我们就...
CocosCreator3D微信小游戏入门RunningBall（二）：动画
BigBear的博客
10-26 1041
CocosCreator3D微信小游戏入门：RunningBall（二） 上一节我们完成了小球的基本操作，成功的使得小球也动了起来。接来下我们继续完成关卡的胜负判断。 这个小游戏的胜负情况如下： 小球到达终点：胜利 小球跌落到地面下：失败 需要我们完成的有几个东西： 1.终点 2.失败的判定 3.结束的UI界面 接下来我们一个个来实现 ##终点FinishPlane 终点和上一节中提到的地面是...
cocos creator 自定义弹窗
11-22
Cocos Creator是一款强大的2D游戏开发工具，它结合了编辑器、引擎和构建流程，支持JavaScript和TypeScript（TS）编程。在本篇中，我们将深入探讨如何在Cocos Creator中实现自定义弹窗及其相关知识点。 1. **组件...
cocos脏话过滤_Cocos Creator 性能优化：DrawCall
weixin_39637049的博客
12-23 294
前言在游戏开发中，DrawCall 作为一个非常重要的性能指标，直接影响游戏的整体性能表现。无论是 Cocos Creator、Unity、Unreal 还是其他游戏引擎，只要说到游戏性能优化，DrawCall 都是绝对少不了的一项。本文将会介绍什么是 DrawCall，为什么要减少 DrawCall 以及在 Cocos Creator 项目中如何减少 DrawCall 来提升游戏性能。正文什么是...
cocos2d-x 2.0版本 自适应屏幕分辨率
12-04
cocos2d-x 2.0版本 自适应屏幕分辨率,
Cocos Creator 场景屏幕适配
Ice__wine的博客
09-20 1464
出现原因：高度固定宽度自适应等展示会出黑边，不会铺满屏幕解决方案：获取设备与Cocos Creator编辑器设计的分辨率得到缩放比例，进行场景内容的缩放，使用widget组件将背景牢牢固定到四周。
[Cocos creator学习篇] 屏幕自适配脚本
weixin_41922691的博客
04-23 691
今天给大家带来目前我在用的一个屏幕自适配的脚本。用法也比较简单。 新建一个脚本把下面的脚本复制进去就可以了，在你要做适配的节点，挂上widget组件，把脚本拖进去就可以了。 /** * IPXWidget适配器 * 适用于非16:9屏幕贴边UI * @author yxx0 */ const { ccclass, property } = cc._decorator; @ccclass...
CocosCreator常用的屏幕适配方式
qwery75的博客
12-13 4602
CocosCreator 提供了多种屏幕适配的方式，以确保游戏在不同设备上能够正确显示和布局。以下是 Cocos Creator 中常用的屏幕适配方式及其说明。1、 Cocos Creator 项目设置中统一配置设计分辨率和屏幕适配在同一个项目里的多个 Canvas 的设计分辨率仍然采用同一套设计分辨率以及适配方案。可以通过项目 -> 项目设置 -> 项目数据页面配置。设计宽度、高度：主要设置游戏设计分辨率的尺寸，根据实际情况进行配置。适配屏幕高度：固定高度。适配屏幕宽度：固定宽度。
Cocos Creator 屏幕适配
qq_38248841的博客
05-21 416
3. 变化的区域：Widget top/left/right/bottom 位置设置。1. 背景适配：要做大一点点，能够容纳所有分辨率；2. 适配的停靠点：Widget 某一方位位置设置。4. 终极适配必杀技：代码干预。
[cocos2d-x]针对不同的设备，选取不同的自适应图片
jishublog
09-13 108
前言： 我们在进行移动设备开发的时候，我们常常会准备不同大小的图片资源以适应不同大小的设备，下面我称普清图片资源和高清图片资源。那么如何做到图片资源的自适应呢？下面我来用一个demo展示一下这个效果的实现。 工具介绍： IOS开发有一个非常好用的图片合成工具，能够让多个png图片合成一个大的资源图片，也可以生成普清和高清的两种资源图片，这个工具就是TextureParker。 如何用Tex...
cocos2d-x 游戏实战经验(三) 多分辨率的自适应(上)
思考的智慧，知识源于思考
06-08 1710
原文地址：http://blog.justbilt.com/2013/08/02/cocos2d-x-%E6%B8%B8%E6%88%8F%E5%AE%9E%E6%88%98%E7%BB%8F%E9%AA%8C%E4%B8%89-%E5%A4%9A%E5%88%86%E8%BE%A8%E7%8E%87%E7%9A%84%E8%87%AA%E9%80%82%E5%BA%94%E4%B8%8A/
Cocos Creator贪吃蛇游戏开发新手教程示例
标题和描述中提到的知识点主要包括“贪吃蛇2.0.9”以及“cocos creator2.0.9新手学习demo”。从这些信息中我们可以提炼出以下...对于希望入门Cocos Creator或者游戏开发的初学者来说，这个资源可以作为一个很好的起点。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

任聪聪

创作不易，你的打赏是我的动力！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值