作者提示:由于支持深度自定义UI,所以如果想熟练的在FMCL基础上进行二次开发,那么最好了解或掌握以下知识点。
1. HTML(5)、CSS(3)、JavaScript,其他JavaScript框架如:jQuery、Vue、Angular等。
(1) HTML、CSS教程 https://www.w3school.com.cn/h.asp
(2) JS、jQuery、JSON教程 https://www.w3school.com.cn/b.asp
2. 会使用PS等工具做图,当然你要是有美工,或者不需要图片可以忽略。
3. 了解启动器的运行机制,这方面你可能需要经常查看文档,或者向我咨询。
如果你只是在模板的基础上修改显示的文字,以上提示请无视!!!
考虑到大家的接受能力,下面将着重讲解如何在模板的基础上修改显示的文字。
一、
FMCL界面测试(界面调试器的使用)
*UI1、UI2使用了jQuery+element前端框架开发。
element开发文档:https://element.eleme.cn/#/zh-CN
1.双击打开FMCL界面调试器.exe

2.将入口文件index.html拖拽到窗口内。

3.测试
点击“有边框测试”或“无边框测试”即可查看UI效果。

有边框测试

无边框测试
UI1默认)
页面宽度: 810 页面高度: 516 缩放比例: 0.25
UI2默认OSU!
页面宽度: 1010 页面高度: 810 缩放比例: 0.38
4.修改界面文字

如果我们想修改红框内的文字,那么用文本编辑器打开index.html。

找到文字出现的位置。

修改为想要显示的文字。

点击“有边框测试”查看修改后的UI效果。

点击“无边框测试”查看修改后的UI效果。
如果你想深度修改UI,或者写一套船新的UI模板,那么请查看最后的进阶教程。
二、
FMCL生成配置(配置生成器的使用)
使用FMCL界面调试器测试完界面基本就可以确保修改的UI可以使用了,但是不排除会有一些意外。
1. 运行FMCL配置生成器,并登录账号。


2. 参数设置

启动器标题:修改可替换UI中的{windowTitle}代码和启动器标题

窗口标题:游戏窗口显示的标题

入口文件:将index.html拽入窗口即可。模板的入口文件都是index.html。
如果你使用的是自己开发的UI模板,请将你的入口文件拽入窗口。
直连地址:填写 服务器域名(ip):端口
设置后将直接进入对应服务器,无须在服务器列表内选择进入的服务器。
用户系统地址:该配置用于外置登录
皮肤站插件使用 https://xxx.com/api/yzgdrasil/authserver
MC统一通行证使用 https://auth2.nide8.com:233/{统一通行证服务器ID}/authserver
如:
https://auth2.nide8.com:233/c579e74a805b11e88feb525400b59b6a/authserver
设置外置登录启动参数前,请确保外置登录使用的jar改名为authlib.jar,并确保其复制到与入口文件相同的目录内。

外置登录启动参数:该配置用于外置登录
皮肤站插件使用 https://xxx.com/api/yzgdrasil
MC统一通行证直接填写{统一通行证服务器ID},如:c579e74a805b11e88feb525400b59b6a
3. 生成
直接点击“生成”按钮即可。

server.config生成后,即可运行启动器实际测试并发布。
三、
整合包发布的注意事项
1.请确保没有缺失必要文件。

详细解释:

2. 由于启动器使用版本隔离的方式启动游戏,所有“.minecraft”内只需要保留三个文件夹:
Assets、libraries、versions。Config、mods、resourcepacks等文件夹及options.txt、servers.dat等文件请移动到versions内的版本文件夹内,如:“.minecraft\versions\1.15.1-forge-30.0.24”内。

3.请确保使用Minecraft官方启动器能启动你的整合包。
4.删除无用的文件,比如TEMP文件夹,游戏内的缓存、日志文件。
5.发布前多次测试。
四、
进阶教程
编写一个船新的UI模板
新建一个文件夹,文件夹内创建一个新文件“index.html”作为界面的入口文件。
用文本编辑器打开该文件。
......
经过几分钟的编写我们就完成了我们的新模板。


怎么样,很不错吧?
最后感谢大家使用!