Juste comme un débutant en Javascript j'essaye de créer un code pour permettre à un objet de monter et descendre l'axe y et x avec le

Question

juste comme un débutant en Javascript, j'essaye de créer un code à permet à un objet de se déplacer sur les axes y et x avec la réponse appropriée aux touches directionnelles. Comment vais-je faire?

Answer 1

Je ne sais pas si vous essayez de faire bouger l'objet sur un élément <canvas> ou de changer sa position DOM, mais je peux vous aider avec les événements de clavier.

Voici un extrait de code que vous pouvez utiliser pour charger l'événement et le manipuler:

// Load a document key down event 
document.addEventListener("keydown", keyDown, false); 

// Function to register and handle the event 
function keyDown(e) { 
    var k = e.keyPressed; 
    if (k === 37) console.log("Left key"); // Or whatever code you have 
    else if (k === 38) console.log("Up key"); 
    else if (k === 39) console.log("Right key"); 
    else if (k === 40) console.log("Down key"); 
} 

Notez que vous aurez besoin de connaître les codes clés pour que cela fonctionne. J'ai écrit une petite fonction que vous pouvez utiliser pour obtenir le code clé d'une touche enfoncée:

document.addEventListener("keydown", keyDown, false); 

function keyDown(e) { 
    document.write(e.keyCode); 
} 

est ici un JSFiddle. EDIT: Pour que le violon fonctionne, vous devrez peut-être cliquer à l'intérieur de la fenêtre "Résultat". Puisque je ne sais pas si vous voulez la manipulation DOM, une méthode <canvas>, ou quelque chose d'autre, tout ce que je peux vous aider est les événements clés. Cependant, j'espère que je vous ai envoyé dans la bonne direction. Bonne chance!