【包教包会】零代码实现CocosCreator屏幕自适配

你的设计分辨率1080x2436,屏幕1384*2436,那自动适配的结果肯定是上下完全顶牢,左右留黑边啊,不存在从底部渲染的说法。
如果你换一个很窄但是很高的屏幕,自动适配就会上下留黑边,这个时候你想让内容从底部对齐,只要页面缩放以后,重新计算页面Y坐标就行了。

image 但是不是已经赋值了吗,怎么没有效果?问题是怎么做到从底部开始渲染,widget组件没用

image
你的sys.isMobile是false啊,代表是浏览器打开的,运行的是下面的代码
image

已更新https://github.com/szrpf/SceneAdapterDemo/archive/refs/heads/master.zip
去掉Web端自动添加cc.Mask的功能。
因为根节点加cc.Mask,会造成不必要的drawcall。
如果Web端发现内容溢出屏幕范围,对溢出的内容单独做处理比较合理。

markmarkmarkmark

已更新v1.2版:
https://github.com/szrpf/SceneAdapterDemo/archive/refs/heads/master.zip
1、如果添加到没有Canvas组件的节点,会自动失效并给出提示
2、判断横竖屏,自动设置fitWidth和fitHeight
image

1赞

这个方案不错,学到了。但是大背景要大到任何手机都要不漏黑边吧,另外,大背景是不是最好只是装饰效果,不能有需要固定显示的建筑啥的?否则可能显示不全吧

看背景类型,比如只为了装饰,我完全可以让背景缩放。如果有建筑之类的,背景本身就是一个地图,,那就应该是大背景