Git Product home page Git Product logo

ps-hud's Introduction

Project Sloth GitHub Project PS-HUD Banner

ps-hud

Ultra customizable hud featuring a unique and robust settings menu. Change eveything about your experience!

Project Sloth Buttons 2

Optional:

⚠️Important:

  • Do not rename this resource from ps-hud or you will encounter issues.
  • Locale is now supported. Make sure that your qb-core is update. You can update it here.
  • This script is fully open source, it has no obfuscation. Svelte compiled the js when it gets build and original source code is here svelte-source.
  • If the minimap is pulsating or flickering, make sure if you are using custom maps that you ensure ps-hud BEFORE map resource or if another script use the SetRadarZoom() native for disable it there.


Project Sloth GitHub Project PS-HUD Install Banner

Start installing now

We will now provide you with a step-by-step guide for the installation process. Shouldn't take too long and it shouldn't be too confusing either!

Step 1:

Go ahead and start by dragging and dropping ps-hud into your designated resources folder.

If you are still lost, Slothy has created a few GIF's to help guide you through all the installation steps.

chrome_KpjdUnvhgV



Admin Only Setting:

If you don't want your community to be able to access the customizability options within the menu; make sure to change Config.AdminOnly to true instead of false. Keep in mind as well, while true, the changes you save will override for everyone on the server.

This configuration setting is found in ps-hud/config.lua as shown in the GIF below.

chrome_ZwsidhP73y



Project Sloth GitHub Project PS-HUD Features Banner

Some features to mention within this ps-hud:

  • Custom icon shapes
  • Alter icon size, position and color
  • Customize settings for individual icons
  • Endless options for icon position and orientation


Project Sloth GitHub Project PS-HUD Showcase Banner

Time to show you what it looks like!

Here's a few showcased examples while using ps-hud.

Design mode and shapes:

DesignModeandShapes.mp4

Icon state and color:

IconStateandColors.mp4

Icon size and position:

IconSizeandPosition.mp4

Change progress color:

ColorChanges.mp4

Individually edit icons:

IndividualEdits.mp4

Icon layout and spacing:

IconLayoutandSpacing.mp4

Credits:

Inspiration and some code snippets from Svelte & Lua Boilerplate by Project Error

Unsupported ESX Version made by reyyghi

Copyright © 2022 Project Sloth.

ps-hud's People

Contributors

s1lentcodes avatar monkeywhisper avatar mockdot avatar randolio avatar loljoshie avatar alivemonstor avatar menkzy avatar pushkart2 avatar christianbdev avatar jay-fivem avatar imkuroneko avatar lenzh avatar noobysloth avatar qbtreyyy avatar reyyghi avatar citrattv avatar dexter9006 avatar jnccloud avatar myshkovsky avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.