An extended version from horizoverlay with some of ikegami's features. The project is based on React with MobX & Vite, and the dedicated ffxiv-overlay-api.
- CloudFlare:
https://skyline.dsrkafuu.su
Need to be used with ngld/OverlayPlugin. For WebSocket mode, only these browsers below are officially supported:
- Chrome (Chromium) >= 80
- Safari >= 13 (macOS >= 10.15)
- Edge >= 80 (new Edge with Chromium)
- Firefox >= 80
Note that
backdrop-filter
support needs to be enabled manually on Firefox, check Can I use for more details.
- Combatent sort - v1.1.x
- UI zoom - v1.2.x
- Multi-lingual support - v1.3.x
- Combatant number limit - v1.4.x
- Switch show LB - v1.4.x
- Short playername - v1.4.x
- Custom font family - v1.5.x
- Themes - v1.6.x
- HPS display - v1.7.x
- Highlight self - v1.7.x
- Detailed data for each player - v1.8.x
- Custom CSS - v1.8.x
- Optional shorten numbers - v2.0.x
- C/D/CD tickers - v2.0.x
Clone this repo, install packages and run the development server:
git clone https://github.com/dsrkafuu/skyline-overlay.git
cd skyline-overlay
npm install
npm run dev
Please use ISO 639-1:2002 defined 2-letter code as filename, use ja
as an example:
- Create a new
ja.json
file in@/src/lang
, useen.json
as a template - Import
ja.json
in@/src/lang/index.js
- Add a new lang in
@/src/lang/index.js
exported map, likeja: { translation: ja },
Community translators:
- German: @Slightlyxz
- Create a new
your-theme-filename.scss
file in@/src/themes
, usedefault.scss
andikegami.scss
as examples - Import
your-theme-filename.scss
in@/src/themes/index.js
- Add a new theme in
@/src/themes/index.js
exported map, like'your-theme-filename': { text: 'The New Theme' }
- React: https://reactjs.org/
- MobX: https://mobx.js.org
- Vite: https://vitejs.dev
- ffxiv-overlay-api: https://github.com/dsrkafuu/ffxiv-overlay-api
Released under Mozilla Public License 2.0
, for more information read the LICENSE.
Copyright © 2020-present DSRKafuU (https://dsrkafuu.su)