Nicht ganz, es soll ja so sein, wenn ich einmal Rechte Pfeiltaste drücke, dass er ohne anhalten weiter geht.
Beiträge von KyuubiDDragon
-
-
Hey danke für die Antwort.
Ich selber habe schon Probiert, dass wenn ich eine Funktion einfüge die das macht, allerdings funktioniert das nur so halb abgehackt.
Mein Lehrer selber sagt, dass wir uns jegliche Hilfe nehmen dürfen, wo wir wollen.
Solange es zum Schluss funktioniert.Was ich mich spezifisch frage, wie ist es möglich eine Funktion in ein if /else if statement einzufügen. Habs halt nur so probiert:
x hab ich zu ner Variablen gemacht die den Keycode mit onkeydown reingibt.
max = window.innerWidth
und x3 sollen die Pixel sein.JavaScript
Alles anzeigenif (x == 39) { function nachRechts() { function nachRechts() { for (var rechts = 0; x3 < max ; rechts++) { var x2 = parseInt(document.getElementById("image").style.left); x2++; document.getElementById("image").style.top = x2 + "px"; if (x >= window.innerHeight) { var x3 = x2 + 5; document.getElementById("image").style.left = x3 + "px"; } } } } }Würde mich echt freuen für eine kleine Hilfestellung und inspiration.
Denn ich schaue mir den Code immer so an, dass ich ihn verstehe. Ich verwende ihn nie ganz wie er mir vorgegeben wird, sondern baue ihn so um dass auch ich ihn verstehe. -
Guten Tag, wir machen in der Schule ein Projekt wo wir Space Invaders programmieren.
Allerdings häng ich grad bei einer Aufgabe fest, bei dieser Aufgabe geht
es darum, dass wenn man einmal die Pfeiltaste nach Rechts klickt, er
automatisch bis zumSchluss des Fenster weiter geht.Wenn man ein 2tes mal nach Rechts klickt, soll er doppelt so schnell weiterlaufen.
Wenn ich jetzt jedoch nach Links drücke, soll er Stoppen. Und erst dann
wenn ich danach wieder nach Links drücke immer soviele Pixel weiter
gehen bis zum Schluss.Wenn er nun zB nach Rechts läuft und ich drücke nach unten soll er nach rechts und nach unten laufen.
Dies soll alles in den Code eingebaut werden:
[HTML]<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bild bewegen</title><script type="text/javascript">
function myFunction(event) {
var x = event.keyCode;
var image = document.getElementById("image");
var top = parseInt(image.style.top);
var left = parseInt(image.style.left);if (x == 37 && left > 0) {
image.style.left = left - 10 + 'px';
}else if (x == 38 && top > 0) {
image.style.top = top - 10 + 'px';
}else if (x == 39 && left + image.width + 10 < window.innerWidth) {
image.style.left = left + 10 + 'px';
}else if (x == 40 && top + image.height + 10 < window.innerHeight) {
image.style.top = top + 10 + 'px';
}}
</script>
<style>
#image {
position: absolute;
width: 119px;
height: 55px;
}
</style>
</head>
<body onkeydown="myFunction(event)">
<img src="Starwars-Zerstoerer.gif" id="image" style="position:absolute;top:0px;left:0px;bottom:0px;" />
</body>
</html>[/HTML]Danke im vorraus.