Ergebnis 1 bis 3 von 3
  1. #1
    DuDeBuddy ist offline Grünschnabel
    registriert
    23-04-2016
    Beiträge
    1

    Question aufbauende Grafik

    Huhu ihr da draußen,

    und zwar ich bin Anfänger und möchte das gerne lernen. Am besten wenn Ihr mir zeigt wie ich sowas machen kann.

    Bin gerade an folgendem Thema und zwar würde ich mir gerne ein eigenes Hangmanspiel basteln.
    Jetzt ist die Frage wie Baue ich des so mit Java Script auf das bei den falschen Buchstaben ein Bildchen mehr am Hangman auftaucht? Und wie bekomm ich des hin des, sodass mir der Buchstabe von einem underscore in den richtig gedrückten Buchstaben umswitcht?

    Es sollte das Deutsche Wort angezeigt werden. Das Englische mit underscors.....

    Kann wer mir zeigen wie das geht?

    Würde mich freuen.

    LG DuDeBuddy

  2. #2
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.695

    AW: aufbauende Grafik

    Was hast du denn schon probiert? Woran hängst du genau?

    Prinzipiell is sowas nicht schwer: Für das Bild des Hangman brauchst du einfach verschiedene Bilder für jede Stufe und tauschst dann das .src des <img> immer entsprechend aus. Für zu ratenden Buchstaben würde ich ich einfach jeweils ein separates <span> machen, in das du dann entweder den _ oder den Buchstaben reinschreibst.

  3. #3
    paul schmitz ist offline Doppel-As
    registriert
    29-03-2015
    Beiträge
    134

    AW: aufbauende Grafik

    Bau dir in JS ein Array (oder einen String) mit der aktuellen Zeichenkette, die du regelmäßig nach HTML updatest.
    Das gesuchte Wort ist ebenfalls in einer Variable.
    Wenn nun ein Buchstabe eingegeben ist, suchst du den im gesuchten Wort und speicherst alle Positionen in einem Array. Das gehst du dann durch und schreibst den Buchstaben in der unvollständigen Zeichenkette hinein. Wenn das array eine Länge von 0 hat, also keine Elemente hat, erhöhst du eine Variable, die die Fehlversuche mitzählt, um 1. Hier kann ebenfalls der Code hin, der die maximale Anzahl der Versuche definiert.
    Jetzt gibt es mehrere Möglichkeiten einer grafischen Darstellung. 1, du hast ein Bild namens 0.png, 1.png, 2.png... N.png und updatest im img-Tag den src. 2, du speicherst in einem Array die ASCII-Grafik ab und schreibst die passende (arrayname[fehlversuche]) in einen div. Was du machst, ist dir überlassen.
    Rubiks!
    Wer Rechtschreibfehler findet, darf sie behalten (und wegen mir auch aufessen)

Ähnliche Themen

  1. Antworten: 11
    Letzter Beitrag: 25-03-2012, 19:18
  2. [PHP]Grafik in Grafik laden
    Von Jack dan Son PI im Forum Serverseitige Programmierung
    Antworten: 2
    Letzter Beitrag: 16-07-2007, 11:05
  3. Date Script mit Grafik/Jeden Tag eine neue Grafik
    Von shuser im Forum JavaScript
    Antworten: 6
    Letzter Beitrag: 18-07-2006, 20:37
  4. Antworten: 2
    Letzter Beitrag: 23-07-2005, 22:24
  5. Grafik von 0 auf 100%
    Von Stefan Matheis im Forum Flash
    Antworten: 1
    Letzter Beitrag: 10-03-2001, 02:30

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •