Experimental Animated Main Menu Background

Discussion in 'Content Creation' started by SkyFall, Mar 23, 2024.

  1. SkyFall

    SkyFall
    Expand Collapse

    Joined:
    Feb 3, 2022
    Messages:
    42
    I recently found out that BeamNG's main menu supports GIFs because it's HTML. This gave me the idea to bring back the animated main menu backgrounds since the video decoder broke a few years ago and was replaced with static images.




    Sadly, the GIFs aren't optimized well and don't work properly in-game, even on high-end hardware. I still wanted to share this as I've seen barely anyone talk about this. If anyone knows how to improve the FPS, perhaps by using another supported file type, I'd greatly appreciate it if you let me know and I might release this as a mod.

    Things I've tried
    • Lowering the resolution of the GIFs (thereby creating a smaller file size too)
    • Different aspect ratios
    • Decreasing the bitrate
    • Trying other file types such as MP4 and WebM (both led to a black background)
    • And also testing on multiple devices to check whether it was just a problem on my end
     
    • Like Like x 5
  2. Dieter Huysamen

    Dieter Huysamen
    Expand Collapse

    Joined:
    Sep 17, 2023
    Messages:
    1,332
    nice
     
    • Agree Agree x 1
  3. Louie's Workshop

    Louie's Workshop
    Expand Collapse

    Joined:
    Feb 5, 2021
    Messages:
    3,006
    This is awesome! I tried doing something like this by using the original video's but I failed miserably since I am a complete numbskull when it comes to HTML
     
  4. SkyFall

    SkyFall
    Expand Collapse

    Joined:
    Feb 3, 2022
    Messages:
    42
    Thanks! I hope to find a way to improve the performance, it really changes the feeling of the UI in my opinion!
     
  5. knight_kat

    knight_kat
    Expand Collapse

    Joined:
    Dec 23, 2024
    Messages:
    8
    Any chance you could give me a quick tutorial on how to do this? I'm trying to do something very similar but am running into some issues.

    I'm also not very good with any coding languages.

    EDIT: I found out that it is indeed working, but only in menus accessible from the Main Menu (Options, freeroam, etc). How can I get it to show in the main screen?
     
    #5 knight_kat, Dec 26, 2024
    Last edited: Dec 26, 2024
  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice