cocos creator游戏适配这事
2024-10-20 07:42:53
在想cocos适配之前,我们想想网页是怎么适配的。浏览器有各种规格,网页的一般做法是:背景图片铺满,网页内容保持在背景图片上居中,就实现了适应或者适配。css一般这样:
.bg{
height:582px;
background-image:url('images/top_team_bg.png');
background-size:auto 100%;
background-position: center center;
background-repeat: no-repeat;
} .content {
width:1000px;
margin:0 auto;
}
核心:
background-position: center center;
因为是背景图片,所以横向显示可以不全,但永远会显示中间的部分,就是我们的网页内容。content部分宽度是固定的,并且是居中的。
回到cocos上,原理完全一样,让背景铺满,内容居中。
背景铺满,在背景是顶级节点的情况下(和canvas平级),可以用Widget,left:0;right:0;
content居中我们用js去控制,下面的代码,在编辑器里我们设置content的宽度是2048,ts代码:
adaptScreen(items: Array<cc.Node>) {
if(cc.director.getVisibleSize().width <= 2048) return;
if(items instanceof Array) {
items.forEach(item => {
try {
item.x += Math.floor((cc.director.getVisibleSize().width - 2048) / 2 )
} catch(e) {
cc.log(e)
}
})
} else {
cc.log(items)
cc.log('传入的参数必须是数组')
}
}
最新文章
- Java中,包的概念、常量、静态成员、继承
- SQL sever 学习,2016,5,31,(重点:100行以后,字符串操作。)
- 关于Xcode7更新之后使用 SDWebImage 图片加载不出来
- jQuery 控制表单和表格
- centos配置163源
- linux发展前景如何?
- JSP之request对象
- CountDownLatch和CyclicBarrier区别及用法的demo
- Java开源生鲜电商平台-订单表的设计(源码可下载)
- JavaScript基础知识(Math的方法)
- 小白的CTF学习之路5——内存的逻辑结构
- imooc《JavaScript深入浅出》上的一个 arraysSimilar 函数
- 063 日志分析(pv uv 登录人数 游客人数 平均访问时间 二跳率 独立IP)
- dos命令:文件操作
- SQLSERVER 对于非dbo的表增加注释
- 【AtCoder Grand Contest 001F】Wide Swap [线段树][拓扑]
- xcode常见报错调试
- 30道Spring面试题和答案
- 2017-2018-1 20155330《信息安全技术》实验二——Windows口令破解
- 临时修改当前crontab编辑器
热门文章
- scikit-learn: isotonic regression(保序回归,非常有意思,仅做知识点了解,但差点儿没用到过)
- Android高仿UC浏览器和360手机卫士消息常驻栏(通知栏)
- Cocos2d-x3.3RC0载入Android的WebView
- Java与设计模式-适配器模式
- Android Application Digital Signatures - Android 数字签名
- Silverlight 2学习笔记二:三个基本布局控件(Canvas、StackPanel、Grid )
- bzoj3662
- IDEA Spark Streaming Kafka数据源-Consumer
- CSS小代码汇总整理
- 一款超好用的第三方评论插件--Gitalk