真3D麻将游戏桌面适配任意分辨率

但3D的适配则不是通过缩放来的，因为3D看到的画面，大部分是调整摄相机参数得来的。我们常见的设备有以下分辨率

2.16 : 1  iPhoneX系列为代表

2:1 华为、小米等2018年后出的Android手机为代表

16:9 苹果6以及同时期的Android手机为代表

1024:768 iPad为代表。

麒麟子打开了麻将的代表作，欢乐麻将。在不同设备下玩了一圈后总结出了欢乐麻将的适配规则。

1、设计分辨率是 16:9, （常见的就是1280 x 720)

2、在宽于16:9的设备上，它什么都没做，只是简单地把桌面保持左右撑满。

3、在高于16:9的设备上，它会保持左右两边不变，让高显示得更多一点。

要实现以上目标，我们需要做如下处理就行。

1、U3D编辑器中，使用16:9的预览窗口，调整好摄相机和画面。

2、切换为1024x768的分辨率，保持摄相机不动（最好是在运行模式下调，这样16:9的参数就不会影响），调整好桌面的缩放和位置。

3、记录下1024x768的参数 缩放和位移。

4、在代码中，通过真实横纵比(宽/高) 与 设计横纵比(1280/720) 进行比较

a、如果更宽(真实横纵比 > 设计横纵比)，则将背景的scaleX放大，放大倍数 = 真实横纵比 / 设计横纵比。

b、如果更高(真实横纵比 > 设计横纵比)，则将桌面缩小和位移。

缩小的方式就是插值， 设计分辨率下的缩放和位移，我们作为初值，1024 x 768下的值作为目标值（刚刚U3D编辑器中编辑的时候，我们需要把这个值记下来）。 插值的计算如下：（代码中的Laya.stage.height / Laya.stage.width 就是真实高/真实宽，大家根据自己用的引擎来调整 即可）

			let fromRatio = 720 / 1280;
			let targetRatio = 768 / 1024;
			let curRatio = Laya.stage.height / Laya.stage.width;
			let factor = (curRatio - fromRatio) / (targetRatio - fromRatio);

有了这个factor我们只需要做一个线性插值，就能得到不同分辨率下的桌面缩放和位移了。

最后上几张图

代码与工程相关比较多，不方便抽出来，如果有需要的朋友，可以联系我一起探讨。