做出来的游戏在手机端 左右都有黑边 有办法全屏显示出吗

mkl7788

做出来的游戏
用手机玩  左右都有黑边
有没有办法让游戏显示在整个手机屏幕上，左右俩边没有黑边

Code_LIN

分辨率问题，设定好分辨率就行了吧

aster258

楼上说得对

mkl7788

Code_LIN 发表于 2021-9-2 16:30
分辨率问题，设定好分辨率就行了吧

如果发给朋友玩
他们的手机的屏幕大小分辨率都不一致呢，

Code_LIN

mkl7788 发表于 2021-9-3 08:06
如果发给朋友玩
他们的手机的屏幕大小分辨率都不一致呢，

那可能就没办法了

小怪兽奇奇侠

这个问题我以前也考虑过，没有什么完美办法，我个人的经验是：mz只要调整了canvas的大小，内部像素也会跟着变，我当前反正做不到只调整可视区域而不改变内部像素。
如果楼主对游戏画面完整性要求不高的话，我有个办法可以让画面铺满全屏。

1. Graphics._centerElement = function(element) {
   
2.     const width = element.width * this._realScale;
   
3.     const height = element.height * this._realScale;
   
4.     element.style.position = "absolute";
   
5.     element.style.margin = "auto";
   
6.     element.style.top = 0;
   
7.     element.style.left = 0;
   
8.     element.style.right = 0;
   
9.     element.style.bottom = 0;
   
10.     element.style.width = "100%";
    
11.     element.style.height = "auto";
    
12. };

复制代码

把这段代码随便放入一个已开启的插件中，可以大概实现全屏。

为什么是大概嘞？因为我没有试，不确定在手机上的实际效果....
反正在电脑上的话，窗口这样子拉，都可以铺满，但是会出现浏览器的滚动条。




这就是我的一定要全屏的笨办法。。。
如果你的游戏本身是按16：9的分辨率来的，而且玩家主要是在手机上的话，可以试试。
因为大屏手机即使不是16：9的分辨率，也是接近的，随着分辨率的不同，画面底部可能会缺失一点。
设计游戏的时候可以注意把对话框抬高一点，在画面底部不要塞重要的东西，我觉得还是可取的。

mkl7788

小怪兽奇奇侠 发表于 2021-9-3 22:59
这个问题我以前也考虑过，没有什么完美办法，我个人的经验是：mz只要调整了canvas的大小，内部像素也会跟着 ...

试了下 手机全屏可以达到，就是效果不是太理想，好多窗口位置都变了

apple5740

我很需要这个效果,大佬们有解决办法了吗。。

41workroom

https://rpg.blue/thread-490124-1-1.html
https://rpg.blue/thread-485607-1-2.html
看一下这两个帖子 应该能解决你的问题

41workroom

41workroom 发表于 2022-6-30 07:57
https://rpg.blue/thread-490124-1-1.html
https://rpg.blue/thread-485607-1-2.html
看一下这两个帖子 应 ...

下面是调整分辨率的插件