Teeworlds: Serverbrowser

Machen Sie alle Eingabefelder (auch beide F1+F2-Konsolen) mit Maus- und Tastaturkürzeln auswählbar. Erlauben Sie auch Ausschneiden/Kopieren/Einfügen mit Tastenkombinationen. #1467 könnte verwandt sein.

Ingame-Server-Browser

Machen Sie den Browser eher wie 0.6, machen Sie Menüs im Allgemeinen eher wie 0.6 xd

Der offene Pull-Request #1171 ist hierfür relevant und sollte beachtet werden.

• Neue Anzeigetafel
• einige Änderungen am Serverbrowser
• Hintergrundkartenanimation

Es ist jedoch ein ziemlich großes Commit, wir könnten die Hilfe von jemandem (idealerweise @SushiTee ) brauchen, um Dinge zu testen und den Arbeitsdruck auf @oy zu

• Wir sollten in der Lage sein, die Registerkarte "Favoriten" über die Registerkarte "Alle" zu verschieben.
• Tab-Positionen sollten sich merken und nicht jedes Mal zurückgesetzt werden, wenn wir das Spiel starten
• Es sollte nicht möglich sein, 'Standard-Spieltyp' im 'Standard-Spieltyp'-Tab zu deaktivieren (ab #988)
• Fügen Sie eine Einstellungsschaltfläche neben der Schaltfläche zum Beenden hinzu. Ein einfaches "⚙️" würde reichen.
• Fügen Sie wieder eine Sidebar hinzu, die die Server-Info und die Spielerliste des ausgewählten Servers anzeigt (die Sidebar könnte wenn möglich eingeklappt werden; wenn die Sidebar eingeklappt ist, sollten Popup-Infos automatisch aktiviert werden)
• Verwenden Sie nur eine Spalte für Favoriten (die Sterne), derzeit werden 2 verwendet. Vorschlag: Verwenden Sie nur die linke Spalte.

• Die Text-/Typfelder im Serverfilter sichtbarer machen und auch das Flag verkleinern/richtig ausrichten (sieht für mich nicht so gut aus)
  

• Server-Skill-Level tatsächlich in Server-Info anzeigen, Sterne als Bewertung verwenden:
  "Fähigkeitslevel: :star::star:"

Ich würde vorschlagen, es so aussehen zu lassen (Hinweis: Es ist eine kurze Skizze):

@Sonix-
Oh, richtig, diese Fähigkeitslevel-Funktion! Ich erinnere mich, dass es damals (2011) von @LordSk vorgeschlagen wurde.
Ich erinnere mich, dass ich sein Mockup in einem 0.5 (!) Client-Mod implementiert habe:

Sieht das gut aus für dich?

Bearbeiten: Verweis auf Problem Nr. 1000

@jordy-ruiz
Ich habe alles außer der Anzeigetafel von dieser Pull-Anfrage geholt, denke ich.
Diese Symbole sind kompakter als die Sterne, was wahrscheinlich gut ist, obwohl ich mir bei den Farben nicht sicher bin. Rot bedeutet normalerweise, dass etw schlecht ist.

@Sonix-
Das ist gut.
Was meinst du mit "Wir sollten die Registerkarte "Favoriten" über die Registerkarte "Alle" verschieben können"? Steht es nicht schon über dem "Alle"-Tab?

@oy

Diese Symbole sind kompakter als die Sterne, was wahrscheinlich gut ist, obwohl ich mir bei den Farben nicht sicher bin. Rot bedeutet normalerweise, dass etw schlecht ist.

Ja, ich mag bunte Sachen, aber da die Teeworlds-Menüs komplett schwarz-weiß sind, sollten wir die Farben ganz weglassen und nur diese Symbole in Weiß haben?

@jordy-ruiz
Ich habe alles außer der Anzeigetafel von dieser Pull-Anfrage geholt, denke ich.

Oh cool. Was bleibt dann mit der Anzeigetafel in PR #1171 zu tun? Überprüfen, zusammenführen? Könnte vielleicht ein Gutachter zugewiesen werden?

Der Ping hat sich bereits verfärbt (grün=gut, rot=schlecht). Da müssen wir nur aufpassen :)

Ich bin mir nicht sicher, ob die Anzeigetafel dort fertig ist. Aber wenn jemand daran arbeiten/hinzufügen möchte, wäre das für mich in Ordnung.

@oy
Was meinst du mit "Wir sollten die Registerkarte "Favoriten" über die Registerkarte "Alle" verschieben können"? Steht es nicht schon über dem "Alle"-Tab?

Ooop! Ich meinte die Registerkarte Teeworlds.

@jordy-ruiz
Ich mag die Idee, diese als Füllstandsanzeiger zu verwenden, ich würde nur weiße Symbole anstelle von farbigen verwenden.

Über die Anzeigetafel habe ich Folgendes in Zatlines Originalprojekt gefunden:

Es wäre schön, wenn die Serverbrowser-Favoriten Hostnamen anstelle von IPs anzeigen könnten und auch Hostnamen anzeigen könnten, für die sie keine IP erhalten haben

Wir sollten die Scoreboard-Diskussion wahrscheinlich auf ein separates Thema verschieben.

Das richtige Skalieren/Ausrichten ist schwierig, also bedenken Sie bitte die allgemeine Idee des Mockups.
Wenn Sie auf einen Server klicken, wird dieser nach unten erweitert und zeigt Details und eine Spielerliste an.

Hier ist die Datei, wenn Sie daran basteln möchten.

werde bald ein paar richtige Konzepte erstellen, sobald ich Inkscape wieder zum Laufen bringe,
hier ein kleiner Entwurf dessen, was angesprochen werden sollte.

Was denken Sie? Haben Sie eine Idee, es zu verbessern? (der Reiter "Informationen" ist noch nicht vollständig)

@LordSk
Das ist für meinen Geschmack zu überladen mit Details, lieber einfacher. Es ist schwer, auf den ersten Blick die gewünschten Informationen zu bekommen.
Und im Allgemeinen bevorzuge ich die bevorzugten Server im Internet-Tab. Es sollte auch benutzerdefinierte Filter geben. Wenn Sie also eine Einstellung spielen möchten, erstellen Sie einen benutzerdefinierten Filter dafür. Dann siehst du sofort die verfügbaren Server/Player und musst nicht jedes Mal das Suchkriterium ändern.

Ich glaube, die benutzerdefinierten Filter erscheinen als Dropdown auf der rechten Seite des Modells (es steht "Standard").

Mit den benutzerdefinierten Filtern müssen Sie das Serverfiltermenü nicht ständig anzeigen.

Diese sind in ihrem aktuellen Zustand ziemlich gut versteckt, ich konnte nicht herausfinden, wie man filtert, bevor mir jemand gezeigt hat.

Ich werde ein Update meines Mockups posten , ich habe den

Es sollte immer noch ein Tooltip angezeigt werden, wenn Sie mit dem Cursor über die Symbole fahren und sagen: Competitive/Hard, Medium/Normal, Easy

Ich mag die Abschlag-Ausdrücke viel mehr: Ich denke, etwas, das "Casual/Competitive" sagt, würde der Realität dessen entsprechen, wofür diese wahrscheinlich verwendet werden, als die richtigen Skill-Ränge.

Der Einstellungsknopf oben rechts gefällt mir sehr gut, ich habe das Gefühl, dass er fehlt. Wenn möglich, verbessern Sie auch den Schließen-Button, der vorerst nur wie ein X aussieht.

Ein weiterer Vorschlag: Eine Art leichter zu erkennender visueller Indikator für leere/volle Server wäre cool (dunkler Hintergrund vielleicht?).

Es wurde darauf aufmerksam gemacht, dass der Benutzeroberfläche auch eine Schaltfläche zum Speichern von Filtereinstellungen fehlt, die nicht JSON-Dateien verwenden, wie:
{"custom": { "type": 0, "extended": 1, "settings": { "filter_hash": 65537, "filter_gametype": "", "filter_ping": 999, "filter_address": "", "filter_country": -1, } } },
@Sonix- erinnert uns daran, dass die Serverrangsymbole einen Tooltip haben sollten.

Da dieses Problem für 0.7.1 eine hohe Priorität hat, wäre es meiner Meinung nach schön, sich schnell mit den Details des Mockups zu befassen. Wichtige Punkte:

• halten wir den 0.6-Filterbalken rechts?
• Wie sollten die Rangsymbole aussehen? (separate Ausgabe?)
• Wie werden Serverdetails angezeigt? @LordSk 's expand, der aktuelle Hover oder der 0.6-Stil?
• ... noch etwas?

halten wir den 0.6-Filterbalken rechts?

Die Sache ist, dass es immer noch mit einem Seitenverhältnis von 4:3 arbeiten muss, ohne alles zusammenzuballen, um ein Durcheinander zu verursachen. Es auf der rechten Seite zu haben, wäre für Breitbild-Verhältnisse kein Problem, aber wenn das Spiel auf 4:3 gespielt wird, würde es über das Sichtbare hinaus ausschneiden, sodass im Falle eines Clippings eine Ausnahme fest codiert werden muss.

Die Server-Rang-Icons von LordSk mit Tooltip wären meine Wahl.
Auch wie die Spieltypen, die aus dem Modell von LordSk ausgewählt werden.
Eine Erweiterung wie bei LordSk wäre für das 4:3-Verhältnis besser, wie Zatline erwähnt.
Wir könnten überprüfen, wie die Filterleiste rechts aussieht. Wenn es nicht zu eng ist, dann mach es.

@Oy hat letzte Nacht an einigen neuen Konzepten gearbeitet, die alle offenen Probleme ansprechen, müssen es aufräumen und weiter verfeinern, damit es als 1:1-Vorlage und Anleitung für Codieren verwendet werden kann.

Das Modell von @LordSk sieht für mich am besten aus. Ich habe vor zwei Jahren an so etwas gearbeitet, aber aus irgendeinem Grund aufgehört. Ich habe das Gefühl, dass alles, was Sie über diesen Server wissen müssen, genau dort angezeigt wird. Sie müssen die Spaltennamen nicht wie jetzt kennen. Derzeit kennen Sie möglicherweise nicht den Unterschied zwischen der Spieltypspalte und der Kartenspalte, es sei denn, Sie spielen Teeworlds seit einiger Zeit, da die meisten Karten nach dem, was Sie darauf spielen, benannt sind. Aber wie sein Modell zeigt, kann man LMS auf einem dm7 spielen. Die Symbole zeigen Ihnen deutlich, was jeder dieser Buchstaben tatsächlich bedeutet. Sie können einfach ableiten, dass das Symbol, das wie eine Mario-Karte aussieht, wahrscheinlich die Karte ist und das Symbol mit einem auf Knochen stehenden T-Stück der Spieltyp ist. insbesondere mit dem Symbol darüber, dass auf dem vorherigen Server zwei Flags angezeigt werden, die anzeigen, dass der Server CTF spielt. Das ist sehr einfach und meiner Meinung nach der Weg, den wir damit gehen sollten.

Ich bin ein bisschen gemischt, ob ich mit den Einmischungen oder den Tee-Eyes für den Schwierigkeitsgrad gehen soll.

@android272 Ich denke, das LordSk-Modell ist viel zu detailliert, es ist so viel los, dass es schwierig ist, sich auf etwas Bestimmtes zu konzentrieren und eine Art Orientierung zu haben.. !
Auch möchte oder muss nicht jeder alle Detailinformationen auf einmal angezeigt bekommen, das wirkt einfach überwältigend und irgendwie überflüssig, stelle ich mir gerade für Anfänger vor.
Wenn jemand wirklich ins Kaninchenloch gehen und jedes Detail noch dazu sehen möchte, ist es durchaus sinnvoll, diese Funktion hinter einem Botton zu verstecken und absichtlich durch Willenskraft aktivieren zu lassen.
Bestimmte Symbole für jede einzelne Spalte zu haben, scheint auch ein bisschen lächerlich zu sein,
Wenn man sich anschaut, wie andere Multiplayer-Spiele das machen, kommen sie mit einem einfach gehaltenen Browser gut zurecht, in einigen Fällen sogar ohne Symbole oder in den meisten Fällen mit sehr wenigen und oft gibt es nicht einmal detaillierte Informationen.

Die ursprüngliche Idee aus dem Jahr 2013, als Shushi und ich anfingen, war es, jede Detailinformation als zusätzliches dynamisches Mouseover-Fenster anzuzeigen, zum Beispiel: Sie möchten wissen, wer auf der Karte spielt? Sie nehmen den Cursor und bewegen ihn einfach über die Spielerspalte, möchten die Karte wissen? Nehmen Sie den Cursor und bewegen Sie den Mauszeiger über die Kartenspalte, die es uns tatsächlich ermöglichte, den gesamten jetzt belegten Platz zu nutzen und ihn in erster Linie speziell als Browser zu verwenden. aktuelle Muster aus 2013:
https://i.gyazo.com/5d3f91cd5ff26bf52e93431e007eceb0.png
https://i.gyazo.com/597e1fcbd51e83890a541a2776d83240.png
diese Funktion sollte rechts oben mit nur einem Klick ein- und ausgeschaltet werden.

Was die Filter / Freunde / Info-Panels angeht, haben wir leider irgendwie versäumt, dass die reibungslose Aufnahme jetzt die Herausforderung ist, die noch behoben werden muss und darauf sollten wir uns hauptsächlich konzentrieren!
um Oy zu einem möglichen 3:4-Kompatibilitätsproblem zu zitieren

Wir könnten überprüfen, wie die Filterleiste rechts aussieht. Wenn es nicht zu eng ist, dann mach es.

Ziel sollte es sicherlich sein, es so funktional wie 0.6.x . zu machen

Teeworlds hat diesen Serverbrowser verdient, er ist einfach, nützlich und ordentlich. Von Anfängern und alten Spielern ist einfach zu bedienen und Dinge zu finden.

Dies ist die dunkle Version, ich werde später die hellere Version hochladen (beide sollen in den Vorab-Konfigurationen in Frage kommen).

Vielleicht spät, aber ich mag das Tab-Design für das rechte Panel. Es ist sehr offensichtlich, dass Sie wechseln können :)
Nicht alles sieht machbar aus, wie die Checkliste der Spieltypen oder die Größe der Karten (die der Kunde nicht kennt).

Aber insgesamt sehen viele Dinge gut aus. Dinge, die mir persönlich gefallen:

• die Schaltfläche "Freunde zurücksetzen"
• die Schwierigkeit bei der Auswahl des Panels
• die Landesflagge, die keine scrollende Liste ist
• das Design der Serverinfos, insbesondere der Icons für den Spieltyp
• die gesamten schwebenden Paneele und ihre Farb-/Transparenzstufen

Schade, dass es etwas spät ist. Wir hätten die Probleme nicht mit #1588 aufteilen sollen :/
Ich hoffe, dass einige dieser Ideen irgendwann aufgenommen werden können.

Edit: oh, und ich mag die Idee eines Zurück-Buttons auch sehr.

Warum ist es spät? Für mich sieht es so aus, als hätte Zatline die von uns vorgeschlagenen nicht einmal in Betracht gezogen und seine erste selbst erstellt / fortgesetzt

@Sonix- ja, darüber bin ich auch ein bisschen verärgert :/

@Dune-jr @Sonix es ist nicht zu spät für alles, Jungs, bitte!
Die Art und Weise, wie ich die Filter oder alles, was im Seitenbereich enthalten ist, angeordnet habe, ist noch nicht endgültig. Oy hat darum gebeten, Dinge zusammenzudrücken, damit 4:3-Kompatibilität vorhanden ist und darauf habe ich mich hauptsächlich auf dieses neueste Konzept konzentriert, abgesehen von den Anpassungen an die Anordnung der Dinge wurde wie einige Icons anstelle von Text ect gestartet. und ich werde weitere Anpassungen vornehmen, um die Dinge so nah wie möglich zu bringen, wie hier vorgeschlagen, wie einzelne Länderflaggen anstelle eines Scrolldown-Menüs usw. Ich habe möglicherweise unterschätzt, wie wichtig das für einige ist !

und ich stimme zu, dass wir dieses Problem entweder schließen und zu #1588 wechseln sollten oder umgekehrt.

Nach meinem Verständnis sagte programmieren , daher muss ein Konsens darüber bestehen, wie er aussehen soll.

Ich würde vorschlagen:
um diese als Vorlage zu verwenden. Also fügen wir rechts eine Seitenleiste hinzu, die zusammenklappbar ist. Und hat 3 Registerkarten. 1 für Freunde, 1 für Filter und 1 für Serverinfos.

• Registerkarte "Freunde": Wie @Zatline in der Vorlage vorgeschlagen, zeigen Sie zusätzlich an, welchen Spieltyp und welche Karte der Freund spielt.
• Filter-Tab: wie @Sonix- @LordSk vorgeschlagen plus die neue Schwierigkeitsgrafik (mehrere Auswahlmöglichkeiten).
• Registerkarte Serverinfo: wie @1stDecadeTW vorgeschlagen , abzüglich des Kartenbilds (das muss zuerst gemacht werden, anderes Thema). Spielversion oben anzeigen. Und "Join Server Button" entfernen (habe bereits einen Connect Button)

Im Serverbrowser:

• zeige den Spieltyp mit einem zusätzlichen Bild wie @LordSk vorgeschlagen . Für Mods verwenden wir das Unpure-Symbol. (alles schwarz-weiß?) Dann können wir die reine Spalte entfernen.
• für nicht Server Favoriten zeigt den Schatten wie getan von @ 1stDecadeTW so ist es einfacher , zu sehen , dass es anklickbar ist.
• Wenn die Seitenleiste geschlossen ist, könnte der Serverbrowser (einstellbar?) die Serverinformationen , wie von @LordSk vorgeschlagen . Dann können die Leute einfach den Serverbrowser mit geöffneter und geschlossener Seitenleiste verwenden. Für Freunde können Sie einen Freundesfilter hinzufügen (nur kompatible Version + Freunde anzeigen).

@oy Klingt toll für mich.

@oy Ich unterste das, es klingt sehr gut.

@oy hört sich

Okay. dann versuchen wir es so.
Wir brauchen Gametype-Icons, ein Icon für die Kopfzeile der Server-Level-Spalte und die Icons für die 3 Tabs der Seitenleiste.

Aktualisieren, Freunde, Filter, Info

Vielleicht laden Sie den UI-Advance des aktuellen Serverbrowsers hoch, um zu sehen, wie wir ihn weiter verbessern können und wie er aussieht?

Nicht alles sieht machbar aus, wie die Checkliste der Spieltypen oder die Größe der Karten (die der Kunde nicht kennt).

@Dune-jr
Ich werde wirklich hilfreich sein, dass der Client diese Art von Schnellfiltern anzeigen kann, insbesondere wenn Sie das zusammenklappbare Seitenfeld ausgeblendet haben.

Zusatzfunktion: Neue Spieler können in Teeworlds alle möglichen Spielarten entdecken.

@1stDecadeTW Ich denke, es ist eine schöne und ehrenvolle Sache, Symbole für die kultigsten und beliebtesten Community-Mods wie Race und Instagib und vielleicht DDrace bereitzustellen, aber abgesehen davon sollte es nur ein universelles Symbol für Mods / inoffizielle Spieltypen geben.