kina 发表于 2025-6-12 00:04:01

故里加载动画

版本日期6-11


# FiveM 加载界面插件
## 简介
这是一个为FiveM服务器设计的现代化加载界面插件,具有美观的UI设计和流畅的动画效果。
## 说明
我的插件你们可以改,但是你们不要去倒卖,这个插件我只会收5块钱的精神损失费 当然,为了维护我的形象,这个插件我会进行更新的,有问题可以及时提出来,至于为什么不上托管,因为我懒,也没有必要

## 特性
- 现代化UI设计
- 流畅的动画效果
- 背景视频支持
- 特色轮播展示
- 管理员介绍功能
- 背景音乐支持
- 响应式布局

## 文件结构

Loading/
├── index.html          # 主页面文件
├── __resource.lua      # FiveM资源清单
├── client.lua          # 客户端脚本
├── css/                # 样式文件夹
│   └── new-loading.css # 主样式文件
├── img/                # 图片文件夹
│   ├── 17729.webm   # 背景视频
│   ├── logo.jpg       # 服务器LOGO
│   └── admin1.jpg   # 管理员头像
└── music/            # 音乐文件夹
    └── music.mp3      # 背景音乐


## 使用方法

### 1. 安装
1. 将整个 `Loading` 文件夹复制到服务器的 `resources` 目录
2. 在 `server.cfg` 中添加 `ensure Loading`

### 2. 配置
#### 修改服务器信息
在 `index.html` 中:
- 修改服务器名称:找到 `server-title` 类
- 修改技术支持信息:找到 `welcome-text` 类
- 修改特色轮播内容:找到 `feature-card` 类

#### 更换图片
1. 服务器LOGO:
   - 准备一个正方形图片
   - 命名为 `logo.jpg`
   - 替换 `img` 文件夹中的同名文件

2. 管理员头像:
   - 准备管理员头像图片
   - 命名为 `admin1.jpg`【至于怎么改,照着葫芦画瓢,相信各位宝宝都会的】
   - 替换 `img` 文件夹中的同名文件

3. 背景视频:
   - 准备一个视频文件
   - 命名为 `17729.webm 因为视频我是偷别人的,所以我不好意思改名 你们要改可以再index的第20行改
   - 替换 `img` 文件夹中的同名文件

#### 更换背景音乐
1. 准备音乐文件
2. 命名为 `music.mp3`
3. 替换 `music` 文件夹中的同名文件

### 3. 添加更多管理员
在 `index.html` 中找到 `admin-list` 部分,复制以下代码块并修改:
```html
<div class="admin-card">
    <img src="img/admin1.jpg" alt="管理员名称" class="admin-avatar" />
    <div class="admin-info">
      <div class="admin-name">管理员名称</div>
      <div class="admin-role">职位</div>
      <div class="admin-desc">描述</div>
    </div>
</div>
```

## 注意事项
1. 所有图片建议使用正方形,以确保最佳显示效果
2. 背景视频建议使用.webm格式,以获得最佳性能
3. 音乐文件建议使用.mp3格式
4. 确保所有文件路径正确,文件名区分大小写


***本内容需购买可见***



kina 发表于 2025-6-13 21:17:39

更新一下re文件
files {
    'index.html',
        'img/*.webm',
    'img/*.mp4',
    'img/logo.jpg',
    'img/*.jpg',
    'img/*.png',
    'css/new-loading.css',
    'music/music.mp3'
}

client_script 'client.lua'

loadscreen 'index.html'
loadscreen_cursor 'yes'
loadscreen_manual_shutdown 'yes'

resource_manifest_version '77731fab-63ca-442c-a67b-abc70f28dfa5'
页: [1]
查看完整版本: 故里加载动画