Game Steuerung

one6666

Mitglied Titanium
Hallo,

Nachtrag:
ich habe es nun so gemacht, das für jede Bewegung ein eigener zähler ins Spiel kommt, Thema ist erledigt:)


habe wieder 2 große Baustellen hier und finde keine wirkliche Antwort, vielleicht hilft nur ein kleiner Denkanstoß,
aber mal noch weiß ich garnicht wie ich weiter komme :(

Ich würde mir gerne eine Game Steuerung bauen, die ein Auto mit den Pfeiltasten bewegt,
also für das erkennen der Pfeiltasten hab ich mir schon was gebaut, ich erkenne wann jemand welchen Pfeil drückt, und wann er ihn wieder los liest :)
Auch für die Bewegungen ist vorgesorgt :-)

Hier einmal der halb fertige Coder der mein Auto später bewegen soll :

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Objekt Bewegen</title>

  <script type="text/javascript">
  
    function bewegung(parameter){
	  
	  //Startwert Prüfen/Vergeben
	  
	  if(typeof parameter == "undefined"){
	  
	    parameter = 0; 
	  
	  }
	  
	  // Hochzählen 
	  
	  if(parameter < 745){
	  
	    parameter = parameter + 5;
	  
	    document.getElementById("bewegungs_objekt").style.left= parameter + "px";
	  
	    window.setTimeout("bewegung(" + parameter + ")", 10);
		
	  }
	  
	}
  
  </script>
  
  <style type="text/css">
	.spiel_flaeche{
		background:url(spiel_flaeche.png);
		width:800px;
		height:600px;
		margin:100px auto;
	}
	.auto{
		position:relative;
		width:55px;
		height:20px;
	}
  </style>

</head>

<body>
  
  <div class="spiel_flaeche">
  
    <img class="auto" onclick="bewegung()" id="bewegungs_objekt" src="auto.png" />
    
  </div>

</body>
</html>

Hier eine Live Demo (Nur das Auto anklicken) http://media-volex.de/steuerung/objekt_bewegen.html

So und nun zu letzt meine Auswertung der Tasten:

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Steuerung</title>

  <script type="text/javascript">

  function tastendruck_auf(parameter){
    
	if(parameter.which == "38"){ // Pfeil nach Oben 
	
	  document.getElementById("hoch").src = "button_hover.png";
	  
	}else if(parameter.which == "40"){ // Pfeil nach Unten
		
	  document.getElementById("runter").src = "button_hover.png";
	  
	}else if(parameter.which == "37"){ //Pfeil nach Links
		
	  document.getElementById("links").src = "button_hover.png";
	  
	}else if(parameter.which == "39"){ // Pfeil nach Rechts
		
	  document.getElementById("rechts").src = "button_hover.png";
	  
	}
	
  }
  
  
  function tastendruck_ab(parameter){
	  
	if(parameter.which == "38"){ // Pfeil nach Oben 
	
	  document.getElementById("hoch").src = "button.png";
	  
	}else if(parameter.which == "40"){ // Pfeil nach Unten
		
	  document.getElementById("runter").src = "button.png";
	  
	}else if(parameter.which == "37"){ //Pfeil nach Links
		
	  document.getElementById("links").src = "button.png";
	  
	}else if(parameter.which == "39"){ // Pfeil nach Rechts
		
	  document.getElementById("rechts").src = "button.png";
	  
	}
	  
  }
  

  document.onkeydown = tastendruck_auf; // function für das drücken der Tasten 
  
  document.onkeyup = tastendruck_ab; // function für das loslassen der Tasten
 
  </script>

</head>

<body>

  <table>
    <tr>
      <td align="center" colspan="3"><img id="hoch" src="button.png" /></td>
    </tr>
    <tr>
      <td><img id="links" src="button.png" /></td>
      <td><img id="runter" src="button.png" /></td>
      <td><img id="rechts" src="button.png" /></td>
    </tr>
  </table>

</body>
</html>

Live Demo (erstmal nur Firefox optimiert) http://media-volex.de/steuerung/steuerung.html

Wollte jetzt wie folgt vorgehen:
wenn jemand eine Taste bewegt soll die Bewegungs Funktion aufgerufen werden, und an bei in welche Richtung,
aber da habe ich schon ein Problem wie übergebe ich einen weiteren Parameter an die Funktion ohne das er den anderen Parameter nicht im Weg steht,
da ich ja nicht (Parameter1, Parameter2) übergebe sondern einmal die Funktion aufrufe von einer stelle mit einen Parameter und dann von einer anderen Stelle.

das wäre jetzt erstmal die erste wichtige Frage :)
 
Zuletzt bearbeitet:

Neue Beiträge

Zurück