FMCL启动器二次开发教程

作者提示：由于支持深度自定义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”作为界面的入口文件。

用文本编辑器打开该文件。

......

经过几分钟的编写我们就完成了我们的新模板。

怎么样，很不错吧？

最后感谢大家使用！