使用的游戏引擎是phaser
但是遇到了一个问题,就是在retina屏上,图片等会有锯齿。
原因是retina屏上一个物理像素等于两个css像素。把canvas视图调成两倍宽高,再用css压缩到原尺寸并不可行,原因是框架在绘图到canvas上的时候,记录的都是canvas上的像素坐标点,当点击屏幕的时候,识别到的坐标点就和原canvas上的坐标点不一致了,造成了物理碰撞,点击等事件都会错位。
求解决方法TT
使用的游戏引擎是phaser
但是遇到了一个问题,就是在retina屏上,图片等会有锯齿。
原因是retina屏上一个物理像素等于两个css像素。把canvas视图调成两倍宽高,再用css压缩到原尺寸并不可行,原因是框架在绘图到canvas上的时候,记录的都是canvas上的像素坐标点,当点击屏幕的时候,识别到的坐标点就和原canvas上的坐标点不一致了,造成了物理碰撞,点击等事件都会错位。
求解决方法TT
8 回答4.7k 阅读✓ 已解决
6 回答3.4k 阅读✓ 已解决
5 回答2.8k 阅读✓ 已解决
5 回答6.3k 阅读✓ 已解决
4 回答2.3k 阅读✓ 已解决
5 回答1.3k 阅读✓ 已解决
4 回答2.8k 阅读✓ 已解决
渲染 2倍的canvas ,
然后用css去缩小canvas到屏幕大小就可以了。