Project1

标题: 做出来的游戏在手机端左右都有黑边有办法全屏显示出吗 [打印本页]

作者: mkl7788 时间: 2021-9-2 13:53
标题: 做出来的游戏在手机端左右都有黑边有办法全屏显示出吗
做出来的游戏
用手机玩左右都有黑边
有没有办法让游戏显示在整个手机屏幕上，左右俩边没有黑边

作者: Code_LIN 时间: 2021-9-2 16:30
分辨率问题，设定好分辨率就行了吧

作者: aster258 时间: 2021-9-2 17:40
楼上说得对

作者: mkl7788 时间: 2021-9-3 08:06

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

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

作者: Code_LIN 时间: 2021-9-3 14:20

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

那可能就没办法了

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

Graphics._centerElement = function(element) {
const width = element.width * this._realScale;
const height = element.height * this._realScale;
element.style.position = "absolute";
element.style.margin = "auto";
element.style.top = 0;
element.style.left = 0;
element.style.right = 0;
element.style.bottom = 0;
element.style.width = "100%";
element.style.height = "auto";
};

复制代码

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

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

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

作者: mkl7788 时间: 2021-9-4 08:55

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

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

作者: apple5740 时间: 2022-6-30 06:00
我很需要这个效果,大佬们有解决办法了吗。。

作者: 41workroom 时间: 2022-6-30 07:57
https://rpg.blue/thread-490124-1-1.html
https://rpg.blue/thread-485607-1-2.html
看一下这两个帖子应该能解决你的问题

作者: 41workroom 时间: 2022-6-30 07:58

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

下面是调整分辨率的插件

作者: apple5740 时间: 2022-6-30 16:46

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

再次感谢

欢迎光临 Project1 (https://rpg.blue/)