Ich verwende das flexible Box-Layout
Viele Leute stellen die Frage: „Stopp, ich benutze Flexbox, warum brauche ich noch andere Grids?“ Die Frage ist mehr als angemessen. CSS Grid wird Flexbox nicht ersetzen und umgekehrt. Der erste Unterschied besteht darin, dass Flexbox nur in einer Dimension funktioniert. Das bedeutet, dass wir Flex-Elemente nur entlang der Hauptachse oder entlang der Querachse platzieren können. Wir können Flexelemente nicht auf mehreren Achsen gleichzeitig platzieren. CSS Grid wiederum ermöglicht es uns, mit Markup im zweidimensionalen Raum zu arbeiten und Inhalte in beiden Dimensionen auszurichten. Mir gefällt die Art und Weise, wie Tab Atkins diesen Unterschied erklärt.Eine der größten Herausforderungen bei der Entwicklung von Benutzeroberflächen besteht darin, dass Sie (in den meisten Fällen) das Markup ändern müssen, wenn Sie das Design, die Funktionalität oder das Verhalten eines Blocks ändern. Mit CSS Grid können Sie die Position von Rasterelementen ändern, ohne den HTML-Code selbst zu ändern. Unten finden Sie ein Beispiel für einfaches Markup mit Flexbox und CSS Grid.
Grundbegriffe
Bevor Sie mit CSS Grid arbeiten, müssen Sie einige Grundbegriffe verstehen. Die gesamte Spezifikation basiert auf diesen Begriffen.
Gitterbehälter ist eine Reihe sich kreuzender horizontaler und vertikaler Gitterlinien, die den Raum eines Gittercontainers in Gitterbereiche unterteilen, in denen Gitterelemente platziert werden können. In einem Rastercontainer gibt es zwei Sätze von Rasterlinien: einer definiert die Spaltenachse, der andere definiert die Zeilenachse.
Gitterlinien- Dies sind die horizontalen und vertikalen Trennzeichen des Gittercontainers. Diese Zeilen befinden sich auf beiden Seiten einer Spalte oder Zeile. Der Autor kann diesem Element einen Namen geben oder numerischer Index, die in Stilen weiter verwendet werden können. Die Nummerierung beginnt bei eins. Wichtige Nuance, dieses Element reagiert empfindlich auf den Schreibmodus, der für Ihre Ressource verwendet wird. Zum Beispiel verwenden Sie Arabisch oder jede andere Sprache, deren Schreibmodus von rechts nach links ist, dann beginnt die Nummerierung der Zeilen auf der rechten Seite.
Rasterspur ist der Abstand zwischen zwei benachbarten Gitterlinien, vertikal oder horizontal.
Gitterzelle ist die kleinste unteilbare Einheit eines Rastercontainers, die beim Positionieren von Rasterelementen referenziert werden kann. Wird am Schnittpunkt von Rasterzeile und Rasterspalte gebildet.
Gitterbereich ist der Raum innerhalb eines Gittercontainers, in dem ein oder mehrere Gitterelemente platziert werden können. Dieses Element kann aus einer oder mehreren Gitterzellen bestehen.
Jedes Element ist eng miteinander verbunden und für einen bestimmten Teil des Gittercontainers verantwortlich.
Erstes CSS-Rasterlayout
Wir haben die Grundbegriffe behandelt. Es ist Zeit, unser erstes Rasterlayout zu erstellen. Nichts Kompliziertes, nur ein einfaches Layout mit drei Zeilen und drei Spalten, um Ihnen den Einstieg in die Grundlagen zu erleichtern. Unten sehen Sie ein Beispiel.In der ersten Option aus dem Beispiel erstellen wir jeweils drei Spalten der Größe 150px 1fr 150px und drei Zeilen der Größe 50px auto 50px. Achten Sie auf folgende Werte: 1fr, auto. Lassen Sie uns herausfinden, was diese Werte sind.
1fr ist eine spezielle Maßeinheit, die in dieser Spezifikation eingeführt wird. Es wird nicht in bestimmten Einheiten (px, em, rem usw.) gemessen. Daraus folgt, dass wir es nicht zusammen mit der Funktion calc() verwenden können. Diese Maßeinheit darf nicht kleiner als eins sein und kann auch keine negativen Werte annehmen. Sie wird berechnet, nachdem alle anderen Werte außer fr berechnet wurden.
Auto – verhält sich recht interessant und verwendet einen cleveren Algorithmus zur Größenberechnung. In manchen Situationen scheint es, dass diese Maßeinheit genau wie fr funktioniert. Aber das stimmt nicht. Der Hauptunterschied besteht darin, dass auto vor der Berechnung von fr berechnet wird. Das müssen Sie sich merken. Sie können dieses Verhalten in der zweiten und dritten Version des obigen Beispiels sehen.
Für die Markierung von Spalten und Zeilen gelten folgende Regeln:
Grid-template-columns: 150px 1fr auto; Rastervorlagenzeilen: 50 Pixel automatisch 50 Pixel;
Die verkürzte Form sieht so aus:
Rastervorlage: 50px automatisch 50px / 150px 1fr automatisch;
Typische Rastervorlage
Lassen Sie uns eine einfache Vorlage erstellen, mit der wir alle vertraut sind. Nichts Kompliziertes, die Vorlage besteht aus den folgenden Tags: Kopfzeile, Navigation, Seite, Artikel, Fußzeile. Die überwiegende Mehrheit der Internetressourcen verwendet diese Vorlage. Nur wissen Sie, selbst bei einer so einfachen Vorlage ist das folgende Problem zu beobachten: „Ich bin Designer, so möchte ich es haben.“ Ich bin Entwickler, ich kann das nicht machen.“ Mit der Einführung des CSS-Grid-Layouts sollte dieses Problem gegen Null tendieren.IN in diesem Beispiel wir treffen noch ein paar mehr CSS-Eigenschaften Rasterlayout. Das erste ist Grid-Template-Areas . Es wird verwendet, um benannte Container-Rasterbereiche zu erstellen, die keinem bestimmten Rasterelement zugeordnet sind. Die Syntax ist sehr praktisch, wir können sofort sehen, welche Art von Vorlage ausgegeben wird. Die zweite Eigenschaft ist Grid-Area . Es wird verwendet für untergeordnetes Element Gitterbehälter. Gibt an, in welchem benannten Bereich das Rasterelement platziert werden soll.
Schauen wir uns die erste Option „grid-template-areas“ an:
Grid-Template-Bereiche: „Header Header“ „Nav Main“ „Footer“.
Ein oder mehrere aufeinanderfolgende Symbole. (Punkt) haben eine besondere Bedeutung. Wenn dieses Symbol verwendet wird, stellt der Browser es als Null-Token dar, was wiederum Folgendes bedeutet: An seiner Stelle wird kein benannter Container-Grid-Bereich erstellt und es kann kein Grid-Element darin platziert werden.
Wenn wir für kein untergeordnetes Rasterelement eine Grid-Area-Eigenschaft angeben, verteilt der Browser diese Elemente automatisch. Dieses Verhalten lässt sich anhand der letzten Option im obigen Beispiel erkennen.
Um viele Begegnungen abzuschließen und im Allgemeinen einen erfolgreichen PVE-Fortschritt zu erzielen, ist es nicht nur wichtig, dass Sie Ihre Klasse gründlich kennen, die Mechaniken bestimmter Bosse verstehen und genau auf die Befehle des Raid-Anführers hören, sondern auch den gesamten Prozess des Angriffs sehen Kampf, um rechtzeitig und vor allem richtig auf das Geschehen zu reagieren. Aus eigener Erfahrung kann ich sagen, dass viel passieren kann – der Panzer erhielt bei einem der Versuche den Reaper of Souls Lichkönig, und er benötigt sofort eine starke Heilung, da seine Rettungsfähigkeit auf CD und dann während des Kampfes mit vorhanden ist Saurfang Mit 5 % HP Den Heilern ist das Mana ausgegangen und eine Person mit dem Mal des gefallenen Kriegers kann den Raid löschen, wenn ihr nicht die Hand des Schutzes gegeben wird 
, oder das Übliche – eine Raid-Beschwörung zu einer Instanz wird zu endlosem Spam „-Wen werden wir im Chat beschwören! – Ich bitte um eine Beschwörung!!! -Ich bin tatsächlich immer noch am Tag für Eis ...“. Es gibt noch viele weitere solcher Beispiele, aber ich denke, jeder Leser dieses Leitfadens wird sich an mindestens eine Situation erinnern, in der ihm so etwas aufgefallen ist notwendige Informationen es war ziemlich schwierig. Wie können Sie Ihr Leben einfacher machen? Ganz einfach – Sie müssen nur das Add-on installieren und konfigurieren Netz— ein kompaktes und funktionelles Addon zur Präsentation von Möbelrahmen. Seine Idee besteht darin, 100 % des Platzes auf dem Bildschirm durch einen großen Rahmen zu nutzen, auf dem alle benötigten Informationen angezeigt werden (Debuff/Buff, Anzahl der Leben/Mana/Stapel, Status des Spielers, Entfernung zu ihm usw.).
Im Internet kursiert schon seit Längerem ein Bild, das alle Spieler dazu aufruft, in die Welt der MMO-Spiele einzutauchen, weil dort alles so einfach und klar ist. Als ich es zum ersten Mal sah, musste ich lachen. Erinnert niemanden an Ihr Interface? Durch die Verwendung Netz Das „Sehen“ des Bildes der Schlacht wird viel einfacher, die Reaktion auf bestimmte Ereignisse wird zunehmen, was bedeutet, dass Ihre Effektivität im Raid erheblich zunimmt. Die meisten Addons sind unübersichtlich Arbeitsplatz Der Spielbereich kann bei Bedarf ausgeschaltet werden, wodurch wertvoller Platz auf dem Bildschirm frei wird. Eine einfache und benutzerfreundliche Oberfläche ist der Schlüssel zu einem erfolgreichen Spieler, egal ob er ein begeisterter PVE-Spieler oder ein PVP-Spieler ist. Also fangen wir an...
Meine Einstellungen
Verwendete Module:
Zur Verdeutlichung( Sie sagen die Wahrheit: Es ist besser, einmal zu sehen, als sieben Mal zu hören ) Ich zeige Ihnen, wie ich konfiguriert bin Netz Ich habe.
Noch ein paar Screenshots mit Erklärungen, aber von einem anderen Raid:
Diese Einstellungen sind für mich die bequemsten, ich habe mich bereits daran gewöhnt und kann mir ehrlich gesagt nicht vorstellen, wie man ohne sie spielen kann. Wie Sie bereits bemerkt haben, finden Sie hier alle grundlegenden Informationen über den Status des Raids, seine Spieler und was mit ihnen passiert im Moment kompakt an einem Ort konzentriert, sodass ich richtig auf das Geschehen reagieren kann. Ein einfaches Beispiel – an meinem Verbündeten DK fest sitzen Hörner und Feind DK(wie Sie an meinem Rahmen sehen können DK dem Tod nahe (es gibt keine Verteidigungsfähigkeiten, also muss er leben ein paar Sekunden), ein neutralisierendes Gift hängt daran und verringert jegliche Heilung um 50% , Schüttelfrost Todesritter Und 1 Hotka Druide Verjüngung. Die richtige Entscheidung- Wirf die Hand des Schutzes auf einen Verbündeten und setze die Heilung fort. Falsch– Heile weiter, als ob nichts passiert wäre (1 Hotka und 1 Heilung werden dich nicht vor 2 Meile-dd retten).
Natürlich wird eine Person, die mit dem Addon nicht vertraut ist, beim Blick auf den Bildschirm nur einige Quadrate und Kreise in verschiedenen Farben sehen. Daher besteht meine Aufgabe nicht nur darin, zu erklären, was sie bedeuten, sondern auch zu lehren, wie man alles versteht.
Wetten oder nicht wetten? Das ist die Frage!
| Die wichtigsten „Vor- und Nachteile“ der Grid-Installation | |
|
|
Hat jemand seine Meinung geändert? Ein weiteres Argument beiseite Netz- Es wird von den weltbesten Gilden Paragon, Ensidia und Exorsus verwendet.
Eine kleine Theorie
Blauer Beitrag
Um mit der Einrichtung selbst zu beginnen (und nicht einfach Dateien mit Einstellungen einfach in den Ordner /WTF/... zu kopieren), müssen Sie das Konzept der Anzeige verstehen Netz. Schauen wir uns dazu ein paar Dinge an (das Verständnis dieser Begriffe ist 80% garantieren, dass die Einrichtung des Addons keine Probleme verursacht):
Nun ist es an der Zeit, die Beherrschung aller oben genannten Punkte zu üben.
Videoanleitungen
Wir lernen, wie man Add-On-Frames ändert, wie man Status/Auren hinzufügt und diese auf Indikatoren anzeigt, und machen uns auch mit dem GridAlert-Modul vertraut. Ich habe das Video in zwei Teile geteilt, da man auf YouTube Dateien mit einer Länge von maximal 10 Minuten hochladen kann.Teil 1:
Teil 2:
Wo war der Heiler?!
Wenn du rummachen willst Netz Wenn Sie einen vollwertigen Ersatz für Healbot"y haben, benötigen Sie ein Mini-Addon wie Clique – damit können Sie den verschiedenen Fähigkeiten Ihres Charakters Schlüssel für Kombinationen zuweisen UMSCHALT, ALT, STRG + alle Maustasten wenn Sie auf einen beliebigen Rahmen klicken (es spielt keine Rolle Netz dies, oder agUnitFrames, oder Gladuis).
Öffnen Sie nach der Installation des Add-Ons Ihr Zauber und Fähigkeiten(P-Taste) und gehen Sie zur unteren Registerkarte. Hier wählen Sie (oben rechts) eine Reihe von Klicks aus und weisen Tasten zu, indem Sie im Zauberbuch auf das Symbol mit der Tastenkombination klicken, die Sie der gewünschten Fähigkeit zuweisen möchten.
Ich möchte zum Beispiel einen Zauber zuweisen
Viele, die dieses Add-on zum ersten Mal installiert haben und einige seltsame graue Quadrate mit Punkten in den Ecken sehen, spucken aus und nehmen es sofort zurück. Aber mit der richtigen Abstimmung kann es jedes Aussehen nach Ihrem Geschmack annehmen und verfügt über enorme Fähigkeiten.
Leider gibt es online nicht viele organisierte Informationen zur Einrichtung. Vorhandene Anleitungen in Bildern können Ihnen nur dabei helfen, Häkchen auf Screenshots blind zu kopieren, aber nicht jeder versteht, was genau sie tun. Ich hoffe, dass ich Ihnen hier verständlich und detailliert erklären kann, wie Sie das Grid funktionaler gestalten und Ihnen sagen können, welche Einstellungen wofür verantwortlich sind.
Dieser Leitfaden enthält viele Bücher und ein Minimum an Abbildungen, sodass Leute, die das Lesen satt haben, das Thema sofort verlassen können :)
Grid-Ergänzungen
Grid ist ein modulares Add-on; es gibt viele Add-ons, die ihm erweiterte Funktionen verleihen. Ich werde die meiner Meinung nach wichtigsten Module auflisten. Sie erhöhen die Funktionalität und Benutzerfreundlichkeit des Grids erheblich, daher empfehle ich jedem, sie unbedingt auch zu installieren.
. Eine unverzichtbare Ergänzung – sie fügt Frames Mana-/Energie-/Wutstreifen hinzu. Dies fehlt in einem regulären Raster schmerzlich.
. Fügt bekannte Debuffs für beliebte Raid-Instanzen BC und VOTLK hinzu.
. Ein sehr praktischer Ersatz für das Standard-Grid-Display. Ermöglicht Ihnen, in jeder Ecke zwei Symbole für den Charakterstatus (Buffs, Debuffs, Mangel an Leben oder Mana usw.) anzuzeigen. Die Symbole sind nicht nur ein Quadrat einer bestimmten Farbe wie in einem normalen Raster, sondern ein vollständiges reduziertes Symbol des angewandten Buffs/Debuffs. Es gibt auch ein Addon – hier können Sie in jede Ecke 3 Symbole einfügen. Aber schauen Sie selbst, damit es nicht zu einer Überfülle an Informationen kommt, die Sie nicht verstehen können.
. Ermöglicht es Ihnen, zu sehen, welche Hots an Raid-Spielern hängen, um die richtigen Behandlungsprioritäten auszuwählen.
. Fügt vordefinierte Rahmenansichten für hinzu verschiedene Situationen: Wenn Sie alleine aufsteigen, wenn Sie in einer Gruppe von 5 Personen sind, in einem Raid mit 10, 25 oder 40 Personen, auf dem Schlachtfeld oder in der Arena. Für alle diese Fälle können Sie auch wählen, ob im Raster Haustiere angezeigt werden sollen. Wenn Sie beispielsweise das heroische Naxxramas betreten, wechselt Ihr Raster sofort zur Ansicht für 25 Personen und zur normalen Ansicht für 10 Personen.
Früher war der Zusatz GridStatusIncomigHeals erforderlich, der die eingehende Heilung des Charakters anzeigte, aber jetzt ist dieses Modul veraltet und das Grid selbst kann eingehende Heilung und Res anzeigen (andere sehen sie, wenn Sie über die erforderlichen Bibliotheken verfügen – LibHealComm-3.0 und LibResComm- 1,0). Die gleiche Situation besteht bei GridStatusReadyCheck (Überprüfung des Raids auf Bereitschaft). Der Autor empfiehlt dringend, dieses Add-on zu entfernen, wenn es installiert ist, da es jetzt Teil des Grid-Kerns ist.
Konfiguration
Um die Rastereinstellungen zu aktivieren, müssen Sie auf das Symbol auf der Minikarte klicken oder den Befehl /grid config im Chat eingeben.
Das Raster besteht aus drei Haupteinstellungsabschnitten: Standort, Status Und Rahmen.
Ich werde kurz den Hauptzweck und die Funktionen dieser Abschnitte beschreiben.
Standort. Hier wird das allgemeine Erscheinungsbild des Rasters konfiguriert, die Größe, Farbe und Transparenz des „Hintergrunds“ des allgemeinen Rahmens, der Abstand zwischen den Rahmen und der Maßstab des Ganzen angepasst.
Status. Dieser Abschnitt enthält alle möglichen Spielerstatus, in denen er existieren kann. Was ist passiert Status? Dies sind zum Beispiel der Name des Spielers, Buffs und Debuffs, Gesundheit, Mana, Fahrzeug, Bereitschaft, Entfernung zum Spieler usw., im Allgemeinen alles, was sich auf seinen Körper und seine Angelegenheiten auswirken kann. Für jeden Status können Sie seine Farbe und Priorität zuweisen. Die Farbe wird verwendet, um diesen Status im Rahmen anzuzeigen, und die Priorität bestimmt, ob sich dieser Status mit anderen Status überlappt, wenn sie an derselben Stelle angezeigt werden.
In den Einstellungen jedes Status gibt es auch offensichtliche Kontrollkästchen, mit denen Sie nur die Status anzeigen können, die Sie angewendet haben, den Radius des Status und seine Dauer steuern usw.
Besonders hervorzuheben ist der Unterabschnitt Status ->Auren, wo Sie neue, dem Grid unbekannte Buffs und Debuffs hinzufügen können, die Sie verfolgen möchten.
Rahmen. In diesem Abschnitt wird festgelegt, wo genau die oben beschriebenen Status angezeigt werden sollen. Es gibt standardmäßige „Vertrautheiten“, das sind die Ecken des Spielerrahmens, das Symbol in der Mitte, der Text in der Mitte, der Rand des Rahmens, die Farbe der Lebensleiste, die Farbe der Manaleiste usw. Verschiedene Grid-Module können hinzugefügt werden zusätzliche Indikatoren. Sie können jedem dieser Indikatoren einen oder mehrere Status zuordnen. In einer Ecke werden beispielsweise Krankheiten und Gifte angezeigt, in einer anderen verschiedene Schilde, in der dritten Hots, in der Mitte - Raid-Debuffs und in der Lebensleiste werden niedrige HP oder beispielsweise das gleiche Gift angezeigt (beim Erhalt des Status, Der Lebensbalken nimmt dann die Farbe an, die im Abschnitt „Status“ für diesen Status ausgewählt wurde.
Von besonderer Bedeutung ist der Unterabschnitt Rahmen ->Zusätzlich, er ist am meisten für Grids Aussehen verantwortlich. Hier können Sie zusätzliche Indikatoren aktivieren und vor allem die Länge und Breite der Player-Rahmen, ihre horizontale oder vertikale Anzeige, die Größe und Art der Schriftart für Beschriftungen konfigurieren, die Textur der Rahmen und die Größe der Symbole für Status auswählen. Auch hier können Sie die Größe und Position des Manastreifens des Moduls anpassen GridManaBars, Symbolparameter aus dem Modul GridIndicatorCornerIcons und andere Module. Hier können Sie „ein Grid in einen HealBot verwandeln“.
Also, grob gesagt, im Abschnitt Status Die ANSICHT verschiedener Buffs/Debuffs auf Grid-Frames wird konfiguriert und im Abschnitt Rahmen- LAGE dieser Buffs/Debuffs auf Grid-Frames.
Einstellungen
Hier beschreibe ich das Grid-Setup am Beispiel meiner Konfiguration, vorausgesetzt, dass alle oben beschriebenen Add-Ons installiert sind. Vielleicht gefällt jemandem das Standard-Aussehen des Grids und er ist zufrieden Standardfunktionen, aber der Geschmack und die Farbe... Mich beeindrucken mehr die horizontalen langen grünen Tafeln, irgendwie wirken sie klarer.
Es sollte berücksichtigt werden, dass ich einen 22-Zoll-Breitbildbildschirm mit einer Auflösung von 1680 x 1050 habe, sodass Besitzer von Monitoren mit hervorragender Auflösung möglicherweise die Einstellungen an ihren Grid-Standort anpassen müssen.
Allgemeines einrichten Aussehen Grida
Gehen Sie zum Haupt-Lesezeichenbereich Standort. Hier gibt es eine Gruppe von Schiebereglern, die die Größe des „Hintergrunds“ des Gesamtrahmens, den Abstand zwischen den Spielerrahmen und den Maßstab des Ganzen anpassen. Ich habe diese Werte jeweils auf die Positionen 1, 6 und 1 eingestellt. Unten können Sie die Hintergrundfarbe und die Rahmenfarbe festlegen. Ich habe den Hintergrund zu 90 % grau und transparent gemacht und den Rand im Unterabschnitt vollständig entfernt Standort ->Zusätzlich indem Sie „Keine“ in die Dropdown-Liste „Rahmentexturen“ einfügen.
Im Abschnitt Rahmen Wir stellen die Länge des Textes in der Mitte auf mehr als die standardmäßigen ein bis drei Zeichen ein, sodass der Name der Figur normalerweise sichtbar ist, und stellen die gewünschte Transparenz für die Behandlungsleiste ein. Aktivieren Sie außerdem das Kontrollkästchen „Streifenfarbe umkehren“.
Als nächstes gehen wir zum Unterabschnitt Frames -> Erweitert. Großes Betätigungsfeld!
Wir schauen direkt in die Mitte der Einstellungsseite und sehen zwei große Dropdown-Listen: Textausrichtung Und Rahmenausrichtung. In beiden Fällen stellen wir es auf „HORIZONTAL“. Oben befindet sich ein Schieberegler Rahmenhöhe, ich denke, es besteht kein Grund zur Erklärung. Für mich beträgt dieser Parameter 22 Einheiten. Unten ist der Parameter Eckgröße, ist für die Größe der klassischen Quadrate an den Ecken des Rahmens verantwortlich – 7 Einheiten. Als nächstes folgt die Schriftgröße für die Inschriften in der Mitte. Ich habe es auf 10 eingestellt, man kann mehr machen, aber dann passen weniger Buchstaben aus dem Status. Und schließlich Rahmenbreite. Wir legen den für Sie passenden Wert fest, bei mir sind es 90.
Im Unterabschnitt Frames -> Erweitert -> Manaleiste Wählen Sie die Position des Manastreifens von unten (oder von oben, je nach Wunsch) und passen Sie seine Breite an. In meinem Fall sind es 25.
Gehen wir zum Unterabschnitt Status -> Gesundheit -> Einheitengesundheit. Die Farbe und Transparenz stellen wir nach Geschmack ein, bei mir ist es zum Beispiel grün, 90 %. Bei Bedarf können Sie die Checkbox „Klassenfarbe verwenden“ aktivieren, dann entsprechen die Farben aller Streifen den Standard-Klassenfarben (die im Unterabschnitt auch geändert werden können). Farben Abschnitt Rahmen).
Unser Rahmen hat also ein mehr oder weniger passendes Aussehen erhalten – etwa so:
Status einrichten
Gehen wir zum Abschnitt Status.
Zuerst müssen Sie die Buffs und Debuffs hinzufügen, die im Raster fehlen und auf den Frames angezeigt werden sollen. Gehen Sie dazu zum Abschnitt Status -> Auren und schreiben Sie den Namen des gewünschten Buffs oder Debuffs in die entsprechende Zeile und drücken Sie dann die Eingabetaste. Erscheint in Auren neuer Abschnitt mit dem Namen des hinzugefügten Buffs oder Debuffs, in dem Sie dessen Aussehen anpassen können.
Das Modul hilft sehr GridStatusRaidDebuff, das uns die Drecksarbeit abnimmt, indem es eine Menge Raid-Debuffs hinzufügt. Diese Debuffs befinden sich in einem separaten Unterabschnitt Status -> Raid-Debuffs.
Für mich selbst habe ich zum Beispiel hinzugefügt: Erdschild, Göttlicher Schutz, Eisstoß(Kel'Thuzads Fähigkeit, ich musste sie unter all den anderen Raid-Debuffs hervorheben, die im Modul enthalten sind GridStatusRaidDebuff, und installieren Sie es auf einem anderen Indikator) und einige andere.
Wir legen Farben und andere Parameter für alle für uns interessanten Status fest. Zum Beispiel giftiges Grün für Gift, Lila für magische Effekte, Braun für Krankheit usw.
Bei Bedarf können Sie die Farbe der Gesundheitsleiste so konfigurieren, dass sie sich ändert, wenn der Charakter über niedrige HP verfügt. Gehen Sie dazu zum Unterabschnitt Status -> Gesundheit und legen Sie im Unterabschnitt den Wert „Gesundheitsschwelle“ fest Gesundheitsdefizit um ca. 66-90 % (was praktischer ist) und den Wert „Gesundheitsschwelle“ im Abschnitt Warnung: Niedrige HP um ca. 33 %. Im ersten Fall stellen wir die Farbe Gelb oder Orange ein, im zweiten Fall Warnrot. Vergessen Sie nicht, Ihre Prioritäten zu setzen. Wenn der Charakter nun ein wenig geschlagen wird, wird sein Lebensbalken orange, und wenn er nur noch ein Drittel übrig hat, wird er rot.
Im Abschnitt Status -> Entfernung Wir bestimmen die Farben für die Zeichen um uns herum in verschiedenen Radien. Sie können beispielsweise eine zunehmend transparente grüne Farbe einstellen, wenn sich die Figur entfernt. Dann ist im Bild immer zu sehen, wer näher als 10 Meter von uns entfernt ist. Dies kann manchmal sehr wichtig sein (z. B. bei Begegnungen, bei denen man nicht nahe beieinander stehen kann) und ermöglicht es Ihnen auch festzustellen, wer nicht in der Nähe ist Aufgrund der Entfernung lohnt es sich, einen Heilungsversuch zu unternehmen.
Im Abschnitt Status -> Einheitenname Sie können die Farbe festlegen, mit der der Name auf den Rahmen geschrieben wird, oder die Klassenfarbe verwenden.
Passen Sie die übrigen Status an Ihren Geschmack und Bedarf an, indem Sie ihnen Farben und Prioritäten zuweisen.
Indikatoren einrichten
Jetzt müssen Sie Größe, Position und Aussehen der Symbole und Beschriftungen konfigurieren. Dies geschieht im Abschnitt Rahmen.
Im Unterabschnitt Frames -> Erweitert Schalten Sie die zweite Textanzeige in der Mitte mit einem Häkchen ein. Wir aktivieren auch die Anzeige „Farbe der Gesundheitsleiste“ (diese zeigt uns die Alarmfarben für einen niedrigen Gesundheitsschwellenwert an, der oben konfiguriert wurde).
Die beiden Schieberegler unten sind für das Symbol in der Mitte des Player-Rahmens, seine Größe und die Dicke des Rahmens verantwortlich. Die nächsten beiden Häkchen sind auch für das zentrale Icon zuständig. Die erste ist „Mehrere Symboltexte aktiviert“. Falsche Übersetzung, das Wesentliche ist folgendes: Wenn diese Option aktiviert ist, sehen wir auf dem Symbol eine Zahl, die angibt, wie viele Stapel Buffs/Debuffs an diesem Charakter hängen. Zum Beispiel, wie viele Ladungen Erdschild oder wie viele Marken Reiter aus Naxxramas. Die zweite Option ist „Symbol-Abklingzeitrahmen aktiviert“. Wie Sie wahrscheinlich bereits vermutet haben, ist es dafür verantwortlich, die Abklingzeit der Fertigkeit auf dem zentralen Symbol anzuzeigen.
Ecksymbole aus dem Modul GridIndicatorCornerIcons werden im Unterabschnitt konfiguriert Rahmen -> Erweitert -> Symbol (Ecken). Die Größe aller Symbole beträgt 10, die Verschiebung entlang der X-Achse beträgt -2 und entlang der Y-Achse - +2. Sie können mit der Größe und Platzierung der Symbole herumspielen.
Statusanzeige einrichten
Alle notwendige Indikatoren aktiviert, kommen wir nun zur Hauptsache – Sie müssen sie zuweisen, um die oben konfigurierten Status anzuzeigen.
Wählen Sie nacheinander Unterabschnitte aus dem Lesezeichen aus Rahmen und überprüfen Sie die Status, die auf diesem Indikator angezeigt werden sollen. Ihr Aussehen haben wir oben im Abschnitt bereits konfiguriert Status. Sie können für einen Bekannten mehrere Status auswählen, hier kommt die Prioritätsskala ins Spiel. Wenn ein Spieler gleichzeitig alle diesem Ort zugewiesenen Buffs/Debuffs erhält, wird derjenige mit der höchsten Priorität angezeigt. Um Platz zu sparen, empfiehlt es sich außerdem, einem Indikator diejenigen Status zuzuordnen, die sich nicht überschneiden und nicht gleichzeitig empfangen werden. Sie können beispielsweise den Zustand eines Geistes und einen Raid-Debuff in einem Symbol kombinieren – es ist klar, dass der Spieler im Todeszustand keine Debuffs hat, und wenn er Debuffs hat, dann ist er kein Geist.
Netz– Ein kompaktes Add-on für einen Raid oder eine Gruppe bietet die umfangreichsten Einstellungen.
Zeigt kompakt die Zusammensetzung und den aktuellen Status eines Überfalls oder einer Gruppe in Form eines Rasters an, um den Zustand des Überfalls bei einer schnellen Inspektion besser erkennen zu können, was sehr nützlich ist, um die Konzentration im Kampf aufrechtzuerhalten. Damit können Sie die Situation schnell einschätzen, ohne wertvolle Zeit zu verschwenden, ohne Ihre Aufmerksamkeit zu fokussieren und ohne einen Blick in die einzelnen Spielerbilder zu werfen. Es zeigt wirklich viele notwendige und nützliche Informationen was die Spieler betrifft. Ermöglicht Ihnen zu konfigurieren, welche Informationen Sie sehen möchten und wie sie angezeigt werden.
Grid umfasst Module:
- Gesundheit
- Mana/Energie
- Eingehende Behandlung
- Aggro-Modul (Bedrohungsstufe)
- Buffs/Debuffs
- Distanz
- Betreuung von Haustieren und Fahrzeugen
Um es anzuzeigen, können Sie Folgendes verwenden:
- Text in der Mitte.
- Symbol in der Mitte.
- Der Rahmenrahmen jedes Spielers.
- Rahmentransparenz.
- Farbige Quadrate an den vier Ecken.
Da das Add-on auf Blockbasis aufgebaut ist, wird es für diejenigen, die wissen, wie man Add-ons schreibt, nicht schwierig sein, neue Statusmodule hinzuzufügen oder Indikatoren anzuzeigen. Dies sorgt für mehr Individualität und ermöglicht es Ihnen, das Add-on genau auf Ihre Bedürfnisse abzustimmen.
Einrichten des Grid-Addonsüber das Symbol auf der Minikarte oder über den Chat-Befehl /grid
Obwohl das Einstellungsmenü aufgrund der riesigen Funktionalität sehr einschüchternd aussieht, rate ich Ihnen, ein paar Minuten damit zu verbringen, die Optionen zu erkunden, um den größtmöglichen Informationsgehalt für Sie zu erzielen.
Der Beitrag wird für Anfänger nützlich sein, die noch nie auf ein Raster gestoßen sind, es aber ausprobieren möchten.
Und was ist das? Selengitter. Dies ist ein verteilter Selenium-Server zum Remote-Starten von Browsern.
Daher müssen wir zunächst die neueste Version der JAR-Datei „selenium-server-standalone“ von der offiziellen Selenium-Website herunterladen. Zum Zeitpunkt des Schreibens ist dies Version 3.1.0
Nachdem wir dies getan haben, müssen wir den Hub starten. (Selenium-Server-Standalone kann sowohl im Hub- als auch im Node-Modus ausgeführt werden) Hub ist der zentrale Dispatcher, bei dem wir die von uns benötigten Server registrieren und an den wir alle Anfragen aus Tests senden.
Öffnen Sie die Konsole, gehen Sie in das Verzeichnis, in dem sich der von uns heruntergeladene Selenium-Server-Standalone befindet, und führen Sie den Befehl aus:
java -jar selenium-server-standalone-3.1.0.jar -role hub
In der Konsole sollten Sie Informationen über den erfolgreichen Start des Hubs sehen.
10:05:46.672 INFO – Knoten sollten sich unter http://192.168.1.121:4444/grid/register/ registrieren.
10:05:46.673 INFO – Der Selenium Grid Hub ist betriebsbereit
Die erste Zeile bedeutet, dass wir jetzt Knoten unter der URL registrieren können, unter der der Hub ausgeführt wird. Die zweite Zeile bedeutet
dass der Hub erfolgreich gestartet wurde.
Als nächstes müssen wir die sogenannten Knoten starten, über die der Hub die von uns durchgeführten Tests verteilt.
Der Knoten ist im Wesentlichen eine Instanz eines Selenium-Servers, auf dem Sie n Browser starten können.
In diesem Beispiel werde ich Selenium-Knoten auf demselben Computer registrieren und starten, auf dem ich den Hub betreibe. Natürlich können Sie den Hub auf einem Remote-Computer und Knoten auf einer Reihe anderer Remote-Computer ausführen und sich zu diesem Zweck beim aktuellen Hub registrieren Selengitter und benötigt.
Öffnen Sie ein neues Fenster mit einer Konsole, in der wir den folgenden Befehl eingeben
java -jar selenium-server-standalone-3.1.0.jar -role node -hub http://192.168.1.121:4444/grid/register/
In diesem Befehl starten wir den Knoten und geben die Adresse des Dispatchers an, über den alle Anfragen gehen, die Adresse, an der unser Hub läuft. In meinem Fall ist es http://192.168.1.121:4444/wd/hub, aber da in diesem Beispiel der Hub lokal auf demselben Computer ausgeführt wird, auf dem die Knoten ausgeführt werden, könnte ich die Hub-Adresse als angeben
http://localhost:4444/grid/register/
In der Konsole sehen wir die Information, dass der Knoten erfolgreich gestartet wurde
Gleichzeitig sehen wir auf der Hub-A-Konsole die Information, dass ein neuer Knoten registriert wurde
10:54:27.585 INFO – Registriert einen Knoten http://192.168.1.121:5555
Sie können den aktuellen Status unseres Selenium-Hubs sehen, welche Knoten betriebsbereit sind und welche Browser darin verfügbar sind, indem Sie in der Browserzeile, in der Selenium-Hub ausgeführt wird, auf die URL gehen.
In meinem Fall ist es http://192.168.1.121:4444/ und von dort aus gehen wir zu Selen-Gitter-Hub Konsole.
In der Konsole sehen wir, dass derzeit ein Knoten mit dem Hub verbunden ist. Beim Start des Knotens kann er nicht ermitteln, welche Browser verfügbar sind. Daher wird eine Standardkonfiguration verwendet, die aus 5 Chrome-Browsern, 5 FF und 1 IE besteht.
Gleichzeitig auf allen Computern, auf denen Sie Node ausführen und auf denen Sie Ihre Tests ausführen möchten verschiedene Browser Für jeden Browser muss der entsprechende Computer über einen eigenen Treiber verfügen und die Pfadvariable muss konfiguriert sein.
Die detaillierte Konfiguration eines Knotens kann durch Klicken auf die Registerkarte „Konfiguration“ eines bestimmten Knotens angezeigt werden.
Beim Ausführen des Tests müssen Sie die Dispatcher-Adresse angeben, in meinem Fall lautet sie http://192.168.1.121:4444/wd/hub
In diesem Fall kennt das Testskript selbst nicht die Serveradresse, sondern die Dispatcher-Adressen. Alle Anfragen durchlaufen diesen Dispatcher und werden auf die Knoten verteilt.
Und seitdem lokalen Computer Bei mir läuft ein Hub und ein Knoten. Und jetzt werde ich versuchen, 1 Test mit durchzuführen Chrome-Browser, Angabe der Adresse hub-a.
In der Konsole sehen wir, dass auf dem Knoten ein Chrome-Symbol deaktiviert wurde. Dies bedeutet, dass der Chrome-Browser derzeit auf dem Knoten ausgeführt wird und unser Test ausgeführt wird.
Jetzt starten wir einen weiteren Knoten auf unserem lokalen Rechner und registrieren ihn bei unserem gleichen lokal laufenden Hub.
Öffnen Sie eine neue Konsole und geben Sie ein
java -jar selenium-server-standalone-3.1.0.jar -role node -hub http://192.168.1.121:4444/grid/register/ -port 5556
Da wir den Knoten erneut lokal, auf derselben Maschine, starten, ist es besser, die Portnummer mit dem Befehl -port anzugeben, damit es nicht dazu kommt, dass der Knoten versucht, auf dem Port zu starten, auf dem ein anderer Knoten läuft .
Wir schauen uns die Konsole über den erfolgreichen Start des Knotens an
In der Konsole sehen wir bei laufendem Hub die Information, dass ein neuer Knoten im Manager registriert ist
12:22:44.566 INFO – Registriert einen Knoten http://192.168.1.121:5556
Unter der Hub-Adresse http://192.168.1.121:4444/grid/console sehen wir nun Informationen zu zwei Knoten.
Sie können auch zur Konsole eines bestimmten Knotens gehen, in meinem Fall ist es http://192.168.1.121:5555/wd/hub/static/resource/hub.html, wo Sie die Sitzung mit dem Browser stoppen und erstellen können Erstellen Sie einen neuen Screenshot des Bildschirms mit dem gewünschten Browser.
Wie sind wir konfiguriert? Selengitter an einem der Projekte. Wir verfügen über mehrere leistungsstarke Maschinen, die den Hub und die Knoten betreiben. Gleichzeitig werden beim Einschalten auf jeder Maschine Trigger konfiguriert, die Batch-Dateien starten, in denen die Starts von Hubs und Knoten mit den erforderlichen Konfigurationen registriert werden. Beispiel-Batchdatei auf einem der Windows-Rechner
cd C:\Benutzer\Selenium\
java -jar selenium-server-standalone-3.0.1.jar -role node -hub http://192.168.1.2:4444/grid/register -browser browserName=chrome,version=…,maxInstances=8 -maxSession 8
Der Parameter browserName bedeutet, dass der Knoten den Chrome-Browser verwenden soll.
Der Parameter -maxInstances gibt an Höchstmenge Instanzen desselben unterstützten Browsers, die auf demselben Knoten ausgeführt werden können.
Der Parameter -maxSession gibt die maximale Anzahl von Browsern an, die parallel auf einem einzelnen Knoten ausgeführt werden können.
Im nächsten Artikel werde ich versuchen, meine Experimente mit zu beschreiben Selenium-Grid-Extras