JavaScript - Radar / Map Erstellen?
Hey!
Ich habe folgende 2D x&y Koordinaten von spielern aus einem 3D Spiel.
11.7578125 5.26953125
3.95703125 17.90234375
16.046875 4.890625
5.3359375 18.25390625
19.27734375 18.55078125
9.32421875 15.10546875
13.75 15.80859375
11.07421875 13.72265625
1.671875 0.62890625
Nun möchte ich eine Art 2D Minimap/Radar erstellen.
Die map ist 20x20 Groß.
Wie kann ich das umsetzen?
2 Antworten
Vom Beitragsersteller als hilfreich ausgezeichnet
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Computer, HTML, JavaScript
Du brauchst an sich nur ein Zeichenfeld und eine Funktion, die dir einen Punkt an bestimmten Koordinaten zeichnen kann.
Schau dir p5.js an. Die Bibliothek zeichnet auf dem HTML canvas-Element.
const coordinates = [
[ 11.7578125, 5.26953125 ],
[ 3.95703125, 17.90234375],
[ 16.046875, 4.890625 ],
/* etc. ... */
];
function setup() {
createCanvas(20, 20);
for (const coordinate of coordinates) {
point(coordinate[0], coordinate[1]);
}
}
Wenn sich die Punkte durchgehend aktualisieren sollen, sollten sie stattdessen in der draw-Funktion gezeichnet werden.
function draw() {
background(255);
for (const coordinate of coordinates) {
point(coordinate[0], coordinate[1]);
}
// update coordinates ...
}
Hi,
hier gibt es einen Artikel von W3schools dazu. Es handelt sich dabei um Chart.js
Woher ich das weiß:Recherche
Wird leider für Charts verwendet, wie der name schon sagt.