Kart racer with timer's game

Click here for free DL of the app version that can save data.

No:21290

←

Prev Next

→

Kart racer with timer
Developer User8620｜Date and time 23/10/14 17:53:20
Build time 56.322 sec｜Game capacity 2.54KB｜

Script

0:00

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kart Racer</title>
</head>
<body>
    <div id="game-container">
        <canvas id="game-canvas" width="400" height="300"></canvas>
        <div id="timer-container">
            <h2 id="timer">0:00</h2>
        </div>
    </div>

// Variables du jeu
        var canvas = document.getElementById("game-canvas");
        var ctx = canvas.getContext("2d");
        var kart = { x: canvas.width / 2, y: canvas.height / 2, speed: 5 };
        var timerEl = document.getElementById("timer");
        var startTime = null;
        var trackImage = new Image();

// Charger l'image de la piste
        trackImage.onload = function () {
            // Commencer le jeu une fois que l'image est chargée
            startTime = Date.now();
            setInterval(updateGame, 20);
        };
        trackImage.src = "piste.png"; // Remplacez "piste.png" par le chemin de votre image de la piste

// Fonction de mise à jour du jeu
        function updateGame() {
            clearCanvas();
            drawTrack();
            updateKartPosition();
            drawKart();
            updateTimer();
        }

// Effacer le contenu du canvas
        function clearCanvas() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
        }

// Dessiner la piste
        function drawTrack() {
            ctx.drawImage(trackImage, 0, 0, canvas.width, canvas.height);
        }

// Mettre à jour la position du kart en fonction des entrées utilisateur
        function updateKartPosition() {
            // Ajoutez ici la logique de déplacement du kart en fonction des entrées utilisateur (touches ou glissement)
        }

// Dessiner le kart à sa position actuelle
        function drawKart() {
            // Dessiner le pictogramme du kart à la position (kart.x, kart.y)
        }

// Mettre à jour le chronomètre du jeu
        function updateTimer() {
            var currentTime = Math.floor((Date.now() - startTime) / 1000); // Durée en secondes
            var minutes = Math.floor(currentTime / 60);
            var seconds = currentTime % 60;

// Mettre à jour l'affichage du chronomètre
            timerEl.innerText = minutes + ":" + (seconds < 10 ? "0" : "") + seconds;
        }
    </script>
</body>
</html>