H O R I Z O V E R L A Y

A simple horizontal damage meter overlay for Final Fantasy XIV. It currently shows player dps, damage %, hps, encounter duration and total dps. Based on this post on reddit.

Example setup

This is how it should be showing for you after setup with everything checked

Install

Please notice the URL has changed from v1!

Please, be sure you are running version 0.3.3.13 or higher of hibiyasleep Overlay plugin: https://github.com/hibiyasleep/OverlayPlugin/releases | Version x64 | Version x86 |
Just paste this url into the overlay's url field: https://horizoverlay.now.sh and click in the Reload Overlay button. You should see something like this:

Now would be the right time to resize the window to something like 70% of your screen's width.

Right click in the text to open Settings!

If you can't see the Settings window, just alt tab until you do.

To tweak the settings without having to hit something, toggle Setup Mode. With it enabled you can see all changes you do live. All settings are saved automatically.

Congratulations, you have it installed and setup.

I want version 1!

It's still in the same URL https://bsides.github.io/horizoverlay but I won't update it anymore. Also, you're free to download version 1 straight from here and serve the html locally. It should work. I recommend it as I don't know how long this URL will be available.

Screenshots

Color by Role and @bmwang's

Black & White

Minimalist AKA version 1

Suggestion, bug report, FAQ

Please, open an issue. Also don't forget to search if it's alerady down here in the known issue section ;)

Contributing

You are welcome to open a PR with anything. Just please try to follow the mindset of what is done.

The project uses:

React
React Router
ES6
Prettier with ESLint (react defaults) to autoformat with ease

💲💲💲 If you're looking to donate, please do so at my Patreon page 👍

Credits & other Magicked KnickerKnacks

It's based of the amazing work of this repo that tries to compile a whole bunch of Overlay themes together. Thanks to its repo's testing.js file (and /u/rdmty), I was able to mock the data that ACT throws and built this theme.

The background image from the config window was made by Richard Tabor and was taken from Subtle Patterns.

Thanks to @bmwang for introducing more options and color themes.

A lot of inspiration from Kagerou overlay by @hibiyasleep.

This project was bootstrapped with Create React App.

Special thanks to my awesome boyfriend, who test everything everytime I ask ❤

jstewart0788/horizoverlay