Spielfiguren flüssig bewegen mit js?

Moin,

Ich würde gerne ein kleines spiel mit javascript programmieren und meine Spielfigur flüssig bewegen können. Kann ich das mit mit animate() machen? Also sowas wie wenn taste1 gedrückt wird animate div1 10 px pro Sekunde bis taste1 losgelassen wird?

2 Antworten

Vom Beitragsersteller als hilfreich ausgezeichnet

pentihunter

16.05.2021, 13:21

Joa Joa, kann man machen. Du kannst ein Event wie ne Taste easy schreiben, eine Animation sollte auch kein Problem Sein, den du kannst ja css ohne Probleme mit JavaScript steuern und in Animation von css gibt es auch eine Zeit die man einstellen kann, Verzögerung und ausführ Zeit und mehr. Probier einfach mal ein div von links nach rechts zu bewegen mit einem rasten Event. Danach kannst du dann immer noch weiter upgraden. Solltest natürlich dich mit css auskennen

Von Experte MrAmazing2 bestätigt

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, Technik, HTML

16.05.2021, 14:06

Ich weiß nicht, was du für ein Spiel geplant hast, doch wenn es schon darum geht, Elemente zu bewegen, würde ich dir doch eher dazu raten, mit der Canvas API zu arbeiten. Dazu gibt es auch praktische Bibliotheken, wie p5.js, die dir einzelne Zeichenfunktionen abnehmen oder das Input Handling (Beispiel) vereinfachen.

Ähnliche Beiträge

Spielfigur bewegen js Spiel?

Hallo

Ich habe ein Spiel für das web entwickelt. Ich habe nur das Problem das ich nicht weiß, wie ich die Spiel Figuren, zb auf einer Linie, zu dem feld bewegen kann und von dort wieder weiter.

Das Spiel feld ist nicht auf einer Linie also die Felder sind versetzt und bestehen aud zwei Kreisen. Wenn es hilf, die Figur muss am Ende auf einer div box sein. Setze es mir JavaScript um.

Danke im voraus

...zum Beitrag

Wie kann ich einen Text in JavaScript positionieren?

Moin, ich möchte die einzelnen Wörter in JS bewegen, wie geht das?

JS-Code:

var footer = `

<h2> Service-Hotline </h2>

<h2> Quellen </h2>

<h2> Anfahrt </h2>

<p></p>

<h1><a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ"> Quellenverzeichnis </a></h1>

<h1><a href="https://www.google.de/maps/place/Heischberg+6,+24329+Dannau/@54.2467622,10.5792516,17z/data=!3m1!4b1!4m5!3m4!1s0x47b263e46411918d:0xc44a9eacc772c79d!8m2!3d54.24676!4d10.5807992"> Karte </a></h1>

document.getElementsByTagName("footer")[0].innerHTML = footer;

...zum Beitrag

Wie kann man "x Sekunden warten" in JavaScript programmieren?

...zum Beitrag

Programmierer: Könnt ihr dieses Code-Rätsel lösen?

Ohne es zu googlen natürlich.

In JavaScript. (Falls ihr kein JS könnt ignoriert die Frage einfach.)

x= ...

...zum Beitrag

JavaScript-Text für 5 Sekunden ändern?

Hallo, wie muss der JS-Code lauten, wenn ich will, dass der Text von einem Button für 5 Sekunden geändert wird?

...zum Beitrag

Guter Anbieter für Domain und Web Hosting bei dem man mit HTML/CSS und JS selber seine Webseite erstellen kann?

Hallo kennt da jemand ein guter?
Es muss nur so einfach wie möglich sein aber ich will alles selber programmieren mit HTML CSS und JavaScript also sowas wie Wordpress oder ähnliches will ich gar nicht.

...zum Beitrag

Seite wird bei Weiterleitung nicht richtig angezeigt?

Hey,

Ich programmiere gerade etwas in PHP, CSS, HTML, JS... Ich habe ein Button gemacht und wenn mann auf ihn clickt soll mann weitergeleitet werden (JavaScript Funktion).

Die Weiterleitung funktioniert aber wenn mann auf der Seite ist wird nur der PHP Quell text angezeigt...

Ich bitte um hilfe!

Code:

JavaScript Weiterleitung:

<script type="text/javascript">
window.location = "login.php";
</script>

Button:

<form action="weiterleitung-login.html" method="post" class="buttons"><input type="submit" value="Einloggen" class="login"></form>

MfG Dominik

...zum Beitrag

Random Seiten anzeigen lassen (HTML/JavaScript)?

Hallo, ich will ein Quiz programmieren, damit es aber nicht langweilig wird, sollen immer neue Seiten kommen mit Fragen. (Die einzelnen Fragen mit den Seiten habe ich gemacht). Aber kann man das irgendwie Programmieren das wenn man auf ein Button gedrückt hat das dann eine zufällige HTML Seite kommt. (z.B. ich habe die Dateien 1.html 2.html 3.html) Kann ich es programmieren wenn man auf ein Button drückt dass dann entweder 1 2 oder 3 kommt? Ich habe es schwierig formoliert ich hoffe, ihr versteht es trotzdem.

Danke im Vorraus!

...zum Beitrag

Javascript - Note berechnen?

Schönen guten Abend,

ich versuche mir selber JS beizubringen und merke, dass es doch nicht ganz so einfach ist. Ich versuche ein Rechner zu programmieren, mit welche man die Zeugnisnote berechnen kann. Leider habe ich Probleme die Werte die ich ins Input-Feld eingebe in JS aufzurufen und zu verarbeiten. Würde mir jemand diesbezüglich helfen?

Bitte verzichtet darauf mir zu sagte wie einfach das sei und wie schlecht ich bin, ich will mich weiter motivieren mich weiterzubilden und mir nicht erzählen lassen wie einfach oder dass ich es doch lassen solle.

Mein JS

function berechnung(){
    var at = document.getElementById("allgemein")
    var kl = document.getElementById("klausur")
    document.getElementById("ergebnis").innerHTML = kl;
    allgemein+klausur
    console.log
}

Mein HTML

<div class="section">
            <p><h2>Notenrechner</h2></p>

            <input type="int" id="allgemein"> <br>
            <input type="int" id="klausur">
            <button onclick="berechnung()">Note berechnen</button>
            <p id=ergebnis></p>


        </div>

...zum Beitrag

Könnt ihr mir bei folgendem JavaScript Problem helfen?

programmieren ist mein jüngstes und schwierigstes hobby, ich würd mich freuen wenn ich dieses Problem lösen könnte. Ich möchte, dass jeder Name, der im Eingabefeld eingegeben wird unten erscheint.

danke im voraus.

https://jsfiddle.net/6wcf9j5e/

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <form class="guestList" action="index.html" method="post">
      <label>Your Name: </label>
      <input type="text" name="" value="..." id="nameInput;" />
      <input type="submit" name="" value="submit" onclick="pushArray();"/>
    </form>
    <div id="addName"></div>
    <script type="text/javascript" src="dailyrepead.js">
    </script>
  </body>
</html>

JS:

var guestList = [];
var count = document.getElementById("nameInput");
function pushArray() {
  guestList.push(count);
  document.getElementById("addName").innerHTML += guestList[count] +"<br>";
}

...zum Beitrag

Mit JavaScript externes Dokument(Text-Datei) lesen und umschreiben?

Hallo Leute,
Wie schon in der Frage beschrieben möchte ich mit JS eine Datei in der Zahlen/Text stehen abfragen und verändern.

Ich weiß das man es nicht einfach mit einer .txt Datei machen kann da es aus Sicherheitsgründen verhindert wird.

Zum Hintergrund: Einfach in einem Spiel Benutzer anlegen können und Münzen/Namen etc. speichern.

Bitte keine zu komplizierten Antworten, wir haben JS seit 2Monaten in der Schule(9.Klasse), haben aber bisher mehr mit Canvas gearbeitet. Grundsätzlich Programmieren können wir aber schon von Python(wo ich Dateien auch lesen und schreiben kann), Arduino(Mit Robotern, in einer AG).

Danke schonmal für eure Antworten,
Kakaobaum

...zum Beitrag

HTML CSS - Button soll 10 Sekunden nach dem Klick ausgeführt werden?

Hallo,

sobald mein Button ( HTML / CSS / (JS) ) gedrückt wird, soll stehen: "Bitte warte noch 10 Sekunden". Nach den Sekunden soll der Button ausgeführt werden.

Wie geschieht das?

...zum Beitrag

JavaScript Array Addieren?

Hallo ich programmiere gerade etwas in JS und habe jetzt das Problem das ich in einen Array alle Zahlen + 1 rechnen muss wie tuhe ich das ... danke für antworten in voraus

...zum Beitrag

JavaScript - Snake-Spiel: Wie bringe ich die Schlange dazu, zu wachsen und sich wie im Spiel zu bewegen?

Hallo,

ich möchte gerne wissen, wie ich die Schlange vom Spiel 'Snake' mit JS zum Wachsen bringe und wie man die Schlange dann noch dazu bringt, sich wie im Spiel zu bewegen.

Danke im Voraus. 🙂

...zum Beitrag

Was möchtest Du wissen?

Deinen Beitrag erstellen