Leaderboard

Hello everyone! In this tutorial I will try to show you how to create a Web map of your server. Stage 0 - Some usefull stuff We need to walk around GTA map, so lets create a resource to make it easier: mp.events.addCommand('veh', (player, veh)=> { mp.vehicles.new(veh, player.position) }) // Create a vehicle mp.events.addCommand('tp', (player, _, x, y, z)=> { player.giveWeapon(0xFBAB5776, 2) // Parachute, you need this, trust me player.position = new mp.Vector3(parseInt(x), parseInt(y), parseInt(z)) }) // Teleport a player mp.events.addCommand('pos', (player)=>{ console.log(player.position.x + ' ' + player.position.y + ' ' + player.position.z) }) // Get player coords at write it to console Stage 1 - Frontend Step 1: Get a map image, you can find some good images here: https://gtaforums.com/topic/595113-high-resolution-maps-satellite-roadmap-atlas/ I will use 4096*4096 satellite map. http://blog.damonpollard.com/wp-content/uploads/2013/09/GTAV_SATELLITE_4096x4096.png Step 2: Create a html file for our map: <img src='http://blog.damonpollard.com/wp-content/uploads/2013/09/GTAV_SATELLITE_4096x4096.png' style="position: absolute"> <canvas id='map' style='height: 4096px; width: 4096px; position: absolute; z-index: 9999'> This code adds a picture and then puts a canvas over it, so we can draw above our map. Step 3: Lets make some calculations 0) First of all, install commands from Stage 0 to your gamemode and then connect to your server. 1) Open your map picture with Paint 2) Determine zero point Teleport to (0, 0, 72) position and determine this location at your map inside paint (put pointer on it), write down coordinates 3) Determine map scale Choose two points at map. I will use the most northen island and LS Aiport Write down 'paint' coordinates for both. It is (1889, 232) (1570, 3939) for me (if you use map with another size, you will get different numbers). Calculate range between this coords, it is 3720.7002 for me. Then go to GTA and walk to both points Write /pos to output your position to console 34.01333999633789 7689.458984375 2.8789443969726562 - northen island -933.9918823242188 -3570.4599609375 14.037487030029297 - airport corner Then calculate distance between this points only with x and y axis. Result: 11301.451622046046 (meters) Now lets finally get map scale: for me it is 11301.451622046046 (meters) / 3720.7 (pixels) = 3.037861303705727 (meters per pixel) 4) Determine axises Red is world coords, green - picture/html coords Step 4: Lets start with a code First of all, we need a function that converts world coordinates to picture coordinates. const ZeroX = 1903 const ZeroY = 2690 const Scale = 3.037861303705727 function getPictureCoords(x, y) { x = x/Scale y = y/Scale return {x: ZeroX + x , y: ZeroY - y} // Invert Y-axis } You can test it by teleporting to random coords and then finding that place in paint Now it's time to start drawing. const ctx = document.getElementById('map').getContext('2d') Lets make a function that draws a player marker (red circle and a name above it) function drawPlayerMarker(x, y, name) { newCoords = getPictureCoords(x, y) x = newCoords.x y = newCoords.y ctx.fillStyle = 'red' ctx.beginPath() ctx.arc(x, y, 5, 0, 2 * Math.PI) ctx.fill() ctx.font = "25px Arial"; ctx.fillText(name, x - 15, y - 15) } Lets test it! It works! Stage 2 - Backend We will use socket.io to communicate between browser and server. Step 0: Install express and socket.io packages. Run windows command line -> change directory to your /server-files directory -> run npm install express npm install socket.io Step 1: Create express app //load map.html and socket.io var fs = require('fs') const port = 3000 var mapHTML = fs.readFileSync("./webmap/map.html", "utf8") var socketIO = fs.readFileSync("./webmap/socket.io.js", "utf8") //create app var app = require('express')(); var http = require('http').Server(app); var io = require('socket.io')(http); //listen 3000 port http.listen(3000, function(){ console.log('webMap is active at 3000 port!'); }); //send map.html and socket.io to every client app.get('/', function (req, res) { res.send(mapHTML); }); app.get('/socket.io.js', function (req, res) { res.send(socketIO); }) Put your map.html file to /server-files/webmap folder Then go to \server-files\node_modules\socket.io-client\dist, find socket.io.js file and put it to server-files/webmap folder Step 2: Prepare and send data to client function prepareAndSendPlayersData() { var toSend = [] mp.players.forEach((player)=> { toSend.push({ x: player.position.x, y: player.position.y, name: player.name }) }) sendPlayersData(toSend) } function sendPlayersData(data) { io.sockets.emit('playersData', data) // Send our data to every client } Step 3: Create interval setInterval(prepareAndSendPlayersData, 200) // Update every 200 ms Stage 3 - Receiving data on client Step 1: Add socket.io script to your html file <script src="/socket.io.js"></script> Step 2: Add variable and event to handle data var playersData = [] var socket = io('localhost:3000') // Your server ip here socket.on('playersData', (data) => { playersData = data redraw() }) Step 3: Redraw map with new data function redraw() { ctx.clearRect(0, 0, 4096, 4096); playersData.forEach((player)=> { drawPlayerMarker(player.x, player.y, player.name) }) Thats all! You can run your server, then open browser and go to youserverip:3000 and test it. map.js (server package) map.html (put it to server-files/webmap folder) This tutorial will be continued Have a good day!

This will add a scrollbar/chat history to your server. You can edit how much the chat history keeps but for now it's set to 30. Download Link Preview Installation Open the ragemp_scrollchat.zip and drag the contents into your client_packages folder. If you already have an index.js, copy/paste it into your current index.js file. Now you should be all ready to go. How can I change the chat history length? If you want to change how many messages are stored, go to chatUI/js/main.js and you'll see history_limit with a comment next to it at the top, change that number to how many messages you'd like to be kept in chat. If you have any questions about changing anything else in the chat such as font just ask and I'll do my best to assist.

Avernum-Life Wer und was ist Avernum-Life: Avernum-Life besteht aus einem Team, das seit längerer Zeit Erfahrung gesammelt haben im Roleplay Bereich, sei es durch Spiele wie Arma, GTA V, oder andere Spiele. Aus dieser Zeit wurden sehr viele Ideen und Innovationen zusammengetragen und gesammelt. Und diese wollen wir jetzt für euch umsetzen. Avernum-Life ist ein Roleplay-Server für Grand Theft Auto V. Der Server läuft über die Multiplayer-Modifikation "Rage". Die Art und Schwerpunkte des Roleplays kennen manche vielleicht aus SAMP oder MTA, welche auf GTA San Andreas basieren. Rage funktioniert für die Socialclub- aber auch für die Steam-Version des Clients. Wie connecte ich auf euren Server: Der Server ist derzeit noch in der Entwicklung. Deswegen haben wir momentan noch keine spielbare Version veröffentlicht. Ein Test-Server für interne Zwecke läuft aber bereits. Sobald wir diese Phase abgeschlossen haben, wird es möglich sein über den Rage Client unseren Server auszuwählen. Wann wird der Server für die breite Öffentlichkeit frei gegeben: Leider können wir Euch noch keinen offiziellen Termin nennen, da wir Euch am Ende ein hoch qualitatives Spielerlebnis bieten wollen, und an diesem arbeiten unsere Entwickler gerade mit Hochdruck. Ein weiterer Grund, wieso wir kein festes Datum haben, liegt daran, dass immer Unvorhergesehenes passieren kann und die Spieler somit nur enttäuscht werden. Ist eine Whitelistung erforderlich um auf dem Server zu spielen? Kurzum “Ja”, erst wenn Ihr die Regelwerk-Fragen so wie die RP-Situationen gemeistert habt, werdet Ihr für den Server freigeschaltet. Dann heißt es nur noch IC gehen und Spaß haben. Das heißt aber nicht, das nur erfahrene Spieler bei uns willkommen sind, sondern auch RP-Neulinge sind gern gesehen. Was wird auf Avernum Life möglich sein? Avernum Life steht für Live your Life and Realize your Dreams. Wollt Ihr eine Karriere bei einer staatlichen Fraktion beginnen, so bewerbt Euch über das Forum oder Ingame bei einem der Fraktionsleiter. Jeder Spieler kann seine eigene Gruppierung erstellen, sei es eine Gang, eine Mafia oder Ihr reicht ein Konzept für ein Gewerbe ein wie z.B. für ein Autohaus oder für eine Gastronomie. Natürlich könnt Ihr auch als Zivilist Euch mit Minijobs oder als Angestellter eines Gewerbes eure Brötchen verdienen. Ihr setzt eure eigenen Ideen um. Und genau das macht Avernum Life auch so besonders. Konzepte für Firmen oder Gruppierungen werden gerne über das Forum angenommen. Kann man euch noch Unterstützen? Wir, das Avernum Multiplayer Team, sind aktuell auf der Suche nach tatkräftiger Unterstützung. Gesucht werden Leute in allen Bereichen mit diversen Kenntnissen und Fähigkeiten: Web & UI Entwickler (1 - 2x) - Sauberer Code - Loyalität - Erfahrung -> CSS, HTML, PHP und JS Gamedesigner (1 - 2x) - Kreativität - Loyalität - Kenntnisse in PhotoShop (oder ähnlichem Programm) -> Erstellung von Grafiken für das UI -> Erstellung von Grafiken für den Discord Server und das Forum Mapper (1 - 2x) - Loyalität - Kreativität - Erfahrung im Bereich Mapping - Besitzt eines eigenen Mapping Tools (wünschenswert, aber nicht verpflichtend) -> Gute bis sehr gute Arbeit bei Interioren -> Gute Arbeit bei Exterioren Video Designer (1 - 2x) - Erfahrung - Kreativität - Loyalität - Besitz eines Schnitt und Movie Programmes -> Intro- und Vorstellungsvideos erstellen und anfertigen -> Erstellung von Guide Videos Dir springt eine Aufgabe sofort ins Auge? Du denkst, du erfüllst unsere Kriterien? Oder du hast einfach noch ein paar Fragen? Kein Problem! Meld dich doch einfach bei uns und wir quatschen darüber! Bewerben kannst du dich gerne dazu im Forum. Wo finde ich Avernum-Life? Forum: https://avernum.mp/ Discord: http://discord.avernum.mp

Ich zitiere hiermit §5 - TMG: Diensteanbieter haben für geschäftsmäßige, in der Regel gegen Entgelt angebotene Telemedien folgende Informationen leicht erkennbar, unmittelbar erreichbar und ständig verfügbar zu halten: An dieser Stelle bedeutet "in der Regel" nicht, dass es eine Voraussetzung darstellt das Impressum erst zur Verfügung zu stellen, wenn man kommerzielle Absichten hat. Die Impressums-Pflicht gilt für jede erdenkliche Internetpräsenz. Ja, §5 - TMG bezieht sich hauptsächlich auf Internetpräsenzen in Verbindung mit Kommerz, allerdings gilt auch ein Werbebanner, Spenden-Button oder alles was monetär abgelegt werden kann, als Kommerz. Dadurch dass ihr einen "Spenden" Button auf eurer Internetpräsenz führt, verstößt ihr hiermit gegen den Paragraphen des Telemediengesetz. Von diversen kommenden Werbungen in Bezug auf online zugänglichen Video-On-Demand Plattformen ganz zu schweigen. Ich würde vorschlagen, nicht mit Paragraphen und Behauptungen um sich zu werfen, wenn man keinerlei Ahnung von der Materie hat _____ Sudonym

Das hört sich gut an, würde mich sehr freuen wenn es auch so umgesetzt wird. Grüße Jason

Der Server Revolution-RP hebt sich hervorragend von anderen Server ab, z.B. durch ein zwar spekulatives aber interessantes deutsches System! (Polizei, Gesetze, Umgang mit Wirtschaft und Gruppierungen)

Genau (fast) die gleichen Ansichten teilen wir! Alle reden von Roleplay und Hardcore, aber bei einer psychische krankheit wird nicht der Medic gerufen sondern direkt der Admin und man wird vor allen Spielern gekickt.. Es gibt genügend gestörte im realen Leben wieso sollte es diese Herausforderung nicht auch "IC" geben?

Ein Handy für einen Server zu erstellen ist nicht schwierig, ihr müsst einfach mit Html, CSS und Javascript ein Smartphone "bauen" und die Apps funktionieren wie Buttons das wenn ihr auf eine "app" klickt das sich quasi ein neues Fenster öffnet. Für den Voice könnt ihr euch eine Vorlage herunterladen im Forum es gibt welche die funktionieren über Javascript und eins das mit C# funktioniert dort könnt ihr dann eure Reichweite noch mit einfügen z.B. mit meinem Chat der nur in Reichweite von 15 Metern funktioniert: Client[] clients = NAPI.Pools.GetAllPlayers().FindAll(x => x.Position.DistanceTo2D(client.Position) <= 15).ToArray(); for (int i = 0; i < clients.Length; i++) { if (!clients[i].Exists) continue; clients[i].SendChatMessage($"{client.Name} sagt: {message}"); } Unter Leitstelle vermute ich das ihr gerne z.B. wenn ein Anruf getätigt wurde bei der LSPD das diese Person direkt über Funk mit allen Einsatzkräften funken kann oder?! Dies könnte man mit einer if abfrage machen um zu fragen ob dieser Spieler zur LSPD, FBI oder SARU gehört und sollte dies möglich sein so soll diese Person z.B. mit einem Befehl den Funk auf Leitstelle oder zu seinem Partner ändern und bei einer weiteren if abfrage könnte man abfragen ob der Spieler den Funk auf Leitstelle hat wenn ja soll man den Voice hören. Ich gehe davon aus das ihr schon an einem Server dran seit und ihr Entwickler habt deshalb sollte dies nicht schwer sein es umzusetzen. Mit freundlichen Grüßen