Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

怎么适配? #12

Open
scc172fly opened this issue Apr 29, 2024 · 8 comments
Open

怎么适配? #12

scc172fly opened this issue Apr 29, 2024 · 8 comments

Comments

@scc172fly
Copy link

dom 怎么像 laya 那样能根据宽适配,根据高适配,根据宽高适配?文档太少了,编辑器是配好了,到了dom无效,dom的例子太简单了。

@xiaoguzhu
Copy link
Member

没有这些,因为没有缩放。一直都是保持全屏并且1:1大小。

@scc172fly
Copy link
Author

没有这些,因为没有缩放。一直都是保持全屏并且1:1大小。

怎么才能实现呢?有这个才好做啊,不然虽然是dom,没有实现的话用处不大啊。

@scc172fly
Copy link
Author

没有这些,因为没有缩放。一直都是保持全屏并且1:1大小。

怎么才能实现呢?有这个才好做啊,不然虽然是dom,没有实现的话用处不大啊。

单纯的为了这个适配而加入 laya 的核心库感觉不太划算,体积翻倍了,这部分有计划实现吗?

@xiaoguzhu
Copy link
Member

你是不是搞错了什么,这不是游戏引擎,它是网页。

@scc172fly
Copy link
Author

你是不是搞错了什么,这不是游戏引擎,它是网页。

没有搞错,网页也是要适配的呀,楼上同学说了,因为没有缩放,这个可以加入的。

@uyaer
Copy link

uyaer commented Jun 5, 2024

目前我适配是修改GRoot的scale来实现的。根据innnerWidth / 设计分辨率,可以获得一个缩放比值,当然我的项目主要是手机端竖屏的。引擎有很多dom上水土不服的地方,只能下载源码直接修改。
编辑器不支持gif,webp,只能留空然后代码里设置链接。

@scc172fly
Copy link
Author

scc172fly commented Jun 11, 2024

目前我适配是修改GRoot的scale来实现的。根据innnerWidth / 设计分辨率,可以获得一个缩放比值,当然我的项目主要是手机端竖屏的。引擎有很多dom上水土不服的地方,只能下载源码直接修改。 编辑器不支持gif,webp,只能留空然后代码里设置链接。

我尝试了下不行呀,和Laya比起来不对,能贴出你的具体的代码吗?

@uyaer
Copy link

uyaer commented Jul 25, 2024

目前我适配是修改GRoot的scale来实现的。根据innnerWidth / 设计分辨率,可以获得一个缩放比值,当然我的项目主要是手机端竖屏的。引擎有很多dom上水土不服的地方,只能下载源码直接修改。 编辑器不支持gif,webp,只能留空然后代码里设置链接。

我尝试了下不行呀,和Laya比起来不对,能贴出你的具体的代码吗?

let width = innerWidth;
let height = innerHeight;
let DESIGN_W = 750;
let DESIGN_H = 1500;
let scale = height / DESIGN_H; //适配高度
GRoot.inst.setSize(DESIGN_H * width / height, DESIGN_H);
GRoot.inst.scaleX = GRoot.inst.scaleY = scale;

大概代码就这样

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants