Recently also ushered in the May Day golden week, we had how, also happy? Just “Ark of Tomorrow” public test also ushered in a year anniversary, here to try to use the web page to restore the next few pages, in addition, the style of this article is also a reference to the game.
Preview some interface
Demo address
The page is partially sound!! Be careful not to come out at work!!
Preview the address: https://minisunflower.vip/ READ MORE +
Source address: https://github.com/viewweiwu/arknights-react READ MORE +
Server configuration is a bit poor, access is a bit slow.
Technology selection
- The react package
- react-hook
- typescript
- less
CSS pretreatment - howler
Audio management - Live2dHelper
live2d - parallax-js
Depending on the differential effect
Resource data Source
| source | The data type | The detail |
|---|---|---|
| Ark of Tomorrow WIKI READ MORE+ |
Pictures, data | Props list, crew list, crew drawing… |
| Ark of Tomorrow official website READ MORE+ |
ICONS, textures, audio, sound effects | – |
| mdnice | Documents, static resources | This document customizes CSS |
The last
Originally in the purchase mall page is a Live2D, but because the loading resource is too slow (many bugs), it was removed, replaced by the handsome Kloshir. In addition, if you want to know some technical details, you can choose to directly look at the source code, part of it, I will also open the article later.
