Gibt es ein gutes Tutorial für Websockets?

Will ein Webstrategiespiel entwickeln

3 Antworten

11.05.2025, 23:50

Kommt natürlich bisschen auf den Stack an, den du verwenden willst. Wenn du es als Webapp umsetzen willst, würde sich ein Node.js-Server mit Socket.io anbieten. Dafür gibt es auch viele Tutorials.

Woher ich das weiß:Berufserfahrung – Tätigkeit als Webentwickler in einer Digitalagentur

Psychotherapy

Beitragsersteller

12.05.2025, 00:02

Das sind jetzt alles Fremdwörter für mich xD Ich hab meinen Plan von Backend. Ich will nur unbedingt ein Onlinestrategiespiel entwickeln. Gib mir einen Tipp, was ich mir anschauen soll...

Nutzer, der sehr aktiv auf gutefrage ist

im Thema Webseite

18.05.2025, 23:47

Ich nehme mal an, dass du Javascript kannst.

Nutze dann einfach die Javascript Bibliothek "socket io" https://socket.io/ und dazu im Backend NodeJs https://nodejs.org

SocketIO macht es dir sehr einfach, die Daten im Echtzeit hin und her zu schicken.

Wenn du wie du sagst ein Onlinestrategiespiel machen möchtest, gibt es allerdings noch sehr viele andere Hürden zu überwinden.

Woher ich das weiß:eigene Erfahrung

11.05.2025, 22:46

Schau mal auf MDN.

Websockets sind eigentlich nicht wirklich kompliziert, wenn man dafür im Server ne fertige Lib nutzt. Ich habe früher auch mal ein kleines Browserspiel damit gemacht.

Also sollte eigentlich reichen die Docs zu lesen.

Ähnliche Beiträge

Warum funktioniert mein Websockets- Server nicht?

Hallo,

ich möchte mithilfe von Websockets über JS auf Python zugreifen, das ist mein Code:

Python:

def send_message_to_browser(message):
    url = "http://localhost:8000/?wake_word=luna"
    try:
        response = requests.get(url)
        if response.status_code == 200:
            print("Nachricht an den Browser gesendet:", message)
        else:
            print("Fehler beim Senden der Nachricht an den Browser")
    except requests.RequestException as e:
        print("Fehler beim Senden der Nachricht an den Browser:", e)

JavaScript:

// WEBSOCKET
var socket = new WebSocket('ws://localhost:8000/?wake_word=luna');

// Debugging-Ausgabe zur Überprüfung der Verbindung
console.log("WebSocket wird hergestellt...");

// Ereignisbehandlungsfunktion für Verbindungsherstellung
socket.onopen = function(event) {
    // Debugging-Ausgabe zur Bestätigung der erfolgreichen Verbindung
    console.log("WebSocket-Verbindung hergestellt.");
};

// Ereignisbehandlungsfunktion für Nachrichtenempfang
socket.onmessage = function(event) {
    // Nachricht vom Server erhalten
    var message = event.data;

    // Debugging-Ausgabe
    console.log("Nachricht empfangen:", message);

    // Überprüfen, ob die empfangene Nachricht "luna" ist
    if (message === "luna") {
        // Ändern der Hintergrundfarbe der Div mit der ID "luna_wake_word" auf Rot
        $('#luna_wake_word').css("background-color", "red");
    }
};

// Fehlerbehandlungsfunktion für WebSocket-Verbindung
socket.onerror = function(error) {
    console.error('WebSocket Error: ', error);
};

// Schließen der WebSocket-Verbindung
function closeWebSocket() {
    socket.close();
}

Doch immer, wenn ich das Programm starte und in die Konsole schaue kommt dieser Fehler:

WebSocket wird hergestellt...

index.html?_ijt=bj6j8vutnl8e16bhrbgfck9djq&_ij_reload=RELOAD_ON_SAVE:1929 WebSocket connection to 'ws://localhost:8000/?wake_word=luna' failed:

(anonym) @ index.html?_ijt=bj6j8vutnl8e16bhrbgfck9djq&_ij_reload=RELOAD_ON_SAVE:1929

index.html?_ijt=bj6j8vutnl8e16bhrbgfck9djq&_ij_reload=RELOAD_ON_SAVE:1957 WebSocket Error: Event {isTrusted: true, type: 'error', target: WebSocket, currentTarget: WebSocket, eventPhase: 2, …}

Kann mir jemand helfen?

Freundliche Grüsse

Spiel Entwickeln Fragen?

Hey, bin am überlegen ein Spiel zu Entwickeln, ich dachte daran es mit HTML, CSS,JS zu Entwickeln, aber vielleicht ändere ich meine Meinung.

Szenario:

Offene große Spielwelt mit Koordinaten(Map)
Nebenräume wie Höhlen, Häuser usw.
Interaktive Charaktere und andere Gegenstände mit physikalischen Eigenschaften
Inventar und andere Menüs die gebraucht werden

Jetzt die Frage wie funktioniert sowas. Eindeutig werde ich eine Datenbank brauchen, wo ich die Eigenschaften und Ändereungen der Spielwelt speichern muss, Funktionen die miteinander Agieren.

Wie funktioniert das mit dem Laden? z.B. kann ja nciht die ganze Spielmap geladen werden, wie funktioniert das dann das nur ein Teil der Map und Gegner usw. geladen wird?

Danke

LG

Wie lernt man Website erstellen?

Ich mag möglichst schnell in die Praxis, vielleicht ein Buch oder ein Tutorial und dann in die Umsetzung. Was würdet ihr mir empfehlen?

Geteilte Einkaufsliste JS?

Also ich will eine Geteilte Einkaufsliste machen wo wenn einer etwas hinzufügt es bei allen anderen auch hinzugefügt wird und dasselbe auch beim Löschen. Leider weiß ich nicht wie eine JS Datenbank geht und finde kein Deutsches Tutorial.

Webseite für Kunden hosten?

Ich möchte Webseiten für Kunden entwickeln und zusätzlich das Veröffentlichen der Webseite als Service anbieten. Was ist das beste Vorgehen dafür? Soll ich dem Kunden sagen, er solle sich z.B. bei IONOS anmelden und mir dann die Anmeldedaten geben, sodass ich dann den Rest machen kann?

Webserver für Java?

Hi,

ich brauche einen lokalen Webserver für Java….nur kenne ich mich damit nicht ganz so gut aus (ich kann Java!)

Das ganze soll Möglichkeiten für Websockets und RestAPI funktionieren, sodass der JS Client Anfragen an das (lokale) Java-Backend stellen kann, und umgekehrt. Was ist gut dafür, und was machen Netty und Spring?

Mit welcher Programmiersprache sollte man als Anfänger starten?

Was ich irgendwann erreichen möchte ist, zumindest etwas komplexere Apps für Android entwickeln zu können. Wir haben in der Schule, als wir noch Informatik Unterricht hatten Python angefangen, aber wir sind nicht weit gekommen. Sollte ich damit weiter machen oder lieber eine andere Sprache, Flutter soll ja sehr nützlich sein wenn man für Android entwickeln will?

Gibt es, außer der Programmiersprache selbst noch Grundlagen die ich verstehen muss? Wir haben in der Schule leider nicht wirklich die Hintergründe gelernt, ich könnte nichtmal VS Code ohne Anleitung vom Lehrer für die Python Entwicklung einrichten.

Spiele programmieren lerne?

Wie soll ich am besten lernen, Spiele zu programmieren? Eher mit YouTube Tutorials , mit Bücher oder mit bestimmten Webseiten? Und welche Sprache für den anfang

Formular auslese Fehler VIA JS?

Hallo,

mein Name ist Nils. Ich habe jetzt mit dem Programmieren angefangen, HTML, CSS (sind ja keine richtigen Programmiersprachen) kann ich schon. Nun habe ich angefangen JS zu lernen. Ich wollte erst einmal eine einfache ToDO Webanwendung entwickeln. Also habe ich angefangen via JS ein Formular auszulesen und anzuzeigen. Nur leider klappt dies nicht. Woran liegt es?

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


<dive id="addToDoDive">
    <form>
        <input type="text" id="ToDoName" placeholder="ToDo Name">
        <input type="button" id="ToDoSaveBtn" value="ToDo speichern" onclick="AddToDo">
    </form>


    <script>
        function AddToDo(){
        var listElement = document.getElementById("ToDoName").value;
        var ToDoName = console.log(listElement);
 }


    </script>
</dive>


<dive id="seeToDo">
</dive>
</body>
</html>

Frage zu CSS: Bild in einem Element strecken?

Hii,

bin gerade dabei mit vanilla js, css, html ein game zu entwickeln. So sieht es bis jetzt aus:

Wie kann ich machen, dass das Bild nach unten im Element gestreckt wird, statt doppelt gezeichnet. Mein css (unfertig) sieht so aus:

Mfg Weißbrot

Projektideen für Programmier- Anfänger?

Hallo, ich absolviere für 4 Monate mein Praktikum im Bereich Informatik. In meiner Abteilung geht es um Websiteentwicklung und ich soll demnächst selbst eine Website programmieren (mit C#, JavaScript, HTML, Ajax und CSS).

Meine Frage ist, ob ihr so Ideen habt, was man als Anfänger (wirklich Anfänger mit 1% Grundkenntnis🥲) programmieren kann für 3 Monate ungefähr? Bin so 30 Stunden der Woche bei dem Unternehmen.

Eine weitere Frage ist, ob ihr gute Tutorials, Websites, YT- Videos, etc. zum Thema kennt? Ich soll nämlich selbst recherchieren und mir das selber beibringen.

Danke im Voraus für eure Antworten

Erstellte website nicht aufrufbar?

Bin Anfänger im Thema Webseiten und programmieren und habe mir mal ein Tutorial angeschaut. In dem wurde mir erzählt, dass ich mit dem Editor und HTML eine Website erstellen kann. Wenn ich aber nach abspeichern des Editors etc. den Link, der in der Suchtleiste bei Chrome steht bei einem anderen Gerät eingebe, finde ich diese Seite nicht. Ich hatte auch nicht erwartet, dass das erstellen von einer Website auf diese Weise funktioniert, aber was fehlt mir, dass diese Seite, auch wenn es nur eine Testseite sein soll im Internet aufrufbar ist?

Wie findet man heraus ob eine Website API-Zugriff gewährt?

Hey, und zwar geht es um die website "www.ufcstats.com", bzw "statsleader.ufc.com".

Ich möchte ein Programm bzw. eine Website entwickeln, in der ich bspw. sagen kann:

"Takedown Accuracy", und dann spuckt er mir den namen von dem Kämpfer mit der höchsten takedown genauigkeit aus, so das man nicht jedesmal nach suchen muss.

Ich hab aber keine ahnung ob es einen API-Zugriff auf die seite gibt, bzw wie man das überhaupt rauskriegt. Weil das ganze mit BeautifulSoup zu machen wird sehr aufwendig.

Vielen dank schonmal.

"E-Mail Icon" auf der Website?

Ich lerne gerade, wie ich mit Html, Css und JavaScript eine funktionierende Website erstelle. Jetzt frage ich mich aber, wie ich es schaffen kann, ein rundes Icon mit den Anfangsbuchstaben der E-Mail oder wie auf dem Bild mit einem Hintergrund (meinem Google-Hintergrund) hinzuzufügen.

Welche Programmiersprachen benötige ich dazu, was muss ich ungefähr machen oder gibt es gute Videos, die ich mir dafür angucken kann?

Bei meiner eigenen Recherche konnte ich leider nur Tutorials darüber entdecken, wie man sein Google-Hintergrundbild ändert.

Danke für alle Antworten!

Was möchtest Du wissen?

Deine Frage stellen

gf-shortened-block.is-short { max-height: none !important; } gf-shortened-block.is-short::after { display: none !important; } body { font-family: 'Roboto',sans-serif !important; } h1,h2,h3,h4,h5,h6 { font-family: 'Roboto Slab',serif !important; }