小程序
小游戏
企业微信
微信支付
扫描小程序码分享
游戏圈按钮适配屏幕,匹配正确到固定某个位置 怎么处理的呢
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
把游戏坐标转换成小游戏坐标就行了
/** 游戏舞台单位转换成微信平台单位 *@param width 设计分辨率下width *@param height 设计分辨率下height *@param x 设计分辨率下 X *@param y 设计分辨率下 Y **/ public static gameSizeConverWxSize(width: number, height: number, posX: number, posY: number): any { let platformInfo: any = wx.getSystemInfoSync(); // 微信平台设备信息 // css 像素转成设备物理像素 let screenWidth = platformInfo.screenWidth * 2; let screenHeight = platformInfo.screenHeight * 2; // 设计分辨率尺寸 let designResolutionSize = { width: 750, height: 1334, x: 170, y: 862 }; // 与设计分辨率的宽高比例 let scaleX: number = screenWidth / designResolutionSize.width; let scaleY: number = screenHeight / designResolutionSize.height; // 适配高度和宽度 let newWidth: number = (width * scaleX) * 0.5; let newHeight: number = (height * scaleY) * 0.5; let xDes = (posX * scaleX) / 2; let yDes = (posY * scaleY) / 2; return { newWidth, newHeight, xDes, yDes }; }
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
把游戏坐标转换成小游戏坐标就行了
/** 游戏舞台单位转换成微信平台单位 *@param width 设计分辨率下width *@param height 设计分辨率下height *@param x 设计分辨率下 X *@param y 设计分辨率下 Y **/ public static gameSizeConverWxSize(width: number, height: number, posX: number, posY: number): any { let platformInfo: any = wx.getSystemInfoSync(); // 微信平台设备信息 // css 像素转成设备物理像素 let screenWidth = platformInfo.screenWidth * 2; let screenHeight = platformInfo.screenHeight * 2; // 设计分辨率尺寸 let designResolutionSize = { width: 750, height: 1334, x: 170, y: 862 }; // 与设计分辨率的宽高比例 let scaleX: number = screenWidth / designResolutionSize.width; let scaleY: number = screenHeight / designResolutionSize.height; // 适配高度和宽度 let newWidth: number = (width * scaleX) * 0.5; let newHeight: number = (height * scaleY) * 0.5; let xDes = (posX * scaleX) / 2; let yDes = (posY * scaleY) / 2; return { newWidth, newHeight, xDes, yDes }; }