creator3.x怎样才可以使用物理分辨率适配,缩放浏览器窗口不影响素材显示大小?

现在市面上做页游,传奇类或者仙侠类的,都是用白鹭和laya引擎,这两个引擎自带用物理分辨率1比1像素的适配模式,适合pc浏览器,我用cocos尝试了下做页游的效果,发现只有 fixedwidth和 fixedheigth两种模式,这两种模式一般是用于手游的,会放大或者缩小美术原图的,要怎样才能支持其他引擎这种pc浏览器页游的效果呢?跟电脑本地直接打开图片看得效果大小一样

白鹭的是egret.StageScaleMode.NO_SCALE模式
laya的是Stage.SCALE_FULL模式

就是缩放浏览器窗口大小之后,里面的按钮图片除了相对位置不变,关键是按钮图片大小保持不变,例如下面laya弄的图示

widget

1赞

widget只是处理相对位置保持,我主要是想缩放窗口后,图片素材大小保持不变,跟电脑本地直接打开看的效果大小一样,白鹭和laya是自带这种适配模式的,市面上的页游就是要这种显示效果啦

那就不知道了

web-desktop
打这个平台的包不行?你用的是 web-mobile 吧

web-desktop是固定窗口大小的,也不能全屏自适应填满整个浏览器内容

那个大小是可以改的,也不是只固定那么大,你可以动态获取浏览器宽高进行调整。理论上应该是符合你的需求

我去试试看行不行吧,话说官方对这块可以搞个按钮勾选,一键输出这种模式吧,方便开发者,毕竟页游一年几十亿流水市场还在的,还是很有需求的,我看市面上页游项目要不就是laya,要不就白鹭,没看到有用cocos的,也可能这个点卡住了的原因呢 @jare

监听size变化,根据实际分辨率修改设计分辨率大小就可以了。

要同时调整设计分辨率和外层的div高宽才行, 不过建议官方把web-desktop的模板修改成 web-mobile那样全屏覆盖,并且可以缩放浏览器时候,也可以实时调整画面效果 ,这种才是开发者实际项目所需的效果
var w = window.innerWidth;
var h = window.innerHeight;
document.getElementById(“GameDiv”).style.width = w + “px”;
document.getElementById(“GameDiv”).style.height = h + “px”;
view.setDesignResolutionSize( w,h,ResolutionPolicy.FIXED_WIDTH);

2赞

点浏览器最大化和缩小还原,并没有实时刷新。你那里会吗?是怎么解决的?