Terug

FiveM Scripts

Horizon Life Roleplay

Lua
React
Tailwind CSS
TypeScript
#Scripts
2020

FiveM (GTA V Roleplay) Scripts voor Horizon Life Roleplay

Wat is FiveM?

FiveM is een modificatieplatform voor Grand Theft Auto V (GTA V) waarmee spelers multiplayer kunnen spelen op aangepaste servers. Het stelt spelers in staat om hun eigen game-ervaringen te creëren binnen de wereld van GTA V, met verschillende spelmodi en functies die afwijken van de standaard multiplayer-modus (GTA Online).

Belangrijke kenmerken van FiveM zijn:

  1. Aangepaste servers: Spelers kunnen hun eigen servers maken of zich aansluiten bij servers met aangepaste regels, spelmodi en omgevingen. Deze servers kunnen variëren van role-playing (RP)-gemeenschappen tot races, zombie-overlevingsgames, of gewoon vrij rondlopen.
  2. Mods en scripts: FiveM staat het gebruik van mods, scripts en extra content toe die niet door GTA Online worden ondersteund. Serverbeheerders kunnen aangepaste auto's, wapens, kaarten en andere modificaties toevoegen om het spel te verrijken.
  3. Roleplaying (RP): Een van de meest populaire toepassingen van FiveM is voor GTA RP (roleplaying)-servers, waar spelers in de huid kruipen van verschillende personages en echte scenario's nabootsen, zoals politiewerk, crimineel zijn, of werken als hulpverlener binnen de GTA V-wereld. Sommige van deze servers hebben strikte regels voor roleplay.
  4. Server-scripting: FiveM ondersteunt scripting in Lua en C#, wat ontwikkelaars de mogelijkheid geeft om zeer aanpasbare spelervaringen te creëren. Dit kan bijvoorbeeld het opzetten van een economische structuur of een baansysteem omvatten.
  5. Synchronisatie en stabiliteit: In tegenstelling tot traditionele multiplayer-mods werkt FiveM eraan om synchronisatie tussen spelers te behouden, wat zorgt voor een stabielere en soepelere spelervaring.

Wie is Horizon Life Roleplay?

Horizon Life Roleplay is een FiveM-roleplayserver die een semi-realistische speelervaring biedt binnen een Amerikaanse setting. De server draait op het QBCore-framework en staat bekend om zijn aanpasbare en stabiele systemen, waardoor spelers kunnen deelnemen aan uiteenlopende activiteiten zoals werken voor de politie, medische diensten of het runnen van hun eigen bedrijven. Ook zijn er aangepaste auto's, kleding en een geavanceerd economisch systeem, waarbij spelers hun personages en verhalen kunnen ontwikkelen.

Het team achter Horizon Life Roleplay houdt zich actief bezig met het verbeteren van de server door middel van regelmatige updates en bugfixes. Ze streven naar een vriendelijke en betrokken community zonder plaats voor toxisch gedrag.

Daarnaast biedt de server verschillende illegale activiteiten, zoals overvallen en drugshandel, maar ook meer gestructureerde banen zoals politieagent of medische hulpverlener. Horizon Life Roleplay is gericht op zowel ervaren als nieuwe spelers, en moedigt iedereen aan om hun eigen rol in het spel te vinden.

Wat doe ik?

Als developer in Horizon Life Roleplay richt ik me op het maken van scripts met een gebruikersinterface (UI) die essentieel zijn voor bepaalde functies in de server. Voorbeelden hiervan zijn een laptop-systeem, een autohandelaar-systeem, en een administratief menu in het spel. Deze systemen vereisen een visuele interface zodat spelers eenvoudig kunnen navigeren en specifieke taken kunnen uitvoeren, zoals het beheren van voertuigverkopen, het regelen van in-game administratieve zaken, of het gebruik van een laptop voor communicatie of andere opdrachten.

Hoewel ik ook andere scripts heb ontwikkeld, zoals de GoPostal-bezorger en de elektriciteitswerker, zijn die zonder UI. Voor die jobs zijn de interacties meer gericht op directe acties binnen de gamewereld zonder dat een visueel menu nodig is. Mijn focus ligt echter vooral op het ontwikkelen van gebruiksvriendelijke UI's om de interactie voor spelers zo intuïtief mogelijk te maken en de server dynamischer te laten aanvoelen.

Voorbeelden

Hieronder vindt u enkele voorbeelden van scripts die ik heb gemaakt:

  1. Politie en Ambulance Bodycam UI
    • Beschrijving: Een gebruikersinterface (UI) voor bodycams die door politie en ambulancepersoneel in-game kan worden gebruikt. Hiermee kunnen video-opnamen worden weergegeven en gedocumenteerd tijdens het spelen.
    • Fotos:
      Bodycam Police
      Bodycam Ambulance
  2. Shop UI
    • Beschrijving: Een gebruikersinterface voor een winkel in-game. Deze UI stelt spelers in staat om items te bekijken en te kopen binnen een virtuele winkelomgeving.
    • Foto:
      Shops
  3. Elektriciteitspalen Reparatie Job
    • Beschrijving: Een script voor een in-game baan waarbij spelers elektriciteitspalen moeten repareren. Dit script bevat waarschijnlijk missies, taken en interacties die te maken hebben met het herstellen van defecte elektriciteitspalen.
    • Fotos:
      Electrician Job 1
      Electrician Job 2
  4. Laptop UI met Verschillende Apps
    • Beschrijving: Deze gebruikersinterface voor een laptop in-game biedt toegang tot diverse apps, waaronder een Gang Management App voor het beheren van gangactiviteiten, leden en resources, en een Autohandelaar Management App voor het beheren van voertuigverkoop, voorraad en klantinteracties in een autodealeromgeving.
    • Fotos:
      Laptop 1
      Laptop 2
      Laptop 3
  5. Autohandelaar UI
    • Beschrijving: Een gebruikersinterface voor autohandelaren waarmee normale spelers voertuigen kunnen zoeken, kleuren kunnen kiezen en gedetailleerde informatie over de beschikbare auto's kunnen bekijken. Deze UI biedt een interactieve manier om voertuigen te verkennen en te kiezen binnen een virtuele autohandelaaromgeving.
    • Foto:
      Dealership

Hoe ik deze FiveM-scripts heb gemaakt:

Ik heb de scripts ontwikkeld met behulp van een combinatie van technologieën om zowel de back-end als de front-end van de gebruikersinterfaces te realiseren. De scripts zijn voornamelijk opgebouwd met Lua voor de server- en client-side logica in FiveM, wat essentieel is voor het schrijven van scripts en het beheren van in-game interacties.

Voor de gebruikersinterfaces (UI's) heb ik React gebruikt. React stelt me in staat om dynamische en interactieve UI-componenten te bouwen die naadloos integreren met de FiveM-omgeving. Om de esthetiek en het ontwerp van de UI-elementen te verbeteren, heb ik Tailwind CSS toegepast, wat zorgt voor een gestroomlijnde en responsieve stijl zonder veel moeite.

Daarnaast heb ik ShadCN gebruikt voor bepaalde UI-elementen. ShadCN biedt kant-en-klare componenten en stijlen die helpen om een consistente en aantrekkelijke gebruikersinterface te creëren, wat bijdraagt aan een verbeterde spelervaring.

Deze FiveM-server is opgericht op 20 augustus 2024. Voorafgaand aan deze oprichting heb ik zelf geprobeerd verschillende dingen te maken en ervaring op te doen met het ontwikkelen van scripts en functionaliteiten. Deze eerdere ervaring heeft me geholpen bij het verfijnen van mijn vaardigheden en het verbeteren van de kwaliteit van de scripts die nu op de server worden gebruikt.

Het ontwikkelen van deze server en de bijbehorende scripts gebeurt natuurlijk in teamverband. We werken samen om de server voortdurend te verbeteren en uit te breiden, en om een rijke en meeslepende ervaring te bieden aan onze spelers. Er zullen in de toekomst meer scripts en functionaliteiten worden toegevoegd, en het team blijft continu werken aan innovaties en verbeteringen.