EgretScreenFit:使用Egret引擎开发Html5游戏屏幕适配解决方案

时间:2024-05-23 07:38:23
【文件属性】:

文件名称:EgretScreenFit:使用Egret引擎开发Html5游戏屏幕适配解决方案

文件大小:530KB

文件格式:ZIP

更新时间:2024-05-23 07:38:23

TypeScript

ScreenFit Egret开发游戏屏幕适配解决方案,适配不同分辨率,两种适配模式。 适配库是基于Egret的屏幕适配策StageScaleMode.NO_BORDER开发,采用NO_BORDER是因为他没有黑边,而且游戏内容是等比例拉伸。可以把NO_BORDER理解为按宽度适配,也就是宽度填满屏幕,长度上“多退少补”。下面用一个简单游戏场景示例: 设计分辨率 高度溢出分辨率表现(下方有黑边框) 高度不够时游戏表现(下方内容显示不全) ##介绍: 适配库的原理是在NO_BORDER的基础上,重新排列舞台上的对象(或者缩放,在后文有说明),达到在各种分辨率下都能有良好的显示效果; 并且内建游戏场景层管理,更加方便游戏制作; 单例对象,调用更加方便; 两种适配模式,总有一种适合你的游戏。 ##使用方法: 1.把launcher文件夹下egret_loader.js中的适配策略修改为egret


【文件预览】:
EgretScreenFit-master
----.gitattributes(378B)
----resource()
--------resource.json(842B)
--------config()
--------assets()
----src()
--------LoadingUI.ts(2KB)
--------Main.ts(6KB)
--------screenFit()
----doc()
--------img()
----README.md(3KB)
----.gitignore(1KB)

网友评论