Jak odczytać zdarzenie keypress (keydown) bez przerwy Opcje

[clameur]

Witam, mam taki problem.

Ma taki fragment kodu:

[HTML] pobierz, plaintext 
 $(document).keydown(function(e)
 
      {
       if (e.keyCode==37){
         // zrob cookolwiek
       }
      }  
 
  );
[HTML] pobierz, plaintext 

Powyższy kod działa tak, że jak naciskam szczalkę w lewo to się wykonuje coś, również jak ją prztrzymam. Mój problem polega na tym, że jak trzymam strzałkę w lewo, ciągle się wykonuje kod, i jak w trakcie trzymania tej strzalki nacisnę coś innego to już ten kod się nie wykonuje.

Aby to prościej zobrazować chce uzyskać efekt chodzenia i skakania w grze, że trzymam strzałkę chodzenia cały czas, i w między czasie mogę podskoczyć ale aby nie przestawać iść. Jak to wykonać ? Próbowałem przez keypress ale działa tak samo jak keydown (przynajmniej ja nie widzę różnicy. Jak rozwiązać mój problem ? Jakieś pomysły ?

[Crozin]

Źle zabrałeś się do problemu. Nie możesz wykonywać akcji w momencie wciśnięcia przycisku. W takim przypadku prędkość poruszania się gracza byłaby uzależniona od tego, jak często system operacyjny ponawia zdarzenie "keydown"/"keypress".

Powinieneś nasłuchiwać na zdarzenia keydown oraz keyup i w obu kolejno zapisywać informację o wciśnięciu przycisku w jakiejś tablicy/obiekcie i usunięciu jej. Na tym powinna zakończyć się rola tego fragmentu programu. Samo wykonywanie logiki gry powinno zostać przeniesione do tzw. głównej pętli, gdzie będziesz aktualizował stan gry (np. pozycja gracza) i aktualizował interfejs w przypadku konieczności. Sama pętla powinna wykonywać się:
1) Ze stałą prędkością, np. 60 FPS
2) Tak szybko jak to tylko możliwe (uwzględniając faktyczny czas wykonania pojedynczej iteracji), ale nie szybciej niż X FPS-ów (nie ma sensu katować komputera 1500 FPS-ami przy prostej grze).
3) Jeżeli gra nie potrzebuje aktualizować swój stan jedynie w przypadku jakiś zdarzeń od użytkownika, w obu listenerach na ich końcu możesz wywołać funkcję odświeżającą grę.

Przykład: http://jsfiddle.net/adqcL/ (z wykorzystaniem jQuery)

[JAVASCRIPT] pobierz, plaintext 
var keyMap = {};
var cnt = 1;
 
$(window).on("keydown", function(e) {
    keyMap[e.keyCode] = true;
});
 
$(window).on("keyup", function(e) {
    delete keyMap[e.keyCode];
});
 
window.setInterval(function() {
    $("<p />").text(cnt + ": " + window.JSON.stringify(keyMap)).prependTo(window.document.body);
    cnt++;
}, 500);
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował Crozin 24.03.2014, 21:59:14