pixijs不同分辨率改变导致位置出现错位,适配

472 阅读1分钟

不同分辨率出现相同位置发生改变

适配流程

//原位置179,38 :适用于总高度大于一屏
//改变分辨率后计算新位置
//x
const pubX = window.innerWidth * x /375 
//y
const oldHeight = 1439 //app.stage.height //在375*667分辨率下的总高度,写死
const newHeight = app.stage.height //在新分辨率下的总高度
const pubX = app.stage.height * y / newHeight 
​

计算pubX

3.png

计算pubY

4.png

注:可以使用PIXI.Point进行坐标的存放 ts类型:PIXI.Point
const axis = new PIXI.Point(179, 38) 
使用axis.x / axis.y