Ich möchte mit JavaScript ein Multiplayer Webbrowser Spiel programmieren, wie mache ich das am besten? Wie geht es zum Beispiel mit Schere Stein Papier?

5 Antworten

ThatsBekirsBrow

08.08.2017, 01:39

guck dir doch ein YouTube Tutorial an? Das hier zu erklären, wäre viel zu umständlich und zu lang.

tavkomann

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, Webseite, programmieren

08.08.2017, 06:38

Wenn du bereit dafür wärst, wüsstest du genau, was du tun musst. Beim Spiel an sich kommt es natürlich darauf an, ob jetzt die volle Bewegung der Schere animiert wird, was natürlich schwieriger ist, als wenn du nur in einem Feld eine Schere anzeigst.

Im einfachsten Fall hast du drei Buttons und zwei Felder für Schere, Stein oder Papier.

Da es ein Multiplayer-Spiel ist, müssen beide Spieler natülich synchronisiert werden. Dazu würde ich am besten WebSocket verwenden.

An dieser Stelle wäre es auch schon überlegenswert, ob man denn nicht Java im Backend verwendet.

Letztendlich müssen beide Spieler innerhalb eines vom Server bestimmten Zeitintervalls einen der Buttons betätigen. Die verbleibende Zeit sendet der Server den Clients regelmäßig zu, sodass sie angezeigt werden kann, z. B. durch eine kleine Animation.

Ist das Zeitinterval vorüber, fordert der Server von beiden den gedrückten Button an. Dadurch kann dem jeweils anderen Client die Entscheidung des anderen mitgeteilt und im zugehörigen Feld dargestellt werden.

Ggf. baut man zusätzlich einen Punkte-Zähler und eine Highscore-Liste in den Server ein, dann hat man zugleich Datenbanken mit ins Spiel gebracht.

Du solltest klar und strukturiert planen, welche Funktionen dein Spiel enthalten muss und diese dann in einer logischen Reihenfolge umsetzen, testen und verbessern.

Solltest du hier aber überhaupt nicht voran kommen, ist es für so ein Spiel wohl noch zu früh.

abbrechen

08.08.2017, 18:52

Hier mal ein paar Stichpunkte, denn eine ausführliche Beschreibung hängt von deiner Idee des Spieles ab

- socket.io
- Datenbank wie MongoDB
- pixieJs / phaser Js
- ThreeJs
- NodeJs
- Serversicherheit
- Datenverschlüsselung

DM6835

Fragesteller

08.08.2017, 19:09

Gerade bei den letzten beiden Dingen kenne ich mich nicht so gut aus. Wie kann ich das ändern?

abbrechen

08.08.2017, 20:02

Bezüglich Serversicherheit schaue mal in den Kommentaren unter Tuxgamers Antwort.

Und bezüglich der Datenverschlüsselung informiere dich hier: https://stackoverflow.com/questions/41875490/encrypt-password-from-a-database-in-mongo

abbrechen

08.08.2017, 20:02

Ersten Link vergessen: http://www.gutefrage.net/frage/debian-server---prozesse-stuerzen-irgendwann-ab

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, SQL, Webseite

08.08.2017, 01:55

Das machst du am besten, indem du den ganz normalen Analyseprozess durchläufst, so wie du es bei der Bildung eines Algorithmus zur Lösungsfindung ebenso tust.

Schau was du brauchst, teile in Arbeitspakete auf, recherchiere zu Themen, die dir noch unbekannt / unklar sind und suche dir zudem Hilfsmittel wie Frameworks / Bibliotheken. Man muss das Rad ja nicht neu erfinden.

TPDRFE

01.08.2018, 16:29

für sowas und mit wenig erfahrung solltest du dir Processing bzw. Java mal anschauen.
https://processing.org/

bzw. p5.js

Ich mache irgendwas falsch.. Die Aufgabe ist: untersuche die Verlierchancen für Schere und Stein und Papier und Brunnen beim Spiel Schere Stein Papier(Brunnen)... Der Ergebnisraum ist {Schere;Stein;Papier;Brunnen} , Schere schneidet Papier . Papier bedeckt Brunnen , Stein schleift Schere und Stein bzw Schere fällt in den Brunnen.. E(Schere verliert)={Stein;Brunnen} E(Papier verliert)={Schere} E(Brunnen verliert)={Papier} E(Stein verliert)={Brunnen;Papier}.. Aber das kann nicht sein ? Weil allein die Elemente in den Ereignissen mehr sind als der Ergebnisraum.. ICH mache irgendwas falsch ! Bitte kann mir wer helfen und es erklären

...zur Frage

ZUFALLSEXPERIMENT über Schere Stein Papier Brunnen - Mathe Klasse 7?

...zur Frage

Schere Stein Papier zu dritt?

Wir haben gerade Schere Stein Papier zu dritt gespielt und wir haben uns gefragt was passiert,wenn einer Schere,einer Papier und einer Stein benutzt,kriegt dann jeder einen Punkt oder keiner? 🤔

...zur Frage

Java schere stein papier?

Hi Leute, ich bin seit c.a 1 Woche dabei Java zu lernen. nun versuch ich Schere Stein Papier in Konsolen Ausgabe zu programmieren. Das Problem dabei ist das Wenn ich etwas eingebe (zum beispiel "Schere")bekomme ich nichts zurück.

brauche Hilfe

hier mein Code

import java.util.Scanner;
   import java.util.Random;

  public class SSP {

private static Scanner spieler_auswahl;

public static void main(String[] args){
    String Wahl_spieler;
    int punkte_spieler = 0;
    int punkte_pc = 0;
    int Runden = 0;

    System.out.println("Schere Stein Papier \n");
    System.out.println("Such dir eine Wahl aus");
    
    
    while(Runden < 12){
        Random zG = new Random(); 
         
        String[] auswahl_pc = new String[3];
        auswahl_pc[0] = "Schere";
        auswahl_pc[1] = "Stein";
        auswahl_pc[2] = "Papier";
        
        
            for(int a = 0; a < 1; a++){
                
                int auswahl =zG.nextInt(auswahl_pc.length); // Zufallauswahl

                }
            
        Scanner spieler_wahl = new Scanner(System.in);
        Wahl_spieler = spieler_wahl.nextLine();
        
        if(auswahl_pc.equals(spieler_wahl)){
            System.out.println("Unetntschieden");
            Runden++;
        }
        // schere vergleich
        if(auswahl_pc.equals("Schere") && Wahl_spieler == "Stein" ){
            System.out.println("Du hast gewonnen");
            Runden++;
            punkte_spieler++;
        }
        
        if(auswahl_pc.equals("Schere") && Wahl_spieler == "Papier"){
            System.out.println("Computer hat gewonnen");
            Runden++;
            punkte_pc++;
        }
        
        //Vergleich Stein
        if(auswahl_pc.equals("Stein") && Wahl_spieler == "Schere"){
            System.out.println("Computer hat gewonnen");
            Runden++;
            punkte_pc++;
        }
        if(auswahl_pc.equals("Stein") && Wahl_spieler == "Papier"){
            System.out.println("Du hast Gewonnen");
            Runden++;
            punkte_spieler++;
        }
        
        // Vergleich Papier
        if(auswahl_pc.equals("Papier") && Wahl_spieler == "Stein"){
            System.out.println("Computer hat gewonnen");
            Runden++;
            punkte_pc++;
        }
        if(auswahl_pc.equals("Papier") && Wahl_spieler == "Schere"){
            System.out.println("Du Gewinnst");
            Runden++;
            punkte_spieler++;
        }
    }
}

}

...zur Frage

Schere Stein Papier mit Brunnen?

Spielt man "Schere Stein Papier" mit oder ohne Brunnen?

...zur Frage

Wie heißt das Schere Stein Papier ICQ Spiel

Wie heißt dieses ICQ spiel, bei dem man schere stein und papier männchen hat und dann gegen einen gegner Spielt

...zur Frage

Ich habe angefangen Schere Stein Papier in JavaScript zu programmieren leider funktioniert die Ergebnis Auswertung am Ende nicht. Wo ist der Fehler?

Das ist der JS Code:

FuEingabe();
    function FuEingabe() {
    var eingabe = prompt("Bitte gib: Schere, Stein oder Papier ein!", "Schere, Stein, Papier");
}
    switch(FuEingabe()) {

        case "Schere":
        
        zufallenemyeingabe();
        break;

        case "Stein":
        
        zufallenemyeingabe();
        break;

        case "Papier":
        
        zufallenemyeingabe();
        break;

        default:

        alert("Ungültig!");

}
function zufallenemyeingabe() {
    var max = 3;
    var min = 1;
    var zufallzahl = (Math.random() * (max - min)) + min;
    console.log("Die Zufallzahl lautet: " + zufallzahl);
    var zufallzahlround = Math.round(zufallzahl);
    console.log("Die gerundete Zufallzahl heißt: " + zufallzahlround);
    var StEingabe = "non";

    switch(zufallzahlround){

        case 1:
        StEingabe = "Stein";
        break;

        case 2:
        StEingabe = "Papier";
        break;

        case 3:
        StEingabe = "Schere";
        break;

        default: 
        console.log("Error 01: Computer hat kein Ergebnis generiert!");
    }
    console.log(StEingabe);
    alert("Der Computer hat " + StEingabe) + " gewählt.";
    return StEingabe

}

function ergebnisauswertung() {
    var gewinner = "nil";
    var PlayEingabe = FuEingabe();

    if(PlayEingabe == "Schere" && zufallenemyeingabe == "Schere") { 

        gewinner = "Unentschieden!";

    }
                                                             
    if(PlayEingabe == "Schere" && zufallenemyeingabe == "Stein") {
        gewinner = "PC";

    }
                                                           
    if(PlayEingabe == "Schere" && zufallenemyeingabe == "Papier") {
        gewinner = "Player";

    }
                                                             
                                                              
     //Eigentliches Vergleichen der Wahl - Stein 
    if(PlayEingabe == "Stein" && zufallenemyeingabe == "Stein") {
        gewinner = "Unentschieden!";
        

    }
                                                           
    if(PlayEingabe == "Stein" && zufallenemyeingabe == "Schere") {
        gewinner = "Player";

    }
                                                            
    if(PlayEingabe == "Stein" && zufallenemyeingabe == "Papier") {
        gewinner = "PC";

    }
                                                            
                                                            
    //Eigentliches Vergleichen der Wahl - Papier 
    if(PlayEingabe == "Papier" && zufallenemyeingabe == "Papier") {
    gewinner = "Unentschieden!";

    }
                                                             
    if(PlayEingabe == "Papier" && zufallenemyeingabe == "Schere") { 

        gewinner = "PC";


    }
                                                             
    if(PlayEingabe == "Papier" && zufallenemyeingabe == "Stein") { 

        gewinner = "Player";

    }

    return gewinner;
                                                            
}
var gewinner = ergebnisauswertung();
console.log(gewinner);
if (ergebnisauswertung() == "Player") {
    alert("Du gewinnst!");
}

...zur Frage

Kann mir jemand dabei helfen, einen Algorithmus für Schere-Stein-Papier zu finden?

Ich muss einen Algorithmus für das Spiel Schere-Stein-Papier (auf Papier) schreiben. Kann mir jemand helfen?

Danke im Voraus.

...zur Frage

Schere,Stein,Papier mit mehreren?

Wie sind die Spielregeln, wenn mehrere Menschen gleichzeitig Schere,Stein,Papier spielen? Also dann gibt es ja mehrere mit z.B. Papier und Stein. Wie geht das?

...zur Frage

Zu dritt Schere, Stein, Papier - wie umsetzen?

Wie würdet ihr zu dritt das Spiel Schere, Stein, Papier umsetzen.

...zur Frage

wer hat schere stein papier erfunden?

wer hat das spiel schere stein papier entwickelt und erfunden

...zur Frage

Hilfe beim Programmieren. (Schere, Stein, Papier)

Hallo erstmal :)

Ich habe letztens etwas mit programmieren hingesetzt (in textdokumenten) und erstelle gerade ein Schere, Stein, Papier Spiel. Mein Problem ist wenn Spieler 1 z.B. Schere eingibt und bestätigt ist Spieler 2 am Zug aber sieht das "zeichen" von Spieler 1. Also wie kann ich den Zug von Spieler 1 unsichtbar machen bzw. nicht anzeigen lassen?

Ich weis nicht wie ich euch den Quellcode schicken kann den der passt hier nicht rein :(

...zur Frage

Schere-Stein-Papier, Mit Brunnen oder ohne?

Spielt ihr Schere-Stein-Papier mit oder ohne Brunnen, ich spiele gerne mit dem.

Zusätzlich könnt ihr auch mit Feuer oder nicht angeben, ich spiele auch meistens mit Feuer.

...zur Frage

Schere Stein Papier in Javascript. Wo ist mein Fehler?

Ich habe versucht in Javascript Schere Stein Papier zu programmieren. Das Problem ist, dass es jedes Mal erst 3 zu 3 stehen muss, damit man gewonnen hat. Irgendwie kommt man sonst nicht aus der Schleife raus. Weiß jemand wo das Problem liegt?

Schon mal Danke im Voraus.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> Schere Stein Papier </title>
</head>
<body>
    
<script>


var symbolSpieler;
var symbolComputer;
var anzahlRunden = 0;
var gewinneComputer= 0;
var gewinneSpieler = 0;
var gewinnBedinung = 3;
var wahlSpieler;
var ausgedachteZahl;


do{
ausgedachteZahl= Math.random() *3;
ausgedachteZahl = Math.round(ausgedachteZahl + 0.5);


if ( ausgedachteZahl==1) {symbolComputer= "Schere"};
if (ausgedachteZahl==2){symbolComputer ="Stein"};
if (ausgedachteZahl==3){symbolComputer= "Papier"};


wahlSpieler=prompt("Gib deine Wahl ein", "Schere ist 1, Stein ist 2, Papier ist 3");


if(wahlSpieler==1){symbolSpieler= "Schere"};
if(wahlSpieler==2){symbolSpieler ="Stein"};
if(wahlSpieler==3){symbolSpieler= "Papier"};


if(symbolSpieler==symbolComputer){ alert("Unentschieden");}


if (symbolComputer== "Schere" && symbolSpieler== "Stein"){gewinneSpieler++;
alert("Du gewinnst gegen Schere");}


if(symbolComputer=="Schere" && symbolSpieler=="Papier") {gewinneComputer++;
alert("Computer gewinnt mit Schere");}


if(symbolComputer=="Stein" && symbolSpieler=="Schere"){
    gewinneComputer++;
    alert("Computer gewinnt mit Stein");
}


if(symbolComputer=="Stein" && symbolSpieler=="Papier"){
    gewinneSpieler++;
    alert("Du gewinnst gegen Stein");
}


if (symbolComputer=="Papier" && symbolSpieler=="Schere") {
    symbolSpieler++;
    alert("Du gewinnst gegen Papier"); 
}


if (symbolComputer=="Papier" && symbolSpieler=="Stein") { 
    gewinneComputer++;
    alert("Computer gewinnt mit Papier");
    
}
anzahlRunden++;
} while (gewinneSpieler<3 && gewinneComputer<3) 


if (gewinneSpieler=3) {alert("Du hast das Spiel gewonnen");}
if(gewinneComputer=3){alert("Schade, du hast das Spiel verloren :(");}


alert(gewinneSpieler + " zu "+ gewinneComputer);
</script>





</body>
</html>

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen