tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
0
ZUGRIFFE
173
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 14.03.10 15:53 #1
    Avatar von one6666
    one6666 one6666 ist offline Mitglied Titanium
    Registriert seit
    Jan 2010
    Ort
    Nordrhein-Westfalen
    Beiträge
    175
    Blog-Einträge
    1
    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-Code:
    <!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-Code:
    <!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
    Geändert von one6666 (14.03.10 um 18:26 Uhr)
     
    Flash rocks!

    Apple baut Möbel für Mädchen.
    Mädchenmöbel müssen keine Funktion erfüllen sondern hübsch sein.
    Nur Mädchen kaufen Apple. Manche Mädchen sind halt in einem
    Männerkörper gefangen.
    Zitieren Zitieren
« Wie funktioniert Ajax in Smarty Templates? | Suche JS-Framework für kleine Spielereien »

Ähnliche Themen

  1. Bannerwerbung mit Steuerung
    Von louS im Forum Flash Plattform
    Antworten: 1
    Letzter Beitrag: 15.11.08, 12:01
  2. USB Steuerung
    Von hagbard_celine im Forum Hardware
    Antworten: 0
    Letzter Beitrag: 24.12.06, 15:26
  3. Steuerung importierter .swf ´s
    Von thomthom im Forum Flash Plattform
    Antworten: 4
    Letzter Beitrag: 01.10.04, 23:51
  4. MC steuerung
    Von tim-pong im Forum Flash Plattform
    Antworten: 1
    Letzter Beitrag: 18.03.04, 14:23
  5. Moviclip Steuerung
    Von danieldagobert im Forum Flash Plattform
    Antworten: 1
    Letzter Beitrag: 08.02.04, 19:00