One place for hosting & domains

      Wie man einen Parallax Scrolling-Effekt mit Pure CSS in Chrome erstellt.


      Einführung

      Modernes CSS ist ein leistungsstarkes Werkzeug, mit dem Sie viele erweiterte Funktionen der Benutzeroberfläche (UI) erstellen können. In der Vergangenheit waren diese Funktionen auf JavaScript-Bibliotheken angewiesen.

      In diesem Leitfaden werden Sie einige CSS-Zeilen einrichten, um einen scrolling parallax -Effekt auf einer Webseite zu erzeugen. Sie werden Bilder aus placekitten.com als Platzhalter-Hintergrundbilder verwenden.

      Sobald Sie das Tutorial abgeschlossen haben, haben Sie eine Webseite mit einem reinen CSS scrolling parallax-Effekt.

      Warnung: Dieser Artikel verwendet experimentelle CSS-Eigenschaften, die nicht browserübergreifend funktionieren. Dieses Projekt wurde getestet und funktioniert auf Chrome. Diese Technik funktioniert nicht gut in Firefox, Safari und iOS aufgrund der Optimierungen einiger dieser Browser.

      Schritt 1 — Erstellen eines neuen Projekts

      In diesem Schritt verwenden Sie die Befehlszeile, um einen neuen Projektordner und -Dateien einzurichten. Öffnen Sie zunächst Ihr Terminal und erstellen Sie einen neuen Projektordner.

      Geben Sie den folgenden Befehl ein, um den Projektordner zu erstellen.

      In diesem Fall haben Sie den Ordner css-parallax bezeichnet. Wechseln Sie nun in den Ordner css-parallax:

      Erstellen Sie als Nächstes eine index.html -Datei in Ihrem Ordner css-parallax mit dem Befehl nano:

      Sie werden das gesamte HTML für das Projekt in diese Datei einfügen.

      Im nächsten Schritt beginnen Sie, die Struktur der Webseite zu erstellen.

      Schritt 2 — Einrichten der Anwendungsstruktur

      In diesem Schritt fügen Sie das HTML hinzu, das benötigt wird, um die Struktur des Projekts zu erstellen.

      In Ihrer Datei index.html fügen Sie den folgenden Code hinzu.

      css-parallax/index.html

      
      <!DOCTYPE html>
      <html lang="en">
        <head>
          <meta charset="UTF-8" />
          <meta name="viewport" content="width=device-width, initial-scale=1.0" />
          <title>CSS Scrolling Parallax</title>
        </head>
        <body></body>
      </html>
      

      Dies ist die grundlegende Struktur der meisten Webseiten, die HTML verwenden.

      Fügen Sie den folgenden Code in die <body> Funktion ein:

      css-parallax/index.html

      
      <body>
      ...
         <main>
            <section class="section parallax bg1">
               <h1>Cute Kitten</h1>
            </section>
            <section class="section static">
               <h1>Boring</h1>
            </section>
            <section class="section parallax bg2">
               <h1>Fluffy Kitten</h1>
            </section>
         </main>
      ...
      </body>
      
      

      Dieser Code erstellt drei verschiedene Abschnitte. Zwei werden ein Hintergrundbild haben, und einer wird ein statischer, einfacher Hintergrund sein.

      In den nächsten Schritten fügen Sie die Stile für jeden Abschnitt mit den Klassen hinzu, die Sie in HTML verwenden.

      Schritt 3 — Erstellen einer CSS-Datei und Hinzufügen von Initial-CSS

      In diesem Schritt erstellen Sie eine CSS-Datei. Dann fügen Sie die Initial-CSS hinzu, die benötigt wird, um die Website zu gestalten und den Parallax-Effekt zu erstellen.

      Erstellen Sie als Nächstes eine styles.css -Datei in Ihrem Ordner css-parallax mit dem Befehl nano:

      Hier legen Sie alle CSS an, die für den Parallaxen-Scrolling-Effekt erforderlich sind.

      Als Nächstes beginnen Sie mit der Klasse .wrapper. In Ihrer Datei styles.css fügen Sie den folgenden Code hinzu:

      css-parallax/styles.css

      .wrapper {
        height: 100vh;
        overflow-x: hidden;
        overflow-y: auto;
        perspective: 2px;
      }
      

      Die Klasse .wrapper legt die Perspektive und die Scroll-Eigenschaften für die gesamte Seite fest.

      Die Höhe des Wrappers muss auf einen festen Wert eingestellt werden, damit der Effekt funktioniert. Sie können die viewport-Einheit vh auf 100 einstellen, um die volle Höhe des Ansichtsfensters des Bildschirms zu erhalten.

      Wenn Sie die Bilder skalieren, fügen Sie dem Bildschirm eine horizontale Bildlaufleiste hinzu, so dass Sie diese deaktivieren können, indem Sie overflow-x: hidden; hinzufügen. Die perspective Eigenschaft simuliert den Abstand vom Viewport zu den Pseudo-Elementen, die Sie im CSS erstellen und weiter transformieren.

      Im nächsten Schritt fügen Sie weitere CSS hinzu, um Ihre Webseite zu gestalten.

      Schritt 4 — Hinzufügen von Stilen für die .section Klasse

      In diesem Schritt fügen Sie Stile der Klasse .section hinzu.

      In Ihrer Datei styles.css fügen Sie den folgenden Code unterhalb der wrapper-Klasse hinzu:

      css-parallax/styles.css

      
      .wrapper {
        height: 100vh;
        overflow-x: hidden;
        perspective: 2px;
      }
      .section { 
        position: relative;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        text-shadow: 0 0 5px #000;
      }
      

      Die Klasse .section definiert die Größe, Anzeige und Texteigenschaften für die Hauptabschnitte.

      Legen Sie eine Position relativ fest, damit das untergeordnete Element .parallax::after absolut bezogen auf das übergeordnete Element .section positioniert werden kann.

      Jeder Abschnitt hat eine Ansicht-Höhe(vh) von 100 ,um die volle Höhe des Ansichtsfensters einzunehmen. Dieser Wert kann geändert und für jeden Abschnitt auf die von Ihnen gewünschte Höhe eingestellt werden.

      Schließlich werden die restlichen CSS-Eigenschaften verwendet, um den Text innerhalb jedes Abschnitts zu formatieren und zu gestalten. Das positioniert den Text in der Mitte jedes Abschnitts und fügt eine Farbe Weiß hinzu.

      Als Nächstes fügen Sie ein Pseudo-Element hinzu und gestalten es so aus, dass der Parallaxen-Effekt in zwei Bereichen in Ihrem HTML erstellt wird.

      Schritt 5 — Hinzufügen von Stilen für die .parallax -Klasse

      In diesem Schritt fügen Sie Stile der .parallax -Klasse hinzu.

      Zuerst fügen Sie ein Pseudo-Element in der zu gestaltenden .parallax -Klasse hinzu.

      Anmerkung: Sie können MDN-Web-Dokumente aufrufen, um mehr über CSS zu erfahren.

      Fügen Sie den folgenden Code unterhalb der .section -Klasse hinzu:

      css-parallax/styles.css

      ...
      
      .section {
        position: relative;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        text-shadow: 0 0 5px #000;
      }
      
      .parallax::after {
        content: " ";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translateZ(-1px) scale(1.5);
        background-size: 100%;
        z-index: -1;
      }
      ...
      

      Die .parallax -Klasse fügt ein ::after -Pseudo-Element dem Hintergrundbild hinzu und liefert die für den Parallaxen-Effekt erforderlichen Transformationen.

      Das Pseudo-Element ist das untergeordnetste Element mit der Klasse des .parallax.

      Die erste Hälfte des Codes zeigt und positioniert das Pseudo-Element. Die transformierende Eigenschaft verschiebt das Pseudo-Element zurück von der Kamera auf dem z-index und skaliert es dann wieder nach oben, um das Ansichtsfenster auszufüllen.

      Da das Pseudo-Element weiter entfernt ist, scheint es sich langsamer zu bewegen.

      Im nächsten Schritt fügen Sie die Hintergrundbilder und den statischen Hintergrundstil hinzu.

      Schritt 6 — Hinzufügen der Bilder und des Hintergrunds für jeden Abschnitt

      In diesem Schritt ergänzen Sie die endgültigen CSS-Eigenschaften, um die Hintergrundbilder und die Hintergrundfarbe des statischen Abschnitts hinzuzufügen.

      Fügen Sie zunächst eine einfarbige Hintergrundfarbe dem .static Abschnitt mit dem folgenden Code nach der Klasse .parallax::after hinzu.

      css-parallax/styles.css

      ...
      
      .parallax::after {
        content: " ";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translateZ(-1px) scale(1.5);
        background-size: 100%;
        z-index: -1;
      }
      
      .static {
        background: red;
      }
      ...
      

      Die .static Klasse fügt dem statischen Abschnitt, der kein Bild hat, einen Hintergrund hinzu.

      Die beiden Abschnitte mit der .parallax -Klasse haben auch eine zusätzliche Klasse, die für jeden Bereich anders ist. Verwenden Sie die Klassen .bg1 und .bg2, um die Kätzchen-Hintergrundbilder hinzuzufügen.

      Fügen Sie den folgenden Code unterhalb der .static Klasse hinzu:

      css-parallax/styles.css

      ...
      
      .static {
        background: red;
      }
      .bg1::after {
        background-image: url('https://placekitten.com/g/900/700');
      }
      
      .bg2::after {
        background-image: url('https://placekitten.com/g/800/600');
      }
      
      ...
      

      Die .bg1, .bg2-Klassen fügen die jeweiligen Hintergrundbilder für jeden Abschnitt hinzu.

      Die Bilder sind aus der placekitten -Webseite. Es handelt sich um einen Bilderservice von Kätzchen zur Verwendung als Platzhalter.

      Nachdem nun der gesamte Code für den Parallax Scrolling-Effekt hinzugefügt wurde, können Sie Ihre Datei styles.css mit Ihrer index.html verlinken.

      Schritt 7 — Verknüpfen von styles.css und Öffnen von index.html in Ihrem Browser

      In diesem Schritt verknüpfen Sie Ihre Datei styles.css und öffnen das Projekt in Ihrem Browser, um den Parallax Scrolling-Effekt zu sehen.

      Fügen Sie zunächst den folgenden Code dem <head>-Tag in der Datei index.html hinzu.

      css-parallax/index.html

       ...
      <head>
        <meta charset="UTF-8" />
        <^>
        <link rel="stylesheet" href="https://www.digitalocean.com/community/tutorials/styles.css" />
        <^>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>CSS Parallax</title>
      </head>
      
      ...
      

      Jetzt können Sie Ihre Datei index.html in Ihrem Browser öffnen:

      Scrolling Parallax-Effekt-GIF

      Damit haben Sie eine funktionierende Webseite mit einem Scrolling-Effekt eingerichtet. Sehen Sie sich dieses GitHub-Repository an, um den vollen Code zu sehen.

      Zusammenfassung

      In diesem Artikel haben Sie ein Projekt mit einer index.html und einer Datei styles.css eingerichtet und haben nun eine funktionsfähige Webseite. Sie haben die Struktur Ihrer Webseite hinzugefügt und Stile für die verschiedenen Abschnitte auf der Seite erstellt.

      Es ist möglich, die von Ihnen verwendeten Bilder oder den Parallax-Effekt weiter weg zu legen, damit sie sich langsamer bewegen. Sie müssen die Pixelmenge in den Eigenschaften perspective und transform ändern. Wenn Sie nicht möchten, dass ein Hintergrundbild überhaupt scrollen soll, verwenden Sie background-attachment: fixed; anstelle von perspective/translate/scale.



      Source link

      So erstellen Sie einen Minecraft-Server unter Ubuntu 20.04


      Der Autor wählte den Tech Education Fund, um eine Spende im Rahmen des Programms Write for DOnations zu erhalten.

      Einführung

      Minecraft ist ein beliebtes Sandkasten-Videospiel. Es wurde ursprünglich im Jahr 2009 veröffentlicht und ermöglicht Spielern in einer Block-3D-Welt zu bauen, zu erforschen, zu gestalten und zu überleben. Ende 2019 war es das zweitbeste Videospiel aller Zeiten. In diesem Tutorial erstellen Sie Ihren eigenen Minecraft-Server, damit Sie und Ihre Freunde zusammen spielen können. Insbesondere installieren Sie die erforderlichen Softwarepakete, um Minecraft auszuführen, konfigurieren den Server für die Ausführung und stellen das Spiel dann bereit.

      Alternativ können Sie den One-Click Minecraft: Java Edition-Server von DigitalOcean als weiteren Installationspfad erkunden.

      Dieses Tutorial verwendet die Java-Version von Minecraft. Wenn Sie über den Microsoft App-Store Ihre Version von Minecraft gekauft haben, können Sie keine Verbindung mit diesem Server herstellen. Die meisten Versionen von Minecraft, die auf Spielekonsolen wie PlayStation 4, Xbox One oder Nintendo Switch gekauft wurden, sind auch die Microsoft-Version von Minecraft. Diese Konsolen können auch keine Verbindung zu dem in diesem Tutorial erstellten Server herstellen. Hier können Sie die Java-Version von Minecraft erhalten.

      Voraussetzungen

      Um diesen Leitfaden auszuführen, benötigen Sie:

      Schritt 1 – Installieren der erforderlichen Softwarepakete und Konfigurieren der Firewall

      Nachdem Ihr Server initialisiert wurde, müssen Sie zunächst Java installieren. Sie benötigen es, um Minecraft auszuführen.

      Aktualisieren Sie den Paketindex für den APT-Paketmanager:

      Installieren Sie als Nächstes die OpenJDK-Version 8 von Java, insbesondere die kopflose JRE. Dies ist eine minimale Version von Java, die die Unterstützung für GUI-Anwendungen entfernt. Das macht es ideal für die Ausführung von Java-Anwendungen auf einem Server:

      • sudo apt install openjdk-8-jre-headless

      Sie müssen auch eine Software namens screen verwenden, um abnehmbare Serversitzungen zu erstellen. Auf screen können Sie eine Terminalsitzung erstellen und von dieser trennen, sodass der darauf gestartete Prozess ausgeführt wird. Dies ist wichtig, da dies die Sitzung beenden und Ihren Server stoppen würde, wenn Sie Ihren Server starten und dann Ihr Terminal schließen würden. Installieren Sie screen jetzt:

      Nachdem Sie die Pakete installiert haben, müssen wir die Firewall so einstellen, dass sie Traffic gestattet, der auf unserem Minecraft-Server eingeht. Bei der Ersteinrichtung des Servers haben Sie nur den Traffic von SSH zugelassen. Nun müssen Sie auch den Traffic zulassen, der über Port 25565 eingeht. Das ist der Standardport, den Minecraft für die Zulassung von Verbindungen verwendet. Fügen Sie die erforderliche Firewall-Regel hinzu, indem Sie den folgenden Befehl ausführen:

      Nachdem Sie nun Java installiert und Ihre Firewall richtig konfiguriert haben, laden Sie den Minecraft-Server von der Minecraft-Website herunter.

      Schritt 2 – Herunterladen der letzten Version von Minecraft

      Jetzt müssen Sie die aktuelle Version des Minecraft-Servers herunterladen. Sie können dies tun, indem Sie zur Minecraft-Website navigieren und den Link Download minecraft_server kopieren. X.X.X.jar, wobei die X die neueste Version des Servers sind.

      Sie können jetzt wget und den kopierten Link verwenden, um den Server herunterzuladen:

      • wget https://launcher.mojang.com/v1/objects/bb2b6b1aefcd70dfd1892149ac3a215f6c636b07/server.jar

      Wenn Sie beabsichtigen, Ihren Minecraft-Server zu aktualisieren, oder wenn Sie verschiedene Versionen von Minecraft ausführen möchten, benennen Sie die heruntergeladene server.jar in minecraft_server _ 1.15.2.jar um und stimmen Sie die hervorgehobenen Versionsnummern mit der jeweiligen heruntergeladenen Version ab:

      • mv server.jar minecraft_server_1.15.2.jar

      Wenn Sie eine ältere Version von Minecraft herunterladen möchten, finden Sie diese archiviert auf mcversions.net. Dieses Tutorial konzentriert sich jedoch auf die aktuelle neueste Version. Nachdem Sie Ihren Download durchgeführt haben, beginnen wir mit der Konfiguration Ihres Minecraft-Servers.

      Schritt 3 – Konfigurieren und Ausführen des Minecraft-Servers

      Nachdem Sie die Minecraft-JAR-Datei heruntergeladen haben, können Sie es ausführen.

      Starten Sie zunächst eine Bildschirmsitzung, indem Sie den Befehl screen ausführen:

      Wenn Sie das angezeigte Banner gelesen haben, drücken Sie die LEERTASTE. Auf screen wird wie gewohnt eine Terminalsitzung angezeigt. Diese Sitzung ist jetzt abnehmbar. Dies bedeutet, dass Sie hier einen Befehl starten und ausführen können.

      Sie können nun Ihre ursprüngliche Konfiguration ausführen. Seien Sie nicht beunruhigt, wenn dieser nächste Befehl einen Fehler auslöst. Minecraft hat seine Installation so konzipiert, dass Benutzer zuerst der Lizenzvereinbarung des Unternehmens zustimmen müssen. Sie tun dies als Nächstes:

      • java -Xms1024M -Xmx1024M -jar minecraft_server_1.15.2.jar nogui

      Bevor wir die Ausgabe dieses Befehls untersuchen, schauen wir uns all diese Befehlszeilenargumente genauer an, die Ihren Server optimieren:

      • Xms1024M – hiermit wird der Server so konfiguriert, dass er mit 1024 MB oder 1 GB RAM ausgeführt wird. Sie können dieses Limit erhöhen, wenn Ihr Server mit mehr RAM beginnen soll. Sowohl M für Megabytes als auch G für Gigabytes werden als Optionen unterstützt. Beispiel: Xms2G startet den Server mit 2 Gigabyte RAM.

      • Xmx1024M – hiermit wird der Server so konfiguriert, dass höchstens 1024 MB RAM verwendet werden. Sie können dieses Limit erhöhen, wenn Ihr Server größer ausgeführt werden soll, mehr Spieler zugelassen werden sollen oder wenn Sie der Meinung sind, dass Ihr Server langsam läuft.

      • jar – diese Flagge gibt an, welche Server-JAR-Datei ausgeführt werden soll.

      • nogui – dies weist den Server an, keine GUI zu starten, da dies ein Server ist und Sie keine grafische Benutzeroberfläche haben.

      Wenn Sie diesen Befehl zum ersten Mal ausführen, der normalerweise Ihren Server startet, wird stattdessen der folgende Fehler generiert:

      Output

      [22:05:31] [22:05:31] [main/ERROR]: Failed to load properties from file: server.properties [22:05:31] [main/WARN]: Failed to load eula.txt [22:05:31] [main/INFO]: You need to agree to the EULA in order to run the server. Go to eula.txt for more info.

      Diese Fehler wurden generiert, weil der Server zwei für die Ausführung erforderliche Dateien nicht finden konnte: die EULA (Endbenutzer-Lizenzvereinbarung) in eula.txt und die Konfigurationsdatei server.properties. Da der Server diese Dateien nicht finden konnte, wurden sie glücklicherweise in Ihrem aktuellen Arbeitsverzeichnis erstellt.

      Öffnen Sie zunächst eula.txt in nano oder Ihrem bevorzugten Texteditor:

      Innerhalb dieser Datei sehen Sie einen Link zur Minecraft EULA. Kopieren Sie die URL:

      ~/eula.txt

      #By changing the setting below to TRUE you are indicating your agreement to our EULA (https://account.mojang.com/documents/minecraft_eula).
      #Tue Mar 24 22:05:31 UTC 2020
      eula=false
      

      Öffnen Sie die URL in Ihrem Webbrowser und lesen Sie die Vereinbarung. Kehren Sie dann zu Ihrem Texteditor zurück und suchen Sie die letzte Zeile in eula.txt. Ändern Sie hier eula=false in eula=true. Speichern und schließen Sie jetzt die Datei.

      Nachdem Sie die EULA akzeptiert haben, ist es an der Zeit, den Server gemäß Ihren Spezifikationen zu konfigurieren.

      In Ihrem aktuellen Arbeitsverzeichnis finden Sie auch die neu erstellte Datei server.properties. Diese Datei enthält alle Konfigurationsoptionen für Ihren Minecraft-Server. Eine detaillierte Liste aller Servereigenschaften finden Sie im offiziellen Minecraft-Wiki. Sie ändern diese Datei mit Ihren bevorzugten Einstellungen, bevor Sie Ihren Server starten. Dieses Tutorial behandelt die grundlegenden Eigenschaften:

      Ihre Datei wird wie folgt aussehen:

      ~/server.properties

      #Minecraft server properties
      #Thu Apr 30 23:42:29 UTC 2020
      spawn-protection=16
      max-tick-time=60000
      query.port=25565
      generator-settings=
      force-gamemode=false
      allow-nether=true
      enforce-whitelist=false
      gamemode=survival
      broadcast-console-to-ops=true
      enable-query=false
      player-idle-timeout=0
      difficulty=easy
      spawn-monsters=true
      broadcast-rcon-to-ops=true
      op-permission-level=4
      pvp=true
      snooper-enabled=true
      level-type=default
      hardcore=false
      enable-command-block=false
      max-players=20
      network-compression-threshold=256
      resource-pack-sha1=
      max-world-size=29999984
      function-permission-level=2
      rcon.port=25575
      server-port=25565
      server-ip=
      spawn-npcs=true
      allow-flight=false
      level-name=world
      view-distance=10
      resource-pack=
      spawn-animals=true
      white-list=false
      rcon.password=
      generate-structures=true
      online-mode=true
      max-build-height=256
      level-seed=
      prevent-proxy-connections=false
      use-native-transport=true
      motd=A Minecraft Server
      enable-rcon=false
      

      Sehen wir uns einige der wichtigsten Eigenschaften in dieser Liste genauer an:

      • Schwierigkeitsgrad (Standard einfach) – hiermit wird der Schwierigkeitsgrad des Spiels festgelegt, z. B. wie viel Schaden verursacht wird und wie sich die Elemente auf Ihren Spieler auswirken. Die Optionen sind peaceful (friedlich), easy (einfach), normal und hard (schwer).

      • gamemode (standardmäßig survival (überleben)) – hiermit wird der Spielmodus festgelegt. Die Optionen sind überleben, kreativ, Abenteuer und Zuschauer.

      • Ebenenname (Standard Welt) – hiermit wird der Name Ihres Servers festgelegt, der im Client angezeigt wird. Zeichen wie das Apostroph müssen möglicherweise mit einem Backslash versehen werden.

      • motd (Standard Ein Minecraft-Server) – die Meldung, die in der Serverliste des Minecraft-Clients angezeigt wird.

      • pvp (Standard true) – aktiviert den Kampf zwischen Spieler und Spieler. Wenn der Wert auf true gesetzt ist, können die Spieler kämpfen und sich gegenseitig Schaden zufügen.

      Wenn Sie die gewünschten Optionen festgelegt haben, speichern und schließen Sie die Datei.

      Nachdem Sie EULA in true geändert und Ihre Einstellungen konfiguriert haben, können Sie Ihren Server erfolgreich starten.

      Lassen Sie uns wie beim letzten Mal Ihren Server mit 1024 MB RAM starten. Lassen Sie uns Minecraft erst jetzt auch die Möglichkeit geben, bei Bedarf bis zu 4 GB RAM zu verwenden. Denken Sie daran, dass Sie diese Nummer gerne an Ihre Servereinschränkungen oder Benutzeranforderungen anpassen können:

      • java -Xms1024M -Xmx4G -jar minecraft_server_1.15.2.jar nogui

      Geben Sie der Initialisierung einige Momente. Bald wird Ihr neuer Minecraft-Server eine ähnliche Ausgabe produzieren:

      Output

      [21:08:14] [Server thread/INFO]: Starting minecraft server version 1.15.2 [21:08:14] [Server thread/INFO]: Loading properties [21:08:14] [Server thread/INFO]: Default game type: SURVIVAL [21:08:14] [Server thread/INFO]: Generating keypair [21:08:15] [Server thread/INFO]: Starting minecraft server on *:25565

      Sobald der Server betriebsbereit ist, wird die folgende Ausgabe angezeigt:

      Output

      [21:15:37] [Server thread/INFO]: Done (30.762s)! For help, type "help"

      Ihr Server wird jetzt ausgeführt und Sie wurden in das Kontrollfeld des Serveradministrators verschoben. Geben Sie jetzt Hilfe ein:

      Eine Ausgabe wie diese wird angezeigt:

      Output

      [21:15:37] [Server thread/INFO]: /advancement (grant|revoke) [21:15:37] [Server thread/INFO]: /ban <targets> [<reason>] [21:15:37] [Server thread/INFO]: /ban-ip <target> [<reason>] [21:15:37] [Server thread/INFO]: /banlist [ips|players] ...

      Von diesem Terminal aus können Sie Administratorbefehle ausführen und Ihren Minecraft-Server steuern. Verwenden Sie jetzt screen, um Ihren neuen Server auch nach dem Abmelden am Laufen zu halten. Dann können Sie sich mit Ihrem Minecraft-Client verbinden und ein neues Spiel starten.

      Schritt 4 – Server am Laufen halten

      Nachdem Sie nun Ihren Server eingerichtet haben, möchten Sie, dass er auch nach dem Trennen von Ihrer SSH-Sitzung ausgeführt wird. Da Sie zuvor screen verwendet haben, können Sie sich von dieser Sitzung trennen, indem Sie Strg + A + D drücken. Jetzt befinden Sie sich wieder in Ihrer ursprünglichen Shell.

      Führen Sie diesen Befehl aus, um alle Ihre Bildschirmsitzungen anzuzeigen:

      Sie erhalten eine Ausgabe mit der ID Ihrer Sitzung, die Sie benötigen, um diese Sitzung fortzusetzen:

      Output

      There is a screen on: 26653.pts-0.minecraft (03/25/20 21:18:31) (Detached) 1 Socket in /run/screen/S-root.

      Um Ihre Sitzung fortzusetzen, übergeben Sie die Flagge -r an den Befehl screen und geben Sie dann Ihre Sitzungs-ID ein:

      Wenn Sie bereit sind, sich von Ihrem Server abzumelden, trennen Sie sich mit Strg + A + D von der Sitzung und melden Sie sich dann ab.

      Schritt 5 – Herstellen einer Verbindung zu Ihrem Server über den Minecraft-Client

      Nachdem Ihr Server nun betriebsbereit ist, stellen wir über den Minecraft-Client eine Verbindung zu ihm her. Dann können Sie spielen!

      Starten Sie Ihre Kopie von Minecraft Java Edition und wählen Sie im Menü Multiplayer.

      Wählen Sie im Menü Multiplayer

      Als Nächstes müssen Sie einen Server hinzufügen, zu dem eine Verbindung hergestellt werden soll. Klicken Sie daher auf die Schaltfläche Server hinzufügen.

      Klicken Sie auf die Schaltfläche Server hinzufügen

      Geben Sie im angezeigten Bildschirm Serverinformationen bearbeiten Ihrem Server einen Namen und geben Sie die IP-Adresse Ihres Servers ein. Dies ist dieselbe IP-Adresse, die Sie für die Verbindung über SSH verwendet haben.

      Benennen Sie Ihren Server und geben Sie die IP-Adresse ein

      Nachdem Sie Ihren Servernamen und Ihre IP-Adresse eingegeben haben, kehren Sie zum Multiplayer-Bildschirm zurück, auf dem Ihr Server nun aufgelistet wird.

      Wählen Sie Ihren Server aus und klicken Sie auf Server beitreten

      Ab jetzt wird Ihr Server immer in dieser Liste angezeigt. Wählen Sie ihn aus und klicken Sie auf Server beitreten.

      Genießen Sie das Spiel!

      Sie befinden sich auf Ihrem Server und können spielen!

      Zusammenfassung

      Sie haben jetzt einen Minecraft-Server unter Ubuntu 20.04, auf dem Sie und alle Ihre Freunde spielen können! Viel Spaß beim Erkunden, Basteln und Überleben in einer barbarischen 3D-Welt. Und denken Sie daran: Achten Sie auf Störende.



      Source link