Ingame FPS Counter

Discussion in 'User Interface Apps' started by Dummiesman, Jun 26, 2014.

  1. Dummiesman

    Dummiesman
    Expand Collapse

    Joined:
    Sep 17, 2013
    Messages:
    4,685
    FPSCounter
    UI App by Dummiesman

    Download with BeamNG Mod Installer

    I put the FPSMETER library into BeamNG's UI and it works and looks pretty cool.




    A note from theshark though, other UI elements that are being rendered may render the value displayed inaccurate.
    As you can see from the above images though it's pretty accurate most of the time.

    By clicking on the FPS meter it will go into frame time mode and show you how long it's taking for frames to complete.

    In the first part of the app.js you will see
    Code:
      FPSMeter.defaults.graph = 1;
    FPSMeter.defaults.* can be set up in the initialize function, you can use the below values instead of * to customize how your FPS Counter looks.

    Code:
        interval:  100,     // Update interval in milliseconds.
        smoothing: 10,      // Spike smoothing strength. 1 means no smoothing.
        show:      'fps',   // Whether to show 'fps', or 'ms' = frame duration in milliseconds.
        toggleOn:  'click', // Toggle between show 'fps' and 'ms' on this event.
        decimals:  1,       // Number of decimals in FPS number. 1 = 59.9, 2 = 59.94, ...
        maxFps:    60,      // Max expected FPS value.
        threshold: 100,     // Minimal tick reporting interval in milliseconds.
    
        // Meter position
        position: 'absolute', // Meter position.
        zIndex:   10,         // Meter Z index.
        left:     '5px',      // Meter left offset.
        top:      '5px',      // Meter top offset.
        right:    'auto',     // Meter right offset.
        bottom:   'auto',     // Meter bottom offset.
        margin:   '0 0 0 0',  // Meter margin. Helps with centering the counter when left: 50%;
    
        // Theme
        theme: 'dark', // Meter theme. Build in: 'dark', 'light', 'transparent', 'colorful'.
        heat:  0,      // Allow themes to use coloring by FPS heat. 0 FPS = red, maxFps = green.
    
        // Graph
        graph:   0, // Whether to show history graph.
        history: 20 // How many history states to show in a graph.
    


    - - - Updated - - -

    Added some themes for you guys :)
     

    Attached Files:

    #1 Dummiesman, Jun 26, 2014
    Last edited by a moderator: Jun 27, 2014
    • Like Like x 1
  2. farcar

    farcar
    Expand Collapse

    Joined:
    Aug 13, 2013
    Messages:
    81
    Great app. Thanks a lot.
     
  3. RobertGracie

    RobertGracie
    Expand Collapse

    Joined:
    Oct 15, 2013
    Messages:
    3,780
    To ask the stupidest of all questions where do you put those files?
     
  4. Dummiesman

    Dummiesman
    Expand Collapse

    Joined:
    Sep 17, 2013
    Messages:
    4,685
    From the main zip extract it to your BeamNG folder,
    for any skins extract them to BeamNG Folder\html\apps\FPSCounter\

    Check the Wiki page if you need more help
    http://wiki.beamng.com/Installing_Content
     
    #4 Dummiesman, Jun 28, 2014
    Last edited by a moderator: Jun 28, 2014
  5. RobertGracie

    RobertGracie
    Expand Collapse

    Joined:
    Oct 15, 2013
    Messages:
    3,780

    Knew it was something like that thanks!!!!
     
  6. Sebulba

    Sebulba
    Expand Collapse

    Joined:
    Jun 17, 2014
    Messages:
    90
    will there be an update for the experimental/new versions?
     
  7. Dummiesman

    Dummiesman
    Expand Collapse

    Joined:
    Sep 17, 2013
    Messages:
    4,685
    What needs to be changed for exparimental?
     
  8. Sebulba

    Sebulba
    Expand Collapse

    Joined:
    Jun 17, 2014
    Messages:
    90
    check here under features: http://www.beamng.com/entries/103-new-experimental-version-0-3-6-1

    i think this is the problem:
    i replaced the 'file' command with 'local' in the files, but it didn't worked.

    thanks for your support!
     
  9. tdev

    tdev
    Expand Collapse
    Developer
    BeamNG Team

    Joined:
    Aug 3, 2012
    Messages:
    3,031
    try local://local/<url> instead of file://<url>
     
  10. Sebulba

    Sebulba
    Expand Collapse

    Joined:
    Jun 17, 2014
    Messages:
    90
    thanks! this fix works.
    i attach the app with changed 'app.js'.
    contact me if this is OK (the file upload).
    all the credits goes to dummiesman for the fps counter.
     

    Attached Files:

    #10 Sebulba, Oct 14, 2014
    Last edited: Oct 14, 2014
  11. Galahir950

    Galahir950
    Expand Collapse

    Joined:
    Oct 11, 2014
    Messages:
    20
    This appears to work.
     
  12. Dummiesman

    Dummiesman
    Expand Collapse

    Joined:
    Sep 17, 2013
    Messages:
    4,685
    Well, for the BeamNG implementation of it :p. FPSMETER for creating the actual meter thingy. Thanks for updating it to exparimental :)
     
  13. Sebulba

    Sebulba
    Expand Collapse

    Joined:
    Jun 17, 2014
    Messages:
    90
    it was just a tiny, tiny, tiny change of some letters ;)

    some say that even the stig could have done that blind :p
     
  14. Dummiesman

    Dummiesman
    Expand Collapse

    Joined:
    Sep 17, 2013
    Messages:
    4,685
    The Stig was blind as he drove a Jaguar off the end of an aircraft carrier ;)
     
  15. xXblueray95Xx

    xXblueray95Xx
    Expand Collapse

    Joined:
    Sep 14, 2014
    Messages:
    15
    does it work in experimental version cause its aint working with me
     
  16. Sebulba

    Sebulba
    Expand Collapse

    Joined:
    Jun 17, 2014
    Messages:
    90
  17. xXblueray95Xx

    xXblueray95Xx
    Expand Collapse

    Joined:
    Sep 14, 2014
    Messages:
    15
    thanx :|
     
  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