Git Product home page Git Product logo

bsides / horizoverlay Goto Github PK

View Code? Open in Web Editor NEW
126.0 13.0 49.0 59.96 MB

A simple horizontal damage meter overlay for Final Fantasy XIV. It currently shows player dps, damage %, hps, max hit, encounter duration and total dps. It's super configurable! It supports English, Portuguese, Chinese (S/T) and French.

License: Apache License 2.0

HTML 1.49% JavaScript 90.49% CSS 8.02%
ffxiv overlay dps-meter react act final-fantasy-xiv player-dps

horizoverlay's Introduction

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

URL CHANGED AGAIN, PLEASE UPDATE TO https://bsides.github.io/horizoverlay

URL for ActWebSocket Plugin: Self host it!

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.

Horizontal overlay by https://www.twitch.tv/yuu_tayuun

Example setup

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

Install

Please notice the URL has changed from v1!

  1. 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 |

  2. Just paste this url into the overlay's url field: https://bsides.github.io/horizoverlay and click in the Reload Overlay button. You should see something like this:

First Screen

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

Resize

  1. Right click in the text to open Settings!

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

  1. 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.

Install locally

  1. Install Yarn https://yarnpkg.com/en/
  2. Download the project
  3. Install serve yarn global add serve
  4. Go to the terminal (cmd.exe) and to the project's folder
  5. Once inside the project's folder, type yarn, wait for it to finish, then yarn build
  6. Still inside the project's folder, type serve docs.
  7. Leave the terminal open!
  8. Then inside ACT, the url would be http://localhost:5000

Screenshots

Color by Role and @bmwang's

All By Role By Role @bmwang

Black & White

Black & White

Minimalist AKA version 1

Minimalist

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.

A very special thanks for @yorushika to translating into Simplified / Traditional Chinese!!!

A very special thanks for @moondark to translating into French!!!

This project was bootstrapped with Create React App.

Special thanks to my awesome boyfriend, who test everything everytime I ask โค

horizoverlay's People

Contributors

bmwang avatar brafficus avatar bsides avatar dependabot[bot] avatar ek68794998 avatar enubia avatar ladish avatar mooondark avatar rawrington avatar twear81 avatar

Stargazers

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

Watchers

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

horizoverlay's Issues

Order flipping

This is my own fault and I'm putting this issue here to let you know and implement the fix myself. Actwebsocket flips the order of combatants (low to high) compared to overlayplugin (high to low) I 'fixed' the ordering for actwebsocket because it looked wrong on my end and only briefly tested with overlayplugin, I'll fix this asap in a pull request by flipping actws data if it's detected

Option to toggle highlight on yourself

If possible to add I did like to see an option to turn off/on the highlight on yourself. The pure white is really look out of place when setting up color by role (B&W still kinda meh but okie)

Offline version

Make an offline working version!
AKA: build folder isn't working offline

Please add option to disable transparency and hide overlay outside combat

I like my overlay rather small. I set it at 80%

Currently I cant see it very well inside suzaku extreme. Her instance colour is yellowish red + overlay white text. It's almost unreadable at glance

I know I can hide horizoverlay with global hotkey, but automatic hide would be a dream come true.

Document test version url

In case you have the time to test it and open issues for me, use this URL in your overlay.

https://horizoverlay-test.now.sh

You can add one more Mini Parse and hide the released version instead of replacing the URL, this way you keep both and test whenever you want (just toggle Show overlay in one of them while having the other off).

No option to display crit/DH rate?

Hello! I noticed the discord webhook for the overlay seems to track crit/direct hit rate, bit there doesn't seem to be an option to display these in the settings for the overlay.

Is there any chance this could be added as an option? :)

Build is not working

Somehow I got screwed by both now.sh and github pages. I'll try to solve this as soon as possible. Sorry about it!

After putting the url in, nothing happens.

After I put the url in, nothing happens. I hit reload overlay and at the bottom it says, "Mini parse: Browser Console: The key Shrink-to-fit is not recognized and ignored.

Bar width and border issue

Hi,
on big monitor with 150% zoom scale I have a problem with right border that erase the corner of the last bar when I reduce the width.
Moreover, reducing width, I aspect also the single bar width will be reduce instead the bars go one on each other with a lot of useless space between hps and dps.
Can you raise the margin of right bar and add a set to option to choose single bar width?

TY

One-color DPS Bar

Hi, I'm having a weird issue where I tried to load the overlay and it looks like this. I wondering why it isn't split kind of like in the other screenshots where the job/HPS is darker than the rest. Is there any way to fix this?

As a side note, I do have 0.3.3.13 and updated to 0.3.3.14, and it still hasn't changed anything.

I hope to hear from you soon!

What a lovely and amazing overlay! Are you interested in translate this into Chinese?

Hey there, sorry to disturb your life.
I'm a Chinese player&developer. Nice to meet you.
As mentioned in title, I like this overlay so much, so I installed this one into my ACT and also, I am thinking of translating this overlay into Chinese and let other Chinese player get known of this awesome overlay!
So could you please allow me to cooperate with you for translation stuff?

Looking for your precious reply, thanks!

Overlay Link Broken, Offline version unusable

Would rather use it locally for when this happens but the now.sh link no longer works for overlay and offline version doesn't load, even when following instructions nothing shows up.

Split encounter

Apologies if this has been ask/answered. I think this was discussed in #53 but I had a hard time following that thread. :)

Is there a way to split/end the encounter without going out to ACT?

Overlay does not update numbers, requires manual reload

Hi there,

I'm quite sure that I'm missing something really small and stupid here.

I've setup the overlay, but when I go to engage anything the numbers do not update and just show infinite dps along with the encounter clock just being stuck at 0:00. If I press reload overlay in the ACT plugins menu, then it'll pull updated numbers but will remain stuck at that point until I press reload overlay again.

Any ideas on what I did wrong?

Little requestment

In DPS, can you make option that can sum summoner's DPSand Carbuncle's DPS?

Is there anything that can reset DPS collected?
Sometimes there is Error in DPS collecting or User wants to Reset DPS..

Vertical bars

Have you thought about adding a option to instead of having the bars line up horizontally just having them stacked up vertically?
I'd love to be able to have the meter on the side of my screen and literally have top dps on top.

Scaling settings

Having scaling settings would be awesome.

As a 4k player, I'm having a hard time reading the values without extra focusing because it's too small.

Settings not saving.

This issue just started popping up yesterday for me, not sure if it came with a recent update or not because I haven't been online. For whatever reason regardless if I'm using the current or test build while in-game my own parse doesn't up white or display my name like I have it set to do.

Oddly the moment I open the settings window to adjust this, it corrects itself? If it starts a new parse though it goes back to displaying it incorrectly until I open the settings window again. Not sure what's going on.

Discord Export Hitting Character Limit

When exporting parses to a Discord Channel, the export is hitting the maximum message character limit (2000) and only displaying up to 2 players from an 8 player parse.

Little advice

A. supports ActWebScoket

B. adds a button to stop encounter

C. hasn't thought well yet

LOL

Limit Break DPS

DAMN LIMIT BREAK OMFG REMOVE IT ๐Ÿ’ข

no, please, its relevant for me :3 its just using one more slot on overlay

Limit number of shown combatants?

I use this overlay to conserve on space and avoid clutter on my screen, but it becomes sort of a cluttered mess if it attempts to display more than 8 people (occasionally it picks up chocobos, other alliance members, etc). Is there some way or a possibility I can make it display only whoever the highest 8 readings are? At the moment if it does exceed 8 within the space I have it limited to the boxes just get kinda squished together.

Option to toggle alliance/party

Hi there!

Right now, when you use ACT with this overlay and run alliance content, it shows the 8 people that do the highest DPS of the entire alliance. But I don't care about the other two alliances and would like to know the highest hitting person in my party only.

Do you think such an option is possible to implement? It would help me and others out a lot!

Thanks, loving your overlay a lot <3

Overlay resets when someone LBs

Hello!

This is a newer issue I noticed after the recent update where someone can LB, anyone really, and it will completely reset the overlay. But not just reset it, as in reset the instance, but the people who are considered "active" disappear and you only see the Boss + group DPS + time bar.

Also, is there any chance you can keep the "Send to Discord" as an option and not just be default in the overlay?

In-game weird interaction

Hey, up until today everything worked just fine for me. When I started ACT today, the overlay was not appearing properly, as if it's missing some of the images.

I'm able to interact with it, and open the settings, but non of the things I tried helped. I made sure to check and see if my friend was having an issue, but for him it was working perfectly fine.

I tried to re-install OverlayPlugin, close off ACT and run as admin, restart my computer. When I had used the URL in chrome, it worked just fine for me.

Lclkdlr

That's the overlay I'm seeing whenever I use the URL link. It is working and showing the dps, but it's all messed up :s
Advanced_Combat_Tracker_eadOdYySy5

Dps Order

Before the patch the pg was in order of dps but now are totally random and impossible to follow in fight, is possibile to have the ordering back?

Version 2 not ready yet

Just throwing it here as I was eager to show this but unfortunatelly Github Pages can't host more than one page in a SPA. I'll be needing another host.

GNB/DNC missing role colors

Good news! They're displaying properly with icons and all, but they seem to be missing their role colors. GNB is tank and DNC is dps, of course.

image

Small Line

In the player's little parse rectangle there's a little line through it that seems to show up regardless of the scaling I put it on. It's a little distracting on darker backgrounds and looks odd since the others show up just fine.

Overlay closing ACT on first use

Good evening! I had just stumbled across your overlay and I would really like to use it however when I go to right click the box to change the settings or re-position the overlay it would just pop open a white window and then just shut ACT down entirely as well as delete itself from the Plug-in upon re-opening. I have the latest Overlay Plug-in installed as well

version 2

Warning: Failed prop type: Invalid prop isActive of type string supplied to Overlay, expected boolean.
in Overlay (at index.js:48)
in Route (at index.js:48)
in Switch (at index.js:47)
in Router (created by BrowserRouter)
in BrowserRouter (at index.js:46)
in Root (at index.js:58)

Use build folder to serve

Right now there is something wrong with now deployment so we're using dev version to serve. Whenever vercel/vercel#733 gets solved, we can use build folder to serve production version.

It will fix lots of console warnings being thrown.

Unable to configure overlay in OBS Browser Source

Right clicking the overlay in an OBS browser source interact window does not bring up the configuration window. I believe this is the case because OBS browser source's interact window doesn't support the pop-up. Is there any way to configure the overlay as an OBS browser source?

* A new version is in the works *

Hi guys, just wanted to let you know I'm going to develop a new version. I have some time this week to do it and hopefuly my subscription time will be enough for it.

Sorry for the delay on updating stuff around here... very hard to keep up =/

Thanks again for your support <3

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.