[免费] [开源] Darkside Development — Premium Glassmorphism 加载界面 v2

[免费] [开源] Darkside Development — Premium Glassmorphism 加载界面 v2

Darkside Development 加载界面 v2 是一个功能齐全、可用于生产的 FiveM 加载界面，采用了现代的 Glassmorphism 设计风格，配有动画粒子画布背景和完整的音乐播放器。它通过我们的 Tebex 商店完全免费且开源地发布。

**特点：**

**视觉设计：**
– 未来主义的 Glassmorphism 用户界面，带有模糊背景面板、发光的电蓝色边框和动画角装饰
– 全屏动画粒子画布——60 多个霓虹蓝色节点，它们会漂浮并通过发光线条连接（帧率上限为 30 fps，对性能无影响）
– 扫描线和噪声效果，营造出高级赛博朋克氛围
– 周围有发光的球体以及 CSS 微动画

**加载条：**
– 由 FiveM 的原生 NUI 事件驱动，无需手动设置
– 支持 loadFraction、startInitFunction (INIT_CORE / INIT_BEFORE_MAPLoaded / INIT_SESSION)、initFunctionInvoked、onConnectionProgress、DLTXT 和 loadingScreenReady 等事件
– 使用平滑的指数插值算法进行动画显示，加载条始终在移动，不会出现卡顿现象
– 在浏览器中测试时，会回退到基于时间的模拟方式

**音乐播放器：**
– 可播放/暂停、切换曲目
– 点击进度条可查看实时音乐时长（以 M:SS 为单位）
– 音量滑块具有实时 CSS 变化效果
– 使用静音自动播放功能在加载时自动开始播放（适用于 FiveM 的 CEF 浏览器）
– 支持无限数量的 .ogg 音轨

**背景视频面板：**
– 将任何本地 .mp4 或 .webm 文件放入 /videos 文件夹
– 视频会以静音模式循环播放，并覆盖在可配置的蓝色色调背景上
– 在配置文件中将此选项设置为 null 可以禁用该功能，且不会对性能产生影响
（注意：FiveM 的 CEF 浏览器会阻止 YouTube 帧的加载，仅支持本地文件）

**服务器规则面板：**
– 完全动态，由 config.js 中的 JavaScript 数组生成
– 可以添加、删除或重新排序规则，无需修改 HTML
– 规则会自动编号，并用粗体显示

**最新更新面板：**
– 更新卡片带有 NEW / HOT / FIX 标签（每种标签代表不同的更新类型）
– 日期、标题和描述字段均来自 config.js

**对购买者的友好配置：**
– 所有文本、音轨、规则和设置都保存在 config.js 中
– 购买者无需打开 index.html、style.css 或任何逻辑文件
– 配有内联注释，文档齐全

**兼容性：**
– 支持 QBCore、ESX、vRP 和独立模式——与框架无关
– 提供可选的手动关闭钩子，用于处理玩家生成的事件

**文件结构：**
“`
darkside_loadingv2/
├── fxmanifest.lua ← FiveM 资源清单
├── config.js ← 唯一需要编辑的文件
├── index.html ← 用户界面结构
├── style.css ← Glassmorphism 设计系统（约 1000 行代码）
├── script.js ← 所有逻辑：NUI 事件、音乐播放器、视频背景
├── background.js ← 粒子画布动画
├── music/ ← 放置 .ogg 音轨的文件夹
├── videos/ ← 放置 .mp4 背景文件的文件夹
└── README.md ← 完整文档
“`

**安装方法：**
1. 将 darkside_loadingv2 文件放入 resources/ 文件夹。
2. 在 server.cfg 文件中添加以下内容：
“`
ensure darkside_loadingv2
“`
3. 打开 config.js 文件，填写服务器名称、规则和更新信息。

更多详情请参阅 README.md 文件。