Jeu Malharhak

<!DOCTYPE HTML>
<html>
<head>
</head>
<style>
</style>
<body onKeyDown='keyDown(event)' onKeyUp='keyUp(event)'>
<div id="kevin">
<script>
kevin = document.getElementById('kevin');
kevin.backgroundImage = 'url("playerTileSet.png")';
kevin.style.backgroundPosition= '30px 30px';

// J'ai ptete fait des fautes de frappe, j'ai pas testé le code.
// On considère que la position du perso est définie par les variables x et y:
// Cette fonction va se répéter toutes les 33ms, dedans tu mets le code qui gère ton jeu (affichage, déplacement, blabla)
function gameplayLoop()
{
var begin = new Date(); //Moment de début de la boucle

kevin.style.left = x;
kevin.style.top = y;
/*
    Code du jeu à éxécuter à chaque boucle (déplacements, etc)
*/
movePlayer(); // Cette fonction sera apellée à chaque passage de boucle (donc toutes les 33 ms) pour déplacer le personnage.

var end = new Date(); // Moment de fin de la boucle
delta = end.getTime() - begin.getTime();  //Delta correspond au temps que la boucle a mis à s'éxécuter. Ca permet de s'assurer que la gameplayLoop se répètera précisément toutes les 33ms

setTimeout('gameplayLoop()', 33 - delta); // Cette ligne sert à répéter la fonction gameplayloop dans un temps egal à 33 - delta
}
function keyDown(event)
{
    // Cette fonction va s'occuper d'activer une variable quand le joueur appuie sur une touche
    if (event.keyCode == 37)
    {
        left = 1; // 37 = flèche gauche
    }
    if (event.keyCode == 38)
    {
        top = 1; // 38 = flèche haut
    }
    if (event.keyCode == 39)
    {
        right = 1; // 39 = flèche droite
    }
    if (event.keyCode == 40)
    {
        bot = 1; // 40 = flèche bas
    }
}
function keyUp(event)
{
    // Cette fonction va désactiver les variables quand le joueur lache une touche.
    if (event.keyCode == 37)
    {
        left = 0; // 37 = flèche gauche
    }
    if (event.keyCode == 38)
    {
        top = 0; // 38 = flèche haut
    }
    if (event.keyCode == 39)
    {
        right = 0; // 39 = flèche droite
    }
    if (event.keyCode == 40)
    {
        bot = 0; // 40 = flèche bas
    }
}
function movePlayer()
{
    // Cette fonction va vérifier quelles touches sont activées et déplacer le joueur en conséquence. Par exemple:
    if (left == 1)
    {
        x -= 5; // Déplace le joueur de - 5 sur x (donc vers la gauche)
    }
    if (right == 1)
    {
        x += 5;
    }
    if (top == 1)
    {
        y -= 5;
    }
    if (bot == 1)
    {
        y += 5;
    }
}
</script>
</body>
</html>