Coder Social home page Coder Social logo

ngc7331 / arknights-ui-remastered Goto Github PK

View Code? Open in Web Editor NEW
18.0 2.0 2.0 279.44 MB

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

Home Page: https://xu_zh.gitee.io/arknights-ui-remastered/

License: MIT License

CSS 32.06% HTML 26.73% JavaScript 28.07% Python 13.14%
vue arknights

arknights-ui-remastered's Introduction

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

衍生自mashirozx/arknights-ui

Update Data Github Pages

小造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.

arknights-ui-remastered's People

Contributors

mashirozx avatar ngc7331 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

arknights-ui-remastered's Issues

大佬您好

我有一个关于明日方舟托管的项目,想和您这个项目整合一起,请问方便详谈吗?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.