JUMP AND RUN Spiel entwickeln als Anfänger - Einführung (Tutorial Deutsch)

Поделиться
HTML-код
  • Опубликовано: 16 ноя 2024

Комментарии • 52

  • @onkelnacho
    @onkelnacho 4 месяца назад +4

    das totorial werde ich aufjeden fall nach programieren

    • @DynamicSun
      @DynamicSun 4 месяца назад +6

      gleich nach dem Deutschkurs 😀

  • @ronnykostka4905
    @ronnykostka4905 4 месяца назад

    Die Spieltutorials sind Klasse, mein Sohn sitz mit mir davor um ein paar Grundlagen zu sammeln da er in die Berufsrichtung gehen möchte, wenn alles so läuft wie er möchte sogar ein duales Studium in der Wirtschaftsinformatik. Was jetzt noch fehlt sind Sounds für "Game Over" und Gewonnen, bzw. bei dem Raketenspiel des Schuß und der Treffer. Ansonsten mach bitte weiter so.🤗👍

  • @KMF-o2w
    @KMF-o2w 4 месяца назад +9

    Könntest du bitte mal ein Video machen wo du keine Website sondern einen kleinen Webbrowser erstellst und z.B. Google im­pli­zie­rst. Würde mich darüber sehr freuen. Dankeschön

    • @f_cfox
      @f_cfox 4 месяца назад +3

      Ein ganzer Webbrowser ist bissle viel für ein Video..

    • @KMF-o2w
      @KMF-o2w 4 месяца назад +1

      @@f_cfox Ja ich weiß. Ich meine nicht mit fertigen Design und so sondern einfach wie man es machen könnte, damit man es selbst umsetzen könnte

    • @timlambe8837
      @timlambe8837 4 месяца назад

      Wozu?

    • @Hakkebaerchen
      @Hakkebaerchen 4 месяца назад +2

      Das Wort "wo" sollte nur genutzt werden, um die Position von Orten, Gegenständen oder Personen zu erfragen und niemals, wirklich niemals in dieser Art und Weise. 😢

    • @KMF-o2w
      @KMF-o2w 4 месяца назад +1

      Schuldige "in dem"

  • @ElianZimmermann-d1l
    @ElianZimmermann-d1l 25 дней назад

    Ich habe eine Frage, im Spiel kann man von unterhalb der Plattform durch die Plattform durch auf die Plattform springen, wie verhindere ich das?

  • @Der1LauchBS
    @Der1LauchBS 4 месяца назад

    Richtig cooles Video

  • @berndschmidt-b8t
    @berndschmidt-b8t 3 месяца назад

    Hallo Junus, deinen Kanal verfolge ich schon eine Zeit lang und finde deine Beiträge echt gut. Ich habe eine Frage zu diesem Tutoriel.
    Mein Browser ist der Firefox 128.0.3 (64-Bit). Ordner oder Datei öffnen wird mir mit folgender Fehlermeldung quittiert:
    "Das Öffnen lokaler Ordner wird von Ihrem Browser nicht unterstützt.
    Sie können entweder einzelne Dateien öffnen oder ein Remote-Repository öffnen." In Edge und Chrom sehen die Fehlermeldungen änlich aus. Was kann ich tun? Danke im Voraus.

  • @Heidewitzger
    @Heidewitzger 4 месяца назад +2

    Hallo, ich nutze Mac und wenn ich auf die Datei klicke um mir es anzusehen, sehe ich gar nichts. Könnte mir bitte jemand antworten wie man dieses Problem lösen kann

    • @alend_2087
      @alend_2087 4 месяца назад

      du musst deine html datei in deinem browser öffnen

    • @Heidewitzger
      @Heidewitzger 4 месяца назад

      @@alend_2087 habe ich gemacht und dann ist alles weiß

  • @sportyabc2377
    @sportyabc2377 4 месяца назад

    Hallo Junus, mit was für einem Git-Client arbeitest du denn? Vielleicht mit SourceTree oder Gitkraken oder doch direkt nur auf der Console? Nur direkt auf der Konsole finde ich nicht so einfach, wenn man z.B. Branches vergleichen möchte.

    • @Programmierenlernen
      @Programmierenlernen  3 месяца назад

      Ich arbeite immer direkt auf der Console. SourceTree etc sind aber auch top!! 👍

    • @sportyabc2377
      @sportyabc2377 3 месяца назад

      @@Programmierenlernen Danke für die Antwort, von dir kann viel lernen!

  • @j13l38
    @j13l38 26 дней назад

    Ich brauche bitte mal einen Tipp. Ich habe jz 2 weitere Plattformen drin und passt auch alles. Jedoch schaffe ich es nicht, dass der Spieler nicht durch die anderen durch fällt. Jedes mal istdann ein if oder if else falsch. Selbst wenn ich den gesamten Block kopiere. Danke im Vorraus ✌🏻

  • @heuerspitstop
    @heuerspitstop 4 месяца назад +1

    bei mir geht keine Farbe, muss ich die herunterladen? Sorry bin echt zu blöd anscheinend....

    • @IlektraGkrantsi
      @IlektraGkrantsi 3 месяца назад +1

      Same 😂

    • @IlektraGkrantsi
      @IlektraGkrantsi 3 месяца назад

      @@heuerspitstop bei mir war es ein kleiner Rechtschreibfehler… kontrolliert nochmal Buchstabe für Buchstabe

    • @heuerspitstop
      @heuerspitstop 3 месяца назад

      @@IlektraGkrantsi Hast du es auch über VS Code gemacht oder ebenfalls, wie Junus im Browser? Ich habe es in Visual Studio Code gemacht und die Farben sind für Browser. Wahrscheinlich das Problem. Ich werde es nochmal im Browser machen.

    • @IlektraGkrantsi
      @IlektraGkrantsi 3 месяца назад

      @@heuerspitstop über Browser

    • @Programmierenlernen
      @Programmierenlernen  3 месяца назад

      Hi, welche Farbe funktioniert denn nicht? Mit fill('white'); sagst du, dass die nächsten Elemente weiß sein sollen. Mit rect(player.x, player.y, 50, 50); fügst du dann ein Viereck ein. Versuche hier auch mal, die Farben zu ändern und player.x und player.y durch echte Zahlen zu ersetzen. Wenn das funktioniert, dann hast du das Problem schon einmal weiter eingeschränkt.
      In der Regel liegt es an einem von 2 Problemen.
      1. Du hast nicht gespeichert (Strg + S)
      2. Du hast dich verschrieben.
      Noch ein Hinweis: Wenn du die Console im Webbrowser öffnest (In Chrome Rechtsklick -> Untersuchen -> Console), wird die da häufig die Zeile angezeigt, in der der Fehler auftritt. Viel Erfolg weiterhin!

  • @la.ra.ha.
    @la.ra.ha. 4 месяца назад

    Nachdem ich bei 10:59 Zeile 18 zugefügt und gespeichert + aktualisiert habe, falle ich nicht automatisch runter. Woran kanns liegen ? Der Würfel saust nach dem Drücken der Leertaste weiterhin nur nach oben.

    • @Programmierenlernen
      @Programmierenlernen  3 месяца назад

      Hi, das ist immer etwas schwer zu sagen, ohne deinen Code zu sehen. Vermutlich hast du dich in den Zeilen 18-22 verschrieben. Versuche, nochmal ein paar Schritte zurückzugehen und den Code nochmal abzutippen. Das hilft häufig weiter. Ansonsten haben wir auch den gesamten fertigen Code unter dem Video verlinkt. Viel Erfolg! :)

  • @rei6158
    @rei6158 2 месяца назад

    Könntest du mir sagen wie man die zweite platform richtig einfügt glaub bin zu dumm

  • @michaelbogen2005
    @michaelbogen2005 4 месяца назад

    Wie immer tolles Tutorial. Aber warum wird das Script immer wieder aufgerufen, obwohl es doch in der html-Seite nur ein mal aufgerufen wird ?
    Und es werden doch immer alle Funktionen im Script aufgerufen, also auch das Setup ?

    • @Sagittarius182
      @Sagittarius182 4 месяца назад

      Nicht das Script wird immer wieder aufgerufen sondern die Draw() Funktion ... und das liegt daran, dass Junus eine Library eingebunden hat in der diese Setup() Funktion schon implementiert ist und die die Draw() Funktion nach einer definierten Zeit immer wieder aufruft 😊

  • @p1tchi
    @p1tchi 4 месяца назад

    ersten 7 Zeilen in script.js funktionieren bei mir nicht:
    function setup() {
    createCanvas(720, 480)
    }
    function draw() {
    background('DeepSkyBlue')
    }

    • @p1tchi
      @p1tchi 4 месяца назад

      Doch jetzt schon

    • @IlektraGkrantsi
      @IlektraGkrantsi 3 месяца назад

      @@p1tchibei mir leider nicht

  • @LeonBrunner
    @LeonBrunner 4 месяца назад

    hallo kann mir jemand helfen wenn ich es das Index im Browser öffnen will passiert Garnichts

  • @Snake190290
    @Snake190290 4 месяца назад

    Guten Morgen Junos, mit großem interesse verfolge ich deinen Channel schon sehr lange und ich möchte dir für die ganzen erklärungen und Tutoriale mal Dankeschön sagen. Das ist echt sehr gut erklärt.
    Ich habe jetzt deinen Code alles nachgeschrieben wie du es auch hier beschreibst, jedoch habe ich den Bug das wenn ich auf die Platform springen will, dass das ganze freezt. ich habe aber auch keine ahnung, wo jetzt mein fehler liegt. ich habe mir deinen Code zu meinem verglichen, und es sieht zeile für zeile identisch aus. Aber woran kann das nun liegen? Weis nicht ob es hilft, aber ich schmeiß mal alles hier mit rein in einem Kommentar, villt. findet sich ja der fehler.

    • @Snake190290
      @Snake190290 4 месяца назад

      let player; // 360 | 455
      let jumpForce = 0;
      let movement = 0;
      let ground;
      let platform;
      function setup() {
      createCanvas(720, 480);
      player = createVector(width / 2, height - 50);
      platform = createVector(560, 370);
      ground = height - 50;
      }
      function draw() {
      background('DeepSkyBlue');
      rectMode(CENTER);
      fill('white')
      rect(player.x, player.y, 50, 50)
      fill('brown');
      rect(platform.x, platform.y, 150, 20)
      player.y += jumpForce;
      player.x += movement;
      if (player.y >= ground) {
      jumpForce = 0;
      } else if (
      player.x + 25 >= platform.x - 75 &&
      player.x - 25 = playform.y - 10 &&
      player.y + 25 = ground || player.y == platform.y - 35)){
      jumpForce =-12;
      }
      if (keyIsDown(LEFT_ARROW)){
      movement = -5;
      } else if (keyIsDown(RIGHT_ARROW)){
      movement = +5;
      } else {
      movement = 0;
      }
      }

    • @Sagittarius182
      @Sagittarius182 4 месяца назад

      @@Snake190290 probier mal >> if (keyIsDown(32) && (player.y >= ground || player.y == platform.y - 35)){
      jumpForce =-12;
      } jumpforce =-12 in >> jumpforce = -12 (mit leerzeichen dazwischen zu ändern.

    • @Sagittarius182
      @Sagittarius182 4 месяца назад

      @@Snake190290 Du hast einen Tippfehler drinnen >>
      ' player.x + 25 >= platform.x - 75 &&
      player.x - 25 = playform.y - 10 &&
      player.y + 25

  • @perparimmiftari8033
    @perparimmiftari8033 17 дней назад

    halo junus wie füge ich die zeile ein es ist nicht drin wenn man ein gibt index.html dan ! ( meta http-equiv= x-ua-compatible content= ie=edge ) vscode program danke

  • @TheNoobOriginal
    @TheNoobOriginal 4 месяца назад

    Hall ich wollte fragen ob sie vielleicht mal ein tutorial machen könnten wie man mit Javascript ein Text basierten Spiel programmiert 😊

  • @Adrealise
    @Adrealise 4 месяца назад

    Wahnsinn! Super Content. Danke, danke und danke für die vielen Videos übers Programmieren. ☺

  • @endermax7735
    @endermax7735 4 месяца назад

    Kannst du dein Discord bot Tutorial nochmal updaten

  • @elite_lxcatv6960
    @elite_lxcatv6960 4 месяца назад +1

    Moin...
    Kann mir jemand helfen ?
    kann man irgendwie die IF abfragen von den Plattformen alle in einer IF abfrage kombinieren damit es übersichtlicher ist sonst hat man immer für jede Plattform eine IF Abfrage.

    • @Sagittarius182
      @Sagittarius182 4 месяца назад

      Ja, mit 'Else if' 😜 Mit If-Abfragen in den If-Abfragen wird es schwierig, denn um die If's in den If's Bedingungen zu prüfen müßten ja die Bedingungen der äußeren If's zuteffen, damit diese geprüft werden.

  • @heuerspitstop
    @heuerspitstop 3 месяца назад

    NACHTRAG: Ich habe jetzt sogar alles Copy Paste in VSC reingetan und nichts, eindeutig ein Bug eurerseits, nur die Frage, warum haben es andere angeblich geschafft?! Daumen runter um vielleicht Aufmerksamkeit zu erregen, die haben ja viel zutun und ja Fehler passieren jedem, der Daumen ist wieder oben sobald etwas dazu gesagt wird. ✌😉
    Was schade ist, dass hier ein Fehler auftritt, aber nicht auf die Kommentare eingegangen wird. Das Videos ist leider einfach nutzlos,, wenn man schon bei der Farbe des Hintergrundes scheitert. Und nein es liegt nicht an mir. Ich habe es 1 zu 1 abgeschrieben und kontrolliert 10 Mal in VSC und im Browser VSC.
    Was ist denn da los 😀 Ich werde irre, bekomme so ein nerviges Jucken auf der Hirnhaut ^^

    • @Programmierenlernen
      @Programmierenlernen  3 месяца назад

      Hi, kannst du noch einmal erklären, was dein Problem ist? Wir haben in unserem Team auch noch einmal den Code ausprobiert. Bei uns scheint alles fehlerfrei zu klappen, wenn wir den Code von GitHub 1:1 in VSC kopieren.

  • @f_cfox
    @f_cfox 4 месяца назад

    Ok 👌
    Erster btw

    • @Computer-Liebhaber
      @Computer-Liebhaber 4 месяца назад

      Auser den Bots

    • @Programmierenlernen
      @Programmierenlernen  4 месяца назад +1

      Bots sind jetzt alle gemeldet, hoffentlich bekommt RUclips das mal in den Griff.

    • @Computer-Liebhaber
      @Computer-Liebhaber 4 месяца назад

      @@Programmierenlernen ich melde sie auch jedes Mal. Ich habe schon so um die 300 gemeldet schätze ich!
      Ich melde sie einfach als Spam. Ich hoffe, das melden als Spam ist ausreichend.