Timer Bars 1.1.0

   (3 reviews)

2 Screenshots

About This File

Adds timer bars from GTA V/Online.

Installing

Drop the timerbars folder to your server's client_packages folder, then you can use const barlibrary = require('timerbars'); to add timer bars. (don't forget to check examples)

TimerBar Properties

A timer bar has these properties:

  • title | Title (left text) of the timer bar. (string)
  • useProgressBar | Progress bar of the timer bar. If set to true, a progress bar will be drawn instead of right text. (bool)
  • text | Text (right text) of the timer bar, useless if useProgressBar is true. (string)
  • progress | Progress of the timer bar, useless if useProgressBar is false. (float between 0.0 - 1.0)
  • textColor | Text color of the timer bar. (rgba array or HUD color ID)
  • pbarBgColor | Progress bar's background color. (rgba array or HUD color ID)
  • pbarFgColor | Progress bar's foreground color. (rgba array or HUD color ID)
  • visible | Visibility of the timer bar. (bool)
  • usePlayerStyle | If set to true, timer bar title will be displayed like a GTA Online player name. (bool)

You can check this wiki page for HUD color IDs.

Examples

const timerBarLib = require("timerbars");

// lets create some progress bars
let timeBar = new timerBarLib.TimerBar("TIME LEFT");
timeBar.text = "33:27";

let teamBar = new timerBarLib.TimerBar("TEAM MEMBERS LEFT");
teamBar.text = "4";

let healthBar = new timerBarLib.TimerBar("BOSS HEALTH", true);
healthBar.progress = 0.8;
healthBar.pbarFgColor = [224, 50, 50, 255];
healthBar.pbarBgColor = [112, 25, 25, 255];

let rewardBar = new timerBarLib.TimerBar("REWARD");
rewardBar.text = "$500000";
rewardBar.textColor = [114, 204, 114, 255];

// f7 to toggle visibility of bars
mp.keys.bind(0x76, false, () => {
    timeBar.visible = !timeBar.visible;
    teamBar.visible = !teamBar.visible;
    healthBar.visible = !healthBar.visible;
    rewardBar.visible = !rewardBar.visible;
});

// f8 will change health bar's value to something random
mp.keys.bind(0x77, false, () => {
    healthBar.progress = Math.random();
});

 

const timerBarLib = require("timerbars");

let eventTime = new timerBarLib.TimerBar("EVENT TIME LEFT", false);
eventTime.text = "01:40";

let thirdPlace = new timerBarLib.TimerBar("3rd: PlayerName3", false);
thirdPlace.text = "9 kills";
thirdPlace.textColor = 107; // HUD_COLOUR_BRONZE
thirdPlace.usePlayerStyle = true;

let secondPlace = new timerBarLib.TimerBar("2nd: PlayerName2", false);
secondPlace.text = "12 kills";
secondPlace.textColor = 108; // HUD_COLOUR_SILVER
secondPlace.usePlayerStyle = true;

let firstPlace = new timerBarLib.TimerBar("1st: AimbotNub", false);
firstPlace.text = "30 kills";
firstPlace.textColor = 109; // HUD_COLOUR_GOLD
firstPlace.usePlayerStyle = true;

 


What's New in Version 1.1.0   See changelog

Released

- Added usePlayerStyle property to timer bars, when set to true your timer bar title will be displayed like a GTA Online player name.

78IUm1I.png

 

- Added support for HUD colors, now you have 2 ways to color your timer bars:

myTimerBar.textColor = 6; // new, will get HUD_COLOUR_RED's RGBA value and use it
myTimerBar.textColor = [224, 50, 50, 255]; // old, still works

This feature works with textColor, pbarBgColor and pbarFgColor properties of a timer bar.

  • Like 5



User Feedback

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest

hubba

   2 of 2 members found this review helpful 2 / 2 members

greate)

  • Like 1

Share this review


Link to review
Adam

   1 of 2 members found this review helpful 1 / 2 members

Good stuff, keep it up!

  • Like 1

Share this review


Link to review
eDz0r

  

Very nice man.

Share this review


Link to review