Jeu Malharhak2

<!DOCTYPE HTML>
<html>
<head>
<style>
#kevinou
{
     border : 1px solid black;
}
</style>
</head>
<body onKeyDown='keyDown(event)' onKeyUp='keyUp(event)'>
<div id="kevin" style="position:absolute;width:16px;height:18px;"></div>
<div id="kevinou" style="position:absolute;width:300px;height:300px;"></div>
<script>
x = 20;
y = 20;
left = 0;
right = 0;
up = 0;
bot = 0;

kevin = document.getElementById('kevin');
kevin.style.backgroundImage = 'url("playerTileSet.png")';
gameplayLoop();

// 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 + "px";
kevin.style.top = y + "px";

/*
    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)
    {
        up = 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)
    {
        up = 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 > 6))
    {
        x -= 5; // Déplace le joueur de - 5 sur x (donc vers la gauche)
    }
    if ((right == 1)&& (x < 300))
    {
        x += 5;
    }
    if ((up == 1)&& (y > 6))
    {
        y -= 5;
    }
    if ((bot == 1) && (y < 300))
    {
        y += 5;
    }
}
</script>
</body>
</html>