R3E Reality - Multiplayer Broadcast Overlay

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

  1. tw1st

    tw1st Member

    Joined:
    May 3, 2018
    Ratings:
    +17 / 0
    It looks incredible! Great work!!!

    It‘s possible we can use it not only for broadcasting in the future in R3E?
     
  2. Greg Metcalf

    Greg Metcalf New Member

    Joined:
    Mar 5, 2016
    Ratings:
    +1 / 0
    @Scout thanks for the continued work...I just ran 1.51 for a test before tonights race and my logo-overlay.png is now about 1 inch in the top right corner, how can i fix this please?

    gtr1 and gtr4 should big much bigger and at bottom

    https://ibb.co/vPccdwK

    just loaded 1.4, this is how it should look https://ibb.co/bQzg5nZ


    [​IMG]
     
    Last edited: Jan 13, 2019
  3. Scout

    Scout Well-Known Member Beta tester

    Joined:
    Sep 3, 2018
    Ratings:
    +110 / 0
    Hi @Greg Metcalf

    So in order to support all resolutions, the hardcoded 1920x1080 logo image below was removed since it won't display correctly/sharply on all resolutions.

    upload_2019-1-13_17-19-9.png

    Instead, you just supply a standard size logo like this instead and it will be responsive based on resolution and scaling friendly.

    upload_2019-1-13_17-19-48.png

    So this is why your image looks tiny as its not stretching the full size of the screen if that makes sense? I would highly recommend adding the class icons as images in your broadcasting tool so you can scale and place them to your liking.

    Hope it helps.
     
  4. Greg Metcalf

    Greg Metcalf New Member

    Joined:
    Mar 5, 2016
    Ratings:
    +1 / 0
    how would i go about adding the class icons to the broadcast tool with correct scaling and placement?
     
  5. Scout

    Scout Well-Known Member Beta tester

    Joined:
    Sep 3, 2018
    Ratings:
    +110 / 0
    If you are using OBS to broadcast, you can just add it as a new Image source.

    upload_2019-1-13_17-52-10.png

    And then choose the image and position/resize it how you like.

    upload_2019-1-13_17-53-46.png
     
  6. Greg Metcalf

    Greg Metcalf New Member

    Joined:
    Mar 5, 2016
    Ratings:
    +1 / 0
    thanks, that will be my solution
     
  7. RWB Charger

    RWB Charger New Member

    Joined:
    Nov 26, 2018
    Ratings:
    +3 / 0
    I had an issue with this last night, I tried to fire up version 1.4 and the start popped up briefly and went so I thought I would update it to the latest 1.5 but that did the same, it's odd as it was working fine, it must be something my end but just wondered if you had any idea why the CMD window just pops up and immediately disappears, I tried running it as admin as well but to no avail?
     
  8. Scout

    Scout Well-Known Member Beta tester

    Joined:
    Sep 3, 2018
    Ratings:
    +110 / 0
    Likely a missing dependency, but should not be the case as its all packaged in the .zip. What version of nodejs are you running? (type node -v in a command prompt).

    If you delete all the folders inside of /dev/node_modules and replace it with all these files, hopefully it should work for you then.
     
    • Like Like x 1
  9. RWB Charger

    RWB Charger New Member

    Joined:
    Nov 26, 2018
    Ratings:
    +3 / 0
    Ok thanks will try it later and get back to you, I have a feeling I may have deleted something when I was doing a SSD clean up the other night.
     
  10. Greg Metcalf

    Greg Metcalf New Member

    Joined:
    Mar 5, 2016
    Ratings:
    +1 / 0
    is it possible to have a version without scaling so that the logo_overlay.png will work as it should? no matter how big i made the logo for top right corner it would always be scaled to very small
     
  11. Scout

    Scout Well-Known Member Beta tester

    Joined:
    Sep 3, 2018
    Ratings:
    +110 / 0
    Any chance you could attach the image you are trying to use so I can take a look?
     
  12. RWB Charger

    RWB Charger New Member

    Joined:
    Nov 26, 2018
    Ratings:
    +3 / 0
    Hi, tried what you said but no joy, added a pause to the batch file it says dev>npm start, npm is not recognised as a command?
     
  13. Scout

    Scout Well-Known Member Beta tester

    Joined:
    Sep 3, 2018
    Ratings:
    +110 / 0
    Is Node.js definitely installed? Sounds like it might need to be re-installed.
     
  14. RWB Charger

    RWB Charger New Member

    Joined:
    Nov 26, 2018
    Ratings:
    +3 / 0
    is there a separate download?
     
  15. RWB Charger

    RWB Charger New Member

    Joined:
    Nov 26, 2018
    Ratings:
    +3 / 0
    I'm an idiot and didn't RTFM, I must have deleted Nodes in my clean up, all done thankyou ;-)
     
    • Funny Funny x 1
  16. Scout

    Scout Well-Known Member Beta tester

    Joined:
    Sep 3, 2018
    Ratings:
    +110 / 0
    No NPM will be installed with NodeJS - https://nodejs.org/en/
     
  17. Greg Metcalf

    Greg Metcalf New Member

    Joined:
    Mar 5, 2016
    Ratings:
    +1 / 0
    i tried two image sizes, here they are
    1 https://ibb.co/JRxCmwK

    2 https://ibb.co/D8c3R2X

    this is how it looked on the stream



    Post #132 stream is how it is meant to look
     
    Last edited: Jan 14, 2019 at 1:10 AM
  18. Scout

    Scout Well-Known Member Beta tester

    Joined:
    Sep 3, 2018
    Ratings:
    +110 / 0
    Images look quite ok, there is some empty space on the left side of the logo, but I think the logo doesn't display that big due to the resolution being super wide in comparison to the height.

    If you open R3E-Reality-v1.5.1\assets\components\widgets\logoOverlay\logoOverlay.flat.less, you can change the rendering width to your liking manually.

    Code:
        img {
            width: 10em;
        }
    Just join a MP session, and you can edit that file at the same time and see live results on screen. Try 12em or 13em to start off.

    Hope it helps.
     
    • Like Like x 1
  19. Tanvapas

    Tanvapas New Member

    Joined:
    Monday
    Ratings:
    +0 / 0
    Hello Scout thank you

    it's very very good your overlay :hearteyes:
     
    • Love it! Love it! x 1
  20. Scout

    Scout Well-Known Member Beta tester

    Joined:
    Sep 3, 2018
    Ratings:
    +110 / 0
    Taking a break from development of this for now since it been pretty much been worked on non-stop since november and I would like to focus more on some IRL things. I think the tool is in a place I am happy enough with for now also.

    Please @ me if you have any issues.

    Scout.
     
    • Like Like x 4
    • Wonderful Wonderful x 1
    Last edited: Jan 15, 2019 at 12:00 AM