ngc7331 / arknights-ui-remastered

复刻版明日方舟游戏主界面，原作https://github.com/mashirozx/arknights-ui ，DEMO→

Arknights UI Remastered：H5 + CSS + Vue 复刻明日方舟主界面

衍生自mashirozx/arknights-ui

小造BB

作为一个h5、css、javascript外加vue.js的四重初学者（要学的怎么越来越多了啊喂）和一个学生党，我因为对明日方舟的厨力开始尝试更新此项目。

如果您对于我有任何建议（包括使用Github的方式、写代码的格式、命名规范等等）请不吝赐教，谢谢。

目前实现的功能

• 使用空格键控制BGM播放/暂停，上/下键控制音量，左/右键播放上下首
• “情报”：作者信息
  • 
• “好友”/“购买源石、合成玉”：主设置界面，可设置用户昵称、等级、ID、理智上限、三种代币数额、作战进度、对话。
  • 
• “作战”：BGM播放/暂停
  • 
• “理智”：BGM设置界面
  • 
• “干员”：切换角色立绘界面
  • 
• “编队”：调整干员立绘位置
  • 

Change log

• 2021-04-25 使用Github Actions自动更新立绘
• 2021-04-02 使用Github Actions自动更新BGM列表
• 2021-04-01 什么都没有更新？什么？你说按F12在控制台输入HappyAprilFoolsDay(1)有奇效？才没有呢！
• 2021-03-27 V2.1.1 更新update_bgmlist.py，修改部分数据结构
• 2021-03-25 增加update_bgmlist.py用于自动从网易云获取BGM，修复bgm相关bug
• 2021-03-05 V2.1 增加立绘缩放的功能
• 2021-03-05 V2.0 Vue重写基本完成，增加update_characters.py用于更新立绘
• 2021-03-04 使用json存储BGM和立绘数据，用Vue重写set_characters.html
• 2021-02-03 V2.0beta
• 2021-02-02 开始尝试用vue重写部分功能，大幅度简化代码，并将vue分支作为默认分支。原始版本（最后于2020-08-28更新）请见master分支
• 此前的更新请查看commits

TODO

• 美化界面
• 增加按钮动效
• 整合剧情回放、抽卡模拟等功能？
• ...
• 要学的还很多啊

DEMO

Github page：https://ngc7331.github.io/arknights-ui-remastered/

国内请尝试Gitee：https://xu_zh.gitee.io/arknights-ui-remastered/

版权相关

界面贴图素材都是游戏逆向出来的，仅供学习使用，请勿商用。

License

© Mashiro, xu_zh, Released under the MIT License.