R3E Reality - 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:
    +152 / 0
    This is an unofficial fork of the Sector 3 Spectator/Broadcast tool with a multiple LESS based themes, new UI elements and widgets.

    New Features such as:
    • Single Class & Multiclass Support.
    • HD, 4K Resolution Support etc with UI Size Scaling
    • Tyre Compound Displays
    • Safety Car Indicators.
    • Enhanced results screens.
    • Race Control/Steward Alerts.
    • CSS/LESS based theming support.
    • New UI and Indicators.
    • Control Panel to Toggle UI Sub-elements On/Off live.

      Version 1.6.0
      • [Feature] Added red extra close racing indicator in the broadcast panel for cars within 0.25s of each other.
      • [Feature] Added new green and blue raceroom themes for more variety.
      • [Feature] Added new session info timer design.
      • [Feature] Improved chequered flag appearance on session end.
      • [Feature] Added (very basic) race lights out indicator to the session info widget on race countdown/start.
      • [Bug Fix] Use full width of the race results table for non multiclass races.
      • [Bug Fix] Fixed a bug where the fastest race lap may not be highlighted on the results screen.
      • [Feature] Improved steward, safety car and mandatory pit indicator styling.
      • [Feature] Added purple fastest lap indicator in quali/practise sessions for the standings and driver info widgets.
      • [Feature] Hidden the standings widget visibility in the garage phase pre-race as not all drivers are displayed in the standings at that point and looks odd. (The standings widget will regain visibility on the starting grid automatically).
      • [Bug Fix] Disable the driver info widget if the compare driver widget is enabled (and vice versa).
      • [Feature] Increased event info dark background overlay tint by 30% for better contrast with the modal.
      • [Feature] Hide the driver info, compare and standings widgets when the event info overlay is activated for better appearance.
      • [Feature] Small UI updates to themes with new variable definitions for some UI components.
      • [Bug Fix] Fixed small theme inconsistency in the WTCR compare drivers widget.
      • [Feature] Added a toggle to enable a speed comparison (in Km/h) between to drivers in the compare driver widget.
      • [Feature] Restyled driver info and compare driver flags, team names and deltas with a sharper look.
      • [Feature] Changed the race leaders lap count text format to read better and show the current lap number rather than the laps completed.
      • [Feature] Adjusted the 'safety car in' alert and stewards alert widget positioning to be closer to the right edge of the screen.
      • [Feature] Improved control options appearance in the broadcaster panel to easily tell an options on/off state.
      • [Feature] Restyled and moved the mandatory pit indicator to the right side of the standings tower to free up screen space when not in use.
      • [Feature] Restyled all DRS/PTP indicators to sharper design.
      • [Feature] Added a toggle to hide the manufacturer logo in the standings tower. A use case to disable this would be in single car cup classes like NSU or Porsche GT3 Cup where its not necessary as they are all the same class.
      • [Feature] Added penalty weights to the race results screen.
      • [Bug Fix] Fixed driver info and compare driver widget positioning when using a higher resolution scaling setting.
      • [Feature] Added a toggle to show the server name in the session info timer.
      • [Feature] Added beta version of a new broadcast controller UI.

      Version 1.5.2
      • [Bug Fix] Improved logic around how widgets are hidden/shown between the qualifying results and garage/warmup/race sessions.
      • [Feature] Allowed extra widgets to be active in the warmup session.
      • [Feature] Decreased default resolution scaling by 2 clicks making UI elements smaller by default.
      • [Feature] Small UI improvements to standings tower.
      • [Feature] Adjustment to the auto director to improve weighting scores to battles in the lower classes, eg. class positioning rather than overall positioning in multiclass races.
      • [Feature] Enabled popular widgets by default.
      • [Feature] Improve readability of steward and safety car alert text.
      • [Feature] Small improvement to steward alerts display logic.
      • [Bug Fix] Fixed the mercedes theme not obeying the resolution scaler.

      Version 1.5.1
      • [Bug Fix] Ensured that other widgets are correctly disabled when the qualifying results appear on screen.
      • [Bug Fix] Removed flashing close racing indicator inside the broadcaster panel.

      Version 1.5.0
      • [Feature] Added responsive UI based on game resolution.
      • [Feature] Added resolution scaling config file (resolutionScaler.less) to scale UI elements.
      • [Feature] Added theme switcher that supports the new theme system.
      • [Feature] Added WTCR 2018 theme.
      • [Bug Fix] Fixed a timing bug in the compare race widget.
      • [Feature] Added the ability to toggle on/off a drivers full last name in the standings tower.
      • [Feature] Added winner and fastest lap information to the race results screen.
      • [Feature] Added dark background overlay behind results tables to blend better with the background.
      • [Bug Fix] Prevented a DNF'd driver with no time set being shown as setting the fastest lap in a race.
      • [Bug Fix] Prevented a driver with no time set in qualifying preventing the pole sitter bring shown with a purple lap time on the qualifying results screen.
      • [Bug Fix] Added correct colours to PTP indicators.
      • [Feature] Updated some theme logos to improve visibility.
      • [Feature] Added the ability to show drivers portal avatars in place of the country flag on the driver info and compare widgets.
      • [Feature] Added sector names in practise and qualifying splits.
      • [Feature] Enhance styling of the sector splits.
      • [Feature] Enhance styling of the personal best time and class position UI elements in the driver info and compare widgets.
      • [Feature] Styling revision of all themes.
      • [Feature] Improved animations.
      • [Feature] Enhanced contrasting between on-screen widgets and the game window to make the overlay pop more.
      • [Feature] Added 'Auto Director Only Mode' - When enabled, the auto director will only direct a race and won't turn on widgets by itself. Useful for jumping between manual & auto directing without having to turn on/off specific widgets each time.
      • [Tooling] Reduced default refresh intervals for better game performance.
      • [Feature] Created new base theme.
      • [Feature] Allowed the livery preview on the driver info and compare info widgets to be disabled.
      • [Feature] Show the drivers team in the results tables.
      • [Feature] Update control panel theme.

      Version 1.4.0
      • [Feature] State the new version number available in the alert when an update is available.
      • [Bug Fix] Added reason for disqualification to the race steward alerts.
      • [Feature] Added configuration file to turn on/off UI components and set values for certain features.
      • [Feature] Added the ability to turn on/off multiclass UI components.
      • [Feature] Added the ability to turn on/off tyre compound indicators.
      • [Feature] Added the ability to change the length of time a message from the stewards shows on screen during race session.
      • [Feature] Re-enabled the option to indent the currently focused driver in the standings tower.
      • [Feature] Added the ability to define the amount of seconds before the end of qualifying to display the results on screen.
      • [Feature] Added the ability to define the amount of seconds before the continuing to the next session after a race has finished.
      • [Feature] Updated the driver info widget to keep active state on session change.
      • [Feature] Added single class default background colours to themes.
      • [Bug Fix] Fixed wrong coloring of the session info border in the mercedes theme.
      • [Feature] Small UI updates to themes with new variable definitions for some UI components.
      • [Feature] Added settings UI to the broadcaster panel.
      • [Feature] Added automatic saving/loading of config setting.
      • [Feature] Added the ability to show/hide portal profile team names if a driver has added one.
      • [Bug Fix] Prevent the update alert showing over the game when running an old version.

      Version 1.3.0
      • [Feature] Improved meta info sizing on the broadcast control panel for each driver on larger grids.
      • [Feature] Added "Battle for Position x" to the compare race widget.
      • [Feature] Small UI updates to themes with new variable definitions for some UI components.
      • [Bug Fix] Fixed a bug where the steward alerts in race session would continue to show, even when the widget was disabled.
      • [Feature] Enabled column titles on qualifying results and race results screens.
      • [Feature] Highlighted time penalties in red on the race results table.
      • [Bug Fix] Fixed label on the race results screen showing 'qualifying results' instead of 'race results'.
      • [Bug Fix] Corrected the class position text color on the race results screen.
      • [Bug Fix] Fixed a ui issue where the flag in the session info timer would not display correctly in the garage phase before a race.
      • [Feature] Updated the class colour of the silhouette series.
      • [Bug Fix] Updated the class colours of the DTM 92 class to match the touring classics class as they use the same performance index.
      • [Feature] Small UI improvements to the driver info on the trackmap.
      • [Feature] Visibility of drivers on the on-screen track map is now layered based on class positioning.
      • [Bug Fix] Set the correct start/finish point on the trackmap on sachsenring along with the correct driving direction.

      Version 1.2.0
      • [Feature] Increased trigger time to show qualifying results from 20 seconds left in the session, to 25 seconds.
      • [Bug Fix] Fixed a bug where the control panel could lock up when switching between driver info and compare widgets. (For now, you must turn them on/off manually until a reliable way to hide the other widget automatically is found).
      • [Feature] Small restyle and positioning of session info timer.
      • [Feature] Added logo to qualifying and race results table header.
      • [Feature] Small UI updates to themes with new variable definitions for some UI components.
      • [Feature] Added users portal team name to the driver info and compare widgets if there is one defined.
      • [Feature] Adjusted slow down penalty alert text for repeated track limit warnings.
      • [Bug Fix] Changed alerts title from 'race control' to 'stewards' for incidents.
      • [Feature] Added new animations to the driver info & compare info widgets.
      • [Feature] Added disqualification alerts for race sessions.
      • [Feature] Added track logo and description on the event info screen.
      • [Feature] Added avia esport racing theme.

      Version 1.1.1
      • [Bug Fix] Fixed opposite metric/imperial units showing on the event info screen.
      • [Bug Fix] Added correct conversions for imperial units.

      Version 1.1.0
      • [Feature] Increase race control alerts display time from 10 to 15 seconds.
      • [Feature] Increase trigger time to scroll race results from 10 seconds to 25 seconds.
      • [Bug Fix] Prevent the Driver Info widget overlapping the qualifying results at session end.
      • [Tooling] Render Manufacturer logos from the portal instead of locally.
      • [Feature] Improved overall styling of the control panel.
      • [Feature] Added hover-over tooltips to buttons in the widget list describing the widget functionality.
      • [Feature] Added multiclass positioning and class colouring to the control panel.
      • [Feature] Added tool update checker to notify you if a new version is available in the forum.

      Version 1.0.0
      • [Feature] Added global LESS variable definitions for themes.
      • [Feature] Added base theme.
      • [Feature] Added mercedes theme.
      • [Feature] Added audi theme.
      • [Feature] Added KTM theme.
      • [Feature] Added porsche theme.
      • [Removed] Removed PNG based themes.
      • [Bug Fix] Fixed a UI glitching issue when switching between the driver info and compare race widget.
      • [Feature] Added event info widget.
      • [Feature] Added race control alerts widget.
      • [Feature] Added safety car on track widget.
      • [Feature] Added safety car in this lap widget.
      • [Feature] Restyled driver info widget.
      • [Feature] Added tyre compound display to driver info widget for GT2, IndyCar, F1 classes.
      • [Feature] Added personal best time display to driver info widget.
      • [Feature] Added new DRS UI display to driver info widget.
      • [Feature] Added new PTP UI display to driver info widget.
      • [Feature] Added class position to driver info widget.
      • [Feature] Added car livery preview to driver info widget.
      • [Feature] Added vehicle team name to driver info widget.
      • [Feature] Restyled flag, split time UI elements in the driver info widget.
      • [Feature] Restyled race/quali results widgets.
      • [Feature] Added class position to results widget.
      • [Feature] Added penalties display to race results widget.
      • [Removed] Removed flag display from standings widget.
      • [Feature] Restyled standings widget.
      • [Feature] Added First initial to the drivers in the standings widget.
      • [Feature] Added multiclass colours to standings widget.
      • [Feature] Restyled mandatory pit indicator.
      • [Feature] Added lap count to lead driver in the race in the standings widget.
      • [Feature] Added new UI to the compare info widget.
      • [Feature] Added mini DRS/PTP indicators to the compare info widget.
      • [Feature] Added personal best times to the compare info widget.
      • [Feature] Added car preview images to the compare info widget.
      • [Feature] Added car team name to the compare info widget.
      • [Feature] Added a new UI for the session info widget.
      • [Feature] Added chequered flag to the session info widget.
      • [Feature] Added country flag to the session info widget.
      • [Feature] Added new styling to the track map overlay widget.
      • [Feature] Added class positions to the track map overlay widget.
      • [Feature] Added class leader indicators to the track map overlay widget.
      • [Feature] Added class indicators to the driver name in track map overlay widget.
      • [Feature] Added class indicators to the dot indicators in track map overlay widget.
      • [Feature] Added manufacturer logo to the track map overlay widget.
      • [Feature] Added animations for various elements.
      • [Feature] Added consistent font across UI components.
      • [Removed] Removed unused widgets.
      • [Tooling] Added version numbers to widgets.
      • [Feature] Added auto director weightings to focus on yellow flag offenders.
      • [Feature] Added yellow flag indicator to session info timer.
      • [Feature] Modified qualifying results widget to be an on/off trigger instead of always showing.
      • [Feature] Added group 4 class.
    upload_2019-1-21_12-21-41.png

    upload_2019-1-21_12-22-8.png

    upload_2019-1-21_12-22-20.png

    upload_2019-1-21_12-22-31.png

    upload_2019-1-21_12-24-20.png

    upload_2019-1-21_12-25-51.png

    Old Version 1.0 Video


    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.
    ✪ Development is limited to when I have spare time, but feel free to give feedback and report any issues in this thread. A thumbs up on this post would be nice also if you are liking it so far. ;)
     
    • Like x 23
    • Wonderful x 8
    • Love it! x 5
    • Winner x 2
    • Useful x 1
    Last edited: Jan 30, 2019
  2. Glen Kabis

    Glen Kabis Well-Known Member Beta tester

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

    oldspalover Member

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

    OtterNas3 Active Member

    Joined:
    Jan 9, 2018
    Ratings:
    +32 / 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:
    +152 / 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 1
  6. Georg Ortner

    Georg Ortner Sector3 Developer

    Joined:
    Jan 13, 2015
    Ratings:
    +2,589 / 0
  7. NL-Jos

    NL-Jos Well-Known Member

    Joined:
    Jun 5, 2015
    Ratings:
    +155 / 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
    Great job!
     
  9. Scout

    Scout Well-Known Member Beta tester

    Joined:
    Sep 3, 2018
    Ratings:
    +152 / 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:
    +388 / 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:
    +152 / 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 Active Member

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

    rad Well-Known Member

    Joined:
    Jan 29, 2015
    Ratings:
    +388 / 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:
    +152 / 0
    @rad Yes that can be changed to have no effect.
     
  15. Stuku

    Stuku New Member

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

    Stefan Wegman New Member

    Joined:
    Jun 5, 2017
    Ratings:
    +1 / 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:
    +155 / 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:
    +152 / 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:
    +101 / 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:
    +155 / 0
    OMG that last word "maybe" is one word to much:D
    Take your time, i enjoy to follow you with this stuff