MP Spectator Web Overlay

Discussion in 'Community Workshop' started by mape, Jul 7, 2015.

Thread Status:
Not open for further replies.
Page 4 of 11
  1. mape

    mape KW Studios Developer Beta tester

    Joined:
    Jan 14, 2015
    Ratings:
    +132 / 0 / -0
    Did you try with Chrome on the OSX/iOS devices? Might be the fact that I use flexbox for layout of the buttons and didn't prefix them.
     
    mape, Jul 15, 2015
    #61
  2. Flavourlicious

    Flavourlicious Well-Known Member

    Joined:
    Mar 31, 2015
    Ratings:
    +148 / 0 / -0
    Nope we did not, will try that tonight!
     
    Flavourlicious, Jul 15, 2015
    #62
  3. mape

    mape KW Studios Developer Beta tester

    Joined:
    Jan 14, 2015
    Ratings:
    +132 / 0 / -0
    Minor update fixing currentStandings delta times and missing fonts in controller.
     

    Attached Files:

    • Like Like x 1
    mape, Jul 15, 2015
    #63
  4. Flavourlicious

    Flavourlicious Well-Known Member

    Joined:
    Mar 31, 2015
    Ratings:
    +148 / 0 / -0
    Chrome did the trick. :)
     
    • Like Like x 1
    Flavourlicious, Jul 16, 2015
    #64
  5. Sascha Brandenburg

    Sascha Brandenburg Well-Known Member

    Joined:
    Feb 17, 2015
    Ratings:
    +56 / 0 / -0
    So at the moment im working on a ADAC GT MASTERS WebOverlay . But got some issue with the session Info Bar in the middle . I kicked out the info for Practice,Race, Qualification to get them more the GT MASTERS style where u only have the Time . Problem ist that when im switching to the other theme like DTM there he dont shows the Practice i nfo.

    So far Screenshot of the current state hope u like it

    [​IMG]
     
    Sascha Brandenburg, Jul 16, 2015
    #65
  6. Georg Ortner

    Georg Ortner KW Studios Developer

    Joined:
    Jan 13, 2015
    Ratings:
    +3,507 / 0 / -0
    Needs a Sport1 Logo in the top right :D
     
    • Funny Funny x 1
    Georg Ortner, Jul 16, 2015
    #66
  7. Sascha Brandenburg

    Sascha Brandenburg Well-Known Member

    Joined:
    Feb 17, 2015
    Ratings:
    +56 / 0 / -0
    Have u got a licence then i will bring it in :D
     
    Sascha Brandenburg, Jul 16, 2015
    #67
  8. mape

    mape KW Studios Developer Beta tester

    Joined:
    Jan 14, 2015
    Ratings:
    +132 / 0 / -0
    Attached is the latest small update which includes an updated director widget.

    The new auto director widget works by fetching as much data as possible for each driver and based on rules they are awarded "points". The driver with the most amount of points at any given time is deemed the most interesting and will be the focus of the camera.

    It should be rather easy to tweak/add/remove new rules, inside there is some debug code to make it a bit easier to reason about:
    9b4683a753a5e97c6cc8620c16f6de1f.png

    Code is located in assets/components/widgets/autoDirector/autoDirector.jsx

    Auto director rules:
    • Give points based on overall position
    • Deduct points for drivers standing still
    • Deduct points for drivers running an invalid lap
    • Give points to drivers without a personal best laptime in qualify and practice
    • Give points to drivers with heavy damage
    • Give points (from 0.0 to 3.0) to driver in close proximity to another car based on distance.
    • Give 10 points that diminish linearly during 10sec as they get focus to make sure camera does not fling back and forth.
    • Give points to driver that is doing faster sector times then their personal best. 1.5 points for 1st, 1 point for 2nd and 0.5 for 3rd.
    • Give points to driver that is doing faster sector times then global best. 3 points for 1st, 2 points for 2nd and 1 point for 3rd.
    • Give points to driver in pole position for the first 15sec of the race.
    • Give points to driver that is in first position when there is less then 30sec left on race and session phase has not entered checkered.
    • Finally, weight all combined points based on overall position. Example: With 10 drivers in the race. 1st gets back 100% of their accumulated points, 5th will get 50%, 8th will get 20% etc.
     

    Attached Files:

    • Like Like x 4
    • Winner Winner x 2
    mape, Jul 16, 2015
    #68
  9. mr_belowski

    mr_belowski Well-Known Member Beta tester

    Joined:
    Apr 23, 2015
    Ratings:
    +1,307 / 0 / -0
    That's brilliant, can't wait to try it out
     
    mr_belowski, Jul 16, 2015
    #69
  10. mape

    mape KW Studios Developer Beta tester

    Joined:
    Jan 14, 2015
    Ratings:
    +132 / 0 / -0
    Think I found some issues where there are weird cuts from close fights to #1 position.

    But would love to get some feedback on the overall experience watching a race with the auto director. As well as some ideas of rules that might improve the "accuracy".

    Currently I've tried to keep the rules as isolated to single drivers and stateless as possible. But seems like comparing data over time might lead to something interesting. As well as cross referencing data between cars to find packs of cars that are interesting as a group rather then just looking at the data of a single driver.
     
    mape, Jul 16, 2015
    #70
  11. Georg Ortner

    Georg Ortner KW Studios Developer

    Joined:
    Jan 13, 2015
    Ratings:
    +3,507 / 0 / -0
    • Winner Winner x 1
    Last edited: Jul 16, 2015
    Georg Ortner, Jul 16, 2015
    #71
  12. Gerson Malty

    Gerson Malty Active Member

    Joined:
    Jul 13, 2015
    Ratings:
    +28 / 0 / -0
    Hi @Georg Ortner , we can view your streaming is only when you're live? Because I tried to watch now and I can't.
    Nice work of all team of development this Web Overlay!
     
    Gerson Malty, Jul 17, 2015
    #72
  13. Matej Lakota

    Matej Lakota Active Member

    Joined:
    Jan 30, 2015
    Ratings:
    +44 / 0 / -0
    It works fine here whenever I want to watch replay, no problems at all.
     
    Matej Lakota, Jul 17, 2015
    #73
  14. Ernie

    Ernie Well-Known Member

    Joined:
    Jan 29, 2015
    Ratings:
    +304 / 0 / -0
    Hi Georg. Could you please give some details what this Auto Director is doing? Does this new feature switches views and cars at random or is there some kind of smart algorithm behind it, e.g automatically focussing on the closest battles?
     
    Ernie, Jul 17, 2015
    #74
  15. Georg Ortner

    Georg Ortner KW Studios Developer

    Joined:
    Jan 13, 2015
    Ratings:
    +3,507 / 0 / -0
    Yes, as mape mentioned above.
    It mainly shows drivers that are close to each other in race, or set a good sector time in quali.
     
    Georg Ortner, Jul 17, 2015
    #75
  16. Ernie

    Ernie Well-Known Member

    Joined:
    Jan 29, 2015
    Ratings:
    +304 / 0 / -0
    Oh damn, i'm blind.:oops: I have overlooked the "Auto director rules" which mape had already mentioned.
     
    Ernie, Jul 17, 2015
    #76
  17. KurtV

    KurtV Member

    Joined:
    Jul 12, 2015
    Ratings:
    +12 / 0 / -0
    So i tested the Spectator 6 hours last Night and there are few things that can improve it:
    • On Race Start there is to much Camera change on Auto Director
    • There is often too much Hood/Front Camera on Auto Director
    • Would love to see the Auto Director uses the Rear Camera
    • Scaling the Logo Overlay for example for 720p or 4k
    • Pit Stop Counter
    • Flags (Yellow,Blue,Checkered)
    • Personal Best Time in Races on the Driver Info
    • 4 Characters on the Current Standing Menu to help differnt names like for example SCHUmacher and SCHMid
    Some of this little "Problems" i can change myself, but i want to be as detailed as possible to improve this work.

    Overall this is the best Spectator with his flexibility i ever saw on a Racing Simulation and a big THANKS to Mape for making this.
     
    • Like Like x 1
    Last edited: Jul 17, 2015
    KurtV, Jul 17, 2015
    #77
  18. mape

    mape KW Studios Developer Beta tester

    Joined:
    Jan 14, 2015
    Ratings:
    +132 / 0 / -0
    New update:
    • Lower weighting of overall grid positions
    • Add more weight to fights
    • Add more weight to "alreadyHasFocus" so shots should be longer
    • Add a cool down so if hood cam is used wait 60sec until it can be used again, also tighten the distance cars need to be to initiate hood cam
    • Only display best lap time purple in results, not the rest of the line
    • Fix issue where global and personal sector bests only use finished sectors and use the delta as additional points
    • Fixed issue in current standing where game was send negative timeDiff for idle players
    • Change font for numbers on generic theme so they stop "jumping around"
    • Add more weight for pole position the first 20sec
    • Removed damage points
    • Contain/scale logoOverlay to fit resolution
    • Keep session info at end phase
    • Added personal best time to driver info/focused driver in race
    • Add automatic jump to error in sublime if jsx transform throws error
     

    Attached Files:

    • Like Like x 6
    mape, Jul 17, 2015
    #78
  19. KurtV

    KurtV Member

    Joined:
    Jul 12, 2015
    Ratings:
    +12 / 0 / -0
    Awesome, that was quicker than i thought.
    Where can i define a new style/design, i couldn't find it.
    [​IMG]
     
    KurtV, Jul 17, 2015
    #79
  20. mape

    mape KW Studios Developer Beta tester

    Joined:
    Jan 14, 2015
    Ratings:
    +132 / 0 / -0
    If you look in assets/components/widgets you will find a folder per widget. Logo overlay is probably the most basic one to see how it works.

    To create a new theme you just need to insert a less file in one of those folders with widgetName.yourThemeName.less and it should should show up in the controller (might need to restart app or resave the file to trigger file watchers).
     
    mape, Jul 17, 2015
    #80
Page 4 of 11
Thread Status:
Not open for further replies.