creator底层原理适配主要是通过Canvas(画布)和Widget(对齐挂件)。
Canvas(画布) 组件随时获得设备屏幕的实际分辨率并对场景中所有渲染元素进行适当的缩放。
Widget(对齐挂件) 放置在渲染元素上,能够根据需要将元素对齐父节点的不同参考位置。
Creator的屏幕适配主要是放在Canvas组件上实现的,所以每当创建一个新的场景时,默认都会有个一个Canvas对象在层级管理器上,游戏内其它的节点都应该放在Canvas节点下,这样才能有效的在web浏览器上进行适配。
关于Canvas组件,主要有三个属性:
Design Resolution:主要设置游戏设计分辨率的尺寸,默认设置宽度960(W)高度640(H)。
1、Fit Height:固定高度。
2、Fit Width:固定宽度。
3、EXACT_FIT(非等比拉伸至全屏)
我们使用 Canvas 组件提供的的 适配高度(Fit Height)模式,将设计分辨率的高度自动撑满屏幕高度,使用 Canvas 组件提供的 适配宽度(Fit Width)模式,将设计分辨率的宽度自动撑满屏幕宽度
假设我们的设计分辨率为 800 x 480,现在屏幕分辨率 1024 x 768,如果使用适配高度(Fit Height)模式,将场景图像放大到 768/480 = 1.6 倍,如果使用适配宽度(Fit Width)将场景图像放大到 1024/800 = 1.28 倍,保证宽度适配。