an die script experten: wie javascript game beschleunigen?

ich habe mir für meine webseite ein pingpong game von kostenlose javascripts.de kopiert. das game soll für zwichendurch sein und trotzdem spaß machen. aber es läuft so langsam dass es keine herausforderung ist, den ball zu erwischen bevor er ins aus geht. wie kann man das game also beschleunigen?

https://www.kostenlose-javascripts.de/javascripts/spiele/pong/

1 Antwort

Vom Beitragsersteller als hilfreich ausgezeichnet

JanaL161

22.11.2024, 01:18

Am besten nochmal neu schreiben. Dieses Spiel ist wirklich schlecht gemacht.

Leider steht auch keine Lizenz dabei, weshalb es mir nicht erlaubt ist, das Spiel abzuändern und weiterzuverbreiten.

Sonst musst du eine Variable einführen `var speed = 2;` und jedes Aufkommen ersetzen:

ball_[x]-- → ball_[x] -= speed
ball_[x]++ → ball_[x] += speed

Damit reagieren die Balken aber zu langsam, weshalb auch hier ein Multiplikator eingeführt werden muss (am besten separat, sodass die Geschwindigkeiten miteinander abgestimmt werden können)

Woher ich das weiß:eigene Erfahrung – Langjähriger Poweruser & praktische Programmiererfahrung

anonym200886

Beitragsersteller

22.11.2024, 02:13

danke dass du dir die zeit genommen hast das durchzugucken. das alles abzuändern hat nicht sooo lange gedauert und alleine dadurch ist das pingpong spiel schon um einiges besser.

slaxxer

22.11.2024, 11:40

@anonym200886

eine Canvas variante wäre responsiver

Ähnliche Beiträge

LUA Script Code für Ping Pong Game?

Wollte in LUA eine Art Ping Pong Spiel programmieren. Aber wie könnte man einen Script-Code schreiben, das die "barriere" den Winkel des Balles erkennt und ihn im selben wieder zurückschlägt?

Bei Unverständlichkeit nachfragen^^

...zum Beitrag

Pinball-Game / JavaScript: Wie kann ich die Kollisionserkennung implementieren?

Hallo zusammen,

ich muss für die Uni ein kleines Single Page 2D-Spiel entwickeln. Die Backend REST-API mit Python, das Frontend mit HTML/CSS, die Logik mit JavaScript. Die Animationen sollen wir selbst entwickeln und nicht z.B. von canvas-Objekten übernehmen.

Ich versuche zurzeit ein Pinball-Spiel (Flipper-Automaten) und habe das Grundgerüst mit CSS gebaut. Nur habe ich mir die Kollisionserkennung deutlich leichter vorgestellt, als sie wahrscheinlich ist.

So sieht das Spielfeld momentan aus:

Die JavaScript-Logik sodass der Ball im Spielfeld bleibt, ist ja recht simpel:

  var ball = document.getElementById('ball');
  var playArea = document.getElementById('play-area');
  var ballRadius = 10;
  var playAreaWidth = playArea.offsetWidth; // 600
  var playAreaHeight = playArea.offsetHeight; // 820
  var ballX = playAreaWidth / 2; // Startposition des Balls in der Mitte des Spielfelds
  var ballY = playAreaHeight / 2; // X = 300, Y = 410
  var ballSpeedX = 3; // Geschwindigkeit des Balls in horizontaler Richtung
  var ballSpeedY = 3; // Geschwindigkeit des Balls in vertikaler Richtung
  
  function updateBallPosition() {
    // Aktualisiere die Position des Balls basierend auf der aktuellen Geschwindigkeit
    ballX += ballSpeedX;
    ballY += ballSpeedY;
  
    if (ballX + ballRadius > playAreaWidth || ballX - ballRadius < 0) {
      ballSpeedX *= -1; // Richtungswechsel in der horizontalen Richtung
    }
  
    if (ballY + ballRadius > playAreaHeight || ballY - ballRadius < 0) {
      ballSpeedY *= -1; // Richtungswechsel in der vertikalen Richtung
    }
  
    // Setze die neue Position des Balls
    ball.style.left = ballX + 'px';
    ball.style.top = ballY + 'px';
  }
  
  // Aktualisiere die Position des Balls alle 16 Millisekunden (ca. 60 Frames pro Sekunde)
  setInterval(updateBallPosition, 16);
}

Aber wie man es implementiert, sodass der Ball von den Hindernissen und Banden richtig abprallt, sodass ein Richtungswechsel entsteht, habe ich noch nicht wirklich verstanden. Hätte da jemand eine Idee oder Erfahrung, wie man hier an die Kollisionserkennung herangehen könnte?

LG und danke im Voraus. :)

...zum Beitrag

Wann könnte die Version HTML6 kommen und damit einer weiteren weniger Notwendigkeit von JavaScript-Ergänzungen?

...zum Beitrag

Wie lautet der Code für den Punktestand in PingPong bei Python?

Ping Pong Spiel in Python
deutscher Code , für den Spielstand
also wenn ein Tor fällt …
der Spielstand soll angezeigt werden

...zum Beitrag

Lua: Wie kann ich "You are poor" in der Konsole ausgeben lassen, wenn der Spieler kein Geld hat?

Hallo zusammen,

ich lerne gerade Lua und wollte fragen, warum das bei mir auftaucht

Das Skript soll so funktionieren, dass in der Konsole You are poor geschrieben wird, sobald der Spieler 0 Money hat. Kann mir jemand weiterhelfen?

...zum Beitrag

Wie führe ich Skripte auf Python aus?

Hi meine Freunde, ich habe heute mein ersten Skript geschrieben als Anfänger, ich m öchte dieses Skript ausführen weiß leider nicht wie das auf Python funktioniert. Wäre wirklich Extrem Dankbar wenn jemand mir dabei helfen kann.

...zum Beitrag

Würdet ihr dieses Projekt als "fortgeschritten" bezeichnen?

Hi! Seit einigen Jahren "lerne" ich javascript. Hab viele Pausen gehabt und nie wirklich was größeres entwickelt. Das ist mein erstes etwas grösseres Projekt, welches ein mobile game ist:

https://github.com/MyCodeNotWorking/Ballon_game

online testen (wenn ihr auf pc seid: developer tools -> in die Handy ansicht gehen -> Seite refreshen):

https://fly-balloon.netlify.app/ (ist nh absolute early development version).

Notes: ich hab kein einziges framework oder library benutzt. Alles wurde von grund auf geschrieben. Wie würdet ihr meine Kenntnisse anhand dieses githubs bewerten? Ich würde es als Anfänger-javascript einranken. Kann es halt gar nicht einschätzen, da ich noch nie wirklich "professionelles" angeschaut habe und es auch nur als hobby mache.

Mfg Weißbrot

...zum Beitrag

Automate - Android | Wie poste ich Variablen per HTTP-Request / Wie kann ich Variablen in die URL einbauen (GET)?

Moinsen, es geht um die App

https://play.google.com/store/apps/details?id=com.llamalab.automate

In dieser würde ich gerne einen Flow erstellen, der meine aktuelle IP an meinen Server schickt. Dies soll per POST oder GET geschehen. Ich habe aber das Problem, das meine IP die ich erst abfrage, dann nicht in der URL einfügen kann domain.tld/script.php?IP=23.13.12.123 <-- die IP dann als Variable.

Oder alternativ, wahrscheinlich sogar etwas besser, da nicht alles irgendwo in Logs auftaucht, per POST.

Bin mit Automate noch nicht ganz so vertraut, was Variablen an geht und die Umsetzung mancher Flows allgemein.

Bitte nicht einfach nur den Link zum HTTP Request Example schicken. Das ist für mich kein Example. Ich brauche was brauchbares, indem einfach gezeigt wird, wie man ne blöde Variable an meinen Server schickt. Kann ja eigentlich nicht so schwer sein. Komme mir voll dumm vor deswegen. Wahrscheinlich hab ich einfach nur n Brett vorm Kopf.

Wie gesagt, am besten ein Beispiel, wo ich was genau eintragen muss, um die Variable IP und die Variable z.B. XYZ mit dem zugewiesenen Wert an den Server schicke.

Danke schon Mal im Voraus.

MfG

...zum Beitrag

Batch Script in "richtiges" Programm umwandeln?

Hi,
ist es irgendwie möglich ein Vorhandenes Batch Script in ein "normales" c# windows forms app Programm / code zu konvertieren?
Bei meinem Script müsste dann zwar von den Funktionen her viel neu gemacht werden, dessen bin ich mir bewusst.
Ist aber grundsätzlich möglich oder ist es das nicht?

...zum Beitrag

Bashskript Problem?

#!/bin/bash

echo "Typ des Betriebssystems = $OSTYPE"

# If-Schleife, die das Betriebssystem erkennt und den Pfad zum überwachten Ordner oder Datei festlegt

if [[ "$OSTYPE" == "linux-gnu"* ]]; then
    BASE_DIRECTORY="Linux-Ordner" 

elif [[ "$OSTYPE" == "darwin"* ]]; then
    BASE_DIRECTORY="/Users/name/Library/CloudStorage/GoogleDrive-eineemail@gmail.com/Meine Ablage/Uni/TestOrdner" 

elif [[ "$OSTYPE" == "win32" || "$OSTYPE" == "msys" || "$OSTYPE" == "cygwin" ]]; then
    BASE_DIRECTORY="/g/Meine Ablage/Uni/TestOrdner" 
    echo "Das Betriebssystem ist unbekannt."
    exit 1
fi

Ausgabe beim Ausführen des Skripts:

"Typ des Betriebssystems = msys

Das Betriebssystem ist unbekannt."

Die erste Zeile ist korrekt, aber die zweite Zeile sollte so nicht sein. Ich bin auf meinem WindowsPC und habe einen existenten Pfad eingefügt. Dennoch erkennt das Skript das Betriebssystem nicht.

...zum Beitrag

Warum printet er das "Nochmal Test" nicht? (Lua)?

Nachdem der Zähler im Output Fenster 10 erreicht, soll er nicht mehr "Test", sondern "Nochmal Test" rein schreiben - macht er halt nicht.

Kann mir da jemand helfen? (Lua, Roblox Studio)

Vielen Dank

...zum Beitrag

Gibt es Lua Kurse?

Am besten kostenlos und in leichter Sprache.

...zum Beitrag

Wie ändere ich das Design (html) des mittleren Mauszeigers (mittlere Maustaste drücken um zu scrollen),den sogenannten scroll cursor für alle Webseitenbesucher?

den normalen Mauszeiger (pointer)/ Pfeil schaffe ich selbst zu verändern in html, aber nicht den Mauszeiger; wenn ich die mittlere Maustaste drücken zum scrollen

dieses Standarddesign für alle Webseitenbesucher in ein individuelles Design ändern:

...zum Beitrag

Datei welche beim öffnen den Standort und eine Foto verschicken soll?

Hallo liebe Gute Frage Community,

Ich hatte mal so ein Video gesehen bei dem einer von einem Betrüger über Whats App angeschrieben worden ist. Der Betrüger hat sich wie man s kennt als Sohn/Tochter ausgegeben und hatte Geld verlangt. Die Person aus dem Video hatte ihm dann eine Datei mit dem angeblichen Bankdaten zugesendet. Natürlich waren dies keine Bankdaten, sondern eine Datei die beim öffnen den Standort des Betrügers und ein Foto über die Handy Kamera versendet.

Ich wüsste gerne wie so etwas funktioniert. Gibt es vorgefertigte Scripts für solche speziellen Anliegen?

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen