App R3E Reality GT - Multiplayer Broadcast Overlay

Discussion in 'Community Workshop' started by Scout, Nov 27, 2018.

  1. Scout

    Scout Well-Known Member Beta tester

    Joined:
    Sep 3, 2018
    Ratings:
    +361 / 0 / -0
    This is an unofficial fork of the Sector 3 Spectator/Broadcast tool with a multiple LESS based themes, new UI elements and widgets

    R3E Reality GT Version 2.0 is now Available!

    New Features such as:
    • Single Class & Multiclass Support.
    • HD, 4K Resolution Support etc with UI Size Scaling
    • Tyre Compound Displays
    • Safety Car Deployed/In Lap Indicators.
    • Commentary Names Widget.
    • Enhanced Session Info Timer.
    • Enhanced PTP/DRS Indicators.
    • VSC Indicator.
    • Enhanced results screens.
    • Race Control/Steward Alerts.
    • CSS/LESS based theming support.
    • Driver of the Day Widget
    • QR Code widget.
    • Commentator Name Widget
    • Driver of the day widget.
    • New Broadcast Control panel.
    • New UI and Indicators.
    • Control Panel to Toggle UI Sub-elements On/Off live.
    [​IMG]
    overlay.PNG

    overlay2.PNG

    New Dynamic Standings Tower which alternates between manufacturer logo, driver country and positions gained/lost automatically.

    a16.png
    a17.png

    a15.png

    Yellow Flag causer will now be highlighted in the tower.

    a18.png

    DNF / DSQ's will be highlighted in the tower.
    a1.png

    New Manufacturer Icons
    a14.png

    Updated Speed/RPM/Gear Indicator
    a21.png

    New Tyre Compound Widget to display the current tyre choice which auto-updates for pitstops.
    a6.png

    a22.png

    New Weather / Condition Icons
    a3.png

    New Safety Car Deployed / Ending Widget
    a9.png

    a10.png

    Updated Steward Alerts
    a19.png

    New Driver of the Day / Commentary Widgets
    a12.png

    a11.png

    New QR Code Widget to share links to driver of the day polls, link viewers to your website/discord, or to promote an upcoming event.

    a7.png
    a23.png

    Updated Broadcast Controller Overlay
    a8.png

    Simplified Results Screens
    a4.PNG

    Simplified Session Timer
    a13.png
    a5.png


    Multiclass Color Indicators
    a24.png
    a25.png

    Notes
    • This is only for spectating Multiplayer servers only.
    • Installation instructions can be found in the readme.md text file in the top level folder.
    • Instructions on how to create a theme can be found in the readme.md file also.
    • Always join the session in practice, preferably when no other drivers have joined the server.
    • A resolution scaling config file (resolutionScaler.less) has been added in the top level folder which you can use to increase/decrease the size of the UI live on screen.
    • If you find a bug, please check if you can reproduce it with the original spectator tool also. Given that this tool is a fork of that, it really helps narrow down where the issue could be.
    How to Use
    1.
    Download the linked file above
    2. Install https://nodejs.org/download/release/v8.10.0/ (Recommended Nodejs v8.10.0, choose the .MSI file for Windows)
    3. Run start.bat.
    4. Add -broadcastUrl=http://localhost:9090 in Steam Game launch options.
    5. Open http://localhost:9090 in a browser.
    6. Join a server.

    Donate

    ✪ As a number of people have asked, I have now added a paypal link to my signature if you would like to donate. Development is limited to when I have spare time, but feel free to give feedback and report any issues in this thread. Enjoy.
     
    • Like x 30
    • Wonderful x 8
    • Love it! x 6
    • Winner x 3
    • Useful x 1
    Last edited: Feb 2, 2023 at 4:33 PM
  2. Glen Kabis

    Glen Kabis Well-Known Member Beta tester

    Joined:
    Jan 15, 2015
    Ratings:
    +199 / 0 / -0
    Looks awesome, good job!
     
    • Agree Agree x 4
    • Winner Winner x 1
  3. oldspalover

    oldspalover Member

    Joined:
    Aug 18, 2018
    Ratings:
    +5 / 0 / -0
    Looks very nice,great job mate.
     
  4. OtterNas3

    OtterNas3 Well-Known Member

    Joined:
    Jan 9, 2018
    Ratings:
    +313 / 0 / -0
    Looks great! While on it, maybe possible to extend the Standings list to show more then 26 Drivers?
    Would love to see a full Grid of 36 Drivers :)
     
  5. Scout

    Scout Well-Known Member Beta tester

    Joined:
    Sep 3, 2018
    Ratings:
    +361 / 0 / -0
    Yes, I was thinking of having a feature where if there was a big field, it would show the top 15 standings for 30 seconds, then replace it with the next 15 for 10 seconds, followed by the remaining 15 (or less) for 10 seconds and then back to the start in rotation. This would help unclutter the UI a lot, but also still have full visibility of the field. It is something I could look at.
     
    • Like Like x 2
  6. Georg Ortner

    Georg Ortner KW Studios Developer

    Joined:
    Jan 13, 2015
    Ratings:
    +3,455 / 0 / -0
  7. NL-Jos

    NL-Jos Well-Known Member

    Joined:
    Jun 5, 2015
    Ratings:
    +175 / 0 / -0
    Great work
    Is it not possible to show the standins as a roll-bar (or something like that) below the screen?
     
  8. deceda

    deceda New Member

    Joined:
    Oct 2, 2017
    Ratings:
    +1 / 0 / -0
    Great job!
     
  9. Scout

    Scout Well-Known Member Beta tester

    Joined:
    Sep 3, 2018
    Ratings:
    +361 / 0 / -0
    Yes, that could be done too. It would likely be separate widget, but its a good idea and would help free up more space.
     
    • Like Like x 2
  10. rad

    rad Well-Known Member

    Joined:
    Jan 29, 2015
    Ratings:
    +458 / 0 / -0
    Overall i really like it, especially color scheme, but have quite a lot suggestions :p But I didn't dig into the code of broadcast overlay so can't say what is possible to change and what's not.

    First of all, I don't like how inconsistent it is, especially regarding edges - sometimes you use sharp ones, sometimes round with varying roundness. Same with transparency and spacing.

    I really like how standings tower looks like - I would only change that flag to be square and move it between position and driver name (or code, whatever you'd call it). Class names look a bit off as it moves timing out of line which makes it a bit harder too look at. But this would require customizing their names or maybe only keeping color coding (like a small rectangle, but maybe near position?). Aaaand maybe I'd lower spacing between each driver, but that's a matter of taste I guess :)

    Allright, wanted to write more, but need to go to sleep.
     
  11. Scout

    Scout Well-Known Member Beta tester

    Joined:
    Sep 3, 2018
    Ratings:
    +361 / 0 / -0
    @rad Yeah, I forgot to mention, only the Driver Info Widget has been styled around 80% to what the baseline theme is to look like. The rest is 1 day out of date, but early concept is there, but you are right.

    I'm will try to make things as compact as possible - an example might be to have the flag faded into the background of the drivers name etc, or remove it completely and have a class colour behind instead and leave the flag for the driver detail info instead at the bottom.

    Thanks for the feedback and I'll try find some time over the next few days to update the other UI elements to the newer styling and I'll update the original post then. ;)
     
    • Like Like x 1
  12. OtterNas3

    OtterNas3 Well-Known Member

    Joined:
    Jan 9, 2018
    Ratings:
    +313 / 0 / -0
    Really appreciate your effort in this!
     
  13. rad

    rad Well-Known Member

    Joined:
    Jan 29, 2015
    Ratings:
    +458 / 0 / -0
    Damn, now I have a need to try play with those by myself :p Gonna look into it once I come home.

    Is it possible to change how current car is highlighted on standings tower? I don't like this position offset
     
  14. Scout

    Scout Well-Known Member Beta tester

    Joined:
    Sep 3, 2018
    Ratings:
    +361 / 0 / -0
    @rad Yes that can be changed to have no effect.
     
  15. Stuku

    Stuku New Member

    Joined:
    Aug 15, 2018
    Ratings:
    +0 / 0 / -0
    Fantastic job, looking forward to seeing more.
     
  16. Stefan Wegman

    Stefan Wegman New Member

    Joined:
    Jun 5, 2017
    Ratings:
    +1 / 0 / -0
    Looks cool! really like the style of your overlay

    edit: I just noticed I am in one of the screenshots. No problem though just funny as I did not expect it
     
  17. NL-Jos

    NL-Jos Well-Known Member

    Joined:
    Jun 5, 2015
    Ratings:
    +175 / 0 / -0
    Nice job
    I am really curious if you will succeed in the future with a roll bar underneath.
    I do not want to push you :cool::p:D
     
  18. Scout

    Scout Well-Known Member Beta tester

    Joined:
    Sep 3, 2018
    Ratings:
    +361 / 0 / -0
    Once I add an input box/dropdown to limit the number of drivers to show in the main standings list on the top left, then I'll probably work on that, maybe. :cool:
     
  19. FormelLMS

    FormelLMS Well-Known Member

    Joined:
    Apr 8, 2015
    Ratings:
    +229 / 0 / -0
    Would Push2Pass not be "P2P" so every carsport enthusiast know, what it means? :)
     
  20. NL-Jos

    NL-Jos Well-Known Member

    Joined:
    Jun 5, 2015
    Ratings:
    +175 / 0 / -0
    OMG that last word "maybe" is one word to much:D
    Take your time, i enjoy to follow you with this stuff