Skip to content

Entropy-Increase-Team/endfield-wallpaper

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Endfield Wallpaper

终末地 Endfield 动态壁纸

Wallpaper Engine 动态桌面壁纸 | 实时游戏数据监控 | 3D 视差交互

Wallpaper Engine License Bilibili Team


功能特性快速开始账号绑定配置选项技术架构致谢


功能特性

动态视觉体验

  • 多层视差动画 — 基于 Vanilla Tilt 的 3D 倾斜效果
  • 高清视频背景 — 支持 1K / 2K / 4K 三档画质
  • 循环滚动条纹 — 64 秒无缝循环动画
  • 角色动态立绘 — 管理员角色动画

实时数据监控

  • 理智值 — 实时同步游戏内理智
  • 活跃度 — 每日任务完成进度
  • 通行等级 — BP 系统等级
  • 用户信息 — 头像、昵称、UID

个性化定制

  • 浅色 / 深色模式 — 一键切换主题
  • 屏幕比例适配 — 16:9 / 16:10 / 21:9
  • 动画暂停控制 — 节省系统资源
  • 实时时钟显示 — 日期 + 星期

双重绑定方式

  • 森空岛扫码 — 快速绑定,即扫即用
  • API 授权绑定 — 长期稳定,推荐使用
  • 自动数据刷新 — 每 5 分钟静默同步
  • 本地凭证存储 — IndexedDB 持久化

快速开始

前置要求

安装步骤

1. 在 Steam 创意工坊订阅本壁纸
2. 打开 Wallpaper Engine,选择本壁纸
3. 点击壁纸右侧「链接」按钮绑定账号
4. 享受你的专属终末地桌面!

账号绑定

方式 扫码直绑 API 授权绑定
速度 极快 需注册
稳定性 可能断连 长期稳定
推荐度 临时使用 推荐

方式一:森空岛扫码

  1. 点击壁纸右侧「链接」按钮
  2. 打开森空岛 App 扫描二维码
  3. 确认授权即可

方式二:API 授权(推荐)

  1. 访问 终末地·协议终端 注册账号
  2. 绑定你的游戏账号
  3. 进入 开发者API 密钥新建密钥
  4. 复制密钥,粘贴到 Wallpaper Engine 设置面板的「API 密钥」栏
  5. 点击壁纸「链接」按钮 → 「申请授权」→ 复制链接到浏览器完成授权

配置选项

在 Wallpaper Engine 右侧设置面板中可调整以下选项:

选项 说明 默认值
渲染质量 视频源分辨率 (1K / 2K / 4K) 2K
适配比例 屏幕宽高比适配 16:9
颜色模式 浅色 / 深色主题 浅色
API 密钥 终末地协议终端 API Key

提示:如果感到卡顿,请尝试降低渲染质量;笔记本用户通常需要选择「窄屏 16:10」


技术架构

endfield-wallpaper/
├── index.html          # 主页面入口
├── styles.css          # 全局样式 (CSS Container Queries)
├── project.json        # Wallpaper Engine 配置
│
└── assets/
    ├── js/
    │   ├── auth.js         # 鉴权系统 (IndexedDB + 双模式登录)
    │   ├── data.js         # 数据渲染 & 弹窗逻辑
    │   ├── button.js       # 按钮交互 (暂停/主题切换)
    │   ├── quality.js      # 画质 & 比例适配
    │   ├── time.js         # 实时时钟
    │   ├── listener.js     # Wallpaper Engine 属性监听
    │   └── vanilla-tilt.js # 3D 倾斜效果库
    │
    ├── video/              # 1K / 2K / 4K 视频素材
    ├── image/              # UI 图片资源
    ├── font/               # 阿里妈妈数黑体 + Impact
    └── svg/                # 图标资源

核心技术栈

HTML5 CSS3 JavaScript IndexedDB

  • CSS Container Queries — 响应式布局,基于容器尺寸自适应
  • CSS 3D Transforms — 多层 translateZ 实现深度视差
  • Vanilla Tilt.js — 鼠标跟随 3D 倾斜效果
  • IndexedDB — 本地持久化存储 Token 和 API Key
  • Fetch API — 与终末地协议终端 API 通信

致谢

项目 说明
壁纸设计 & 开发 @SkillyNotFound(熵增开发组)
API 服务支持 终末地·协议终端
游戏素材版权 鹰角网络 / 明日方舟:终末地

如果这个壁纸对你有帮助,欢迎在创意工坊点赞收藏

Made with love for Endfield Operators

Bilibili

About

一款以协议终端API为基础的终末地HTML壁纸

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors