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

No:17398

Un jeu de moto qui dois sauter sur des cafés
Developer User3879｜Date and time 23/9/23 7:03:52
Build time 31.145 sec｜Game capacity 4.281KB｜

Script

Jeux de Moto

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Jeux de Moto</title>
</head>
<body>
    <h1>Jeux de Moto</h1>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Créez le joueur
        let player = {
            x: 200,
            y: 360,
            width: 40,
            height: 40,
            speed: 5,
            jumping: false
        };

// Créez les cafés
        let cafes = [
            { x: 60, y: 380, width: 30, height: 30 },
            { x: 180, y: 380, width: 30, height: 30 },
            { x: 300, y: 380, width: 30, height: 30 }
        ];

// Écoutez les touches de déplacement
        document.addEventListener("keydown", handleKeyDown);
        document.addEventListener("keyup", handleKeyUp);

// Définissez l'état des touches de mouvement
        let rightPressed = false;
        let leftPressed = false;

// Fonction de manipulation de la touche enfoncée
        function handleKeyDown(event) {
            if (event.key === "ArrowRight") {
                rightPressed = true;
            }
            else if (event.key === "ArrowLeft") {
                leftPressed = true;
            }
            else if (event.key === "ArrowUp") {
                if (!player.jumping) {
                    player.jumping = true;
                    jump();
                }
            }
        }

// Fonction de manipulation de la touche relâchée
        function handleKeyUp(event) {
            if (event.key === "ArrowRight") {
                rightPressed = false;
            }
            else if (event.key === "ArrowLeft") {
                leftPressed = false;
            }
        }

// Fonction de saut du joueur
        function jump() {
            let jumpCount = 0;
            let jumpInterval = setInterval(function () {
                player.y -= 5;
                jumpCount++;

if (jumpCount >= 20) {
                    clearInterval(jumpInterval);
                    fall();
                }
            }, 20);
        }

// Fonction de chute du joueur après le saut
        function fall() {
            let fallCount = 0;
            let fallInterval = setInterval(function () {
                player.y += 5;
                fallCount++;

if (fallCount >= 20) {
                    clearInterval(fallInterval);
                    player.jumping = false;
                }
            }, 20);
        }

// Vérifiez les collisions entre le joueur et les cafés
        function checkCollisions() {
            for (let i = 0; i < cafes.length; i++) {
                let cafe = cafes[i];

if (player.x < cafe.x + cafe.width &&
                    player.x + player.width > cafe.x &&
                    player.y < cafe.y + cafe.height &&
                    player.y + player.height > cafe.y) {
                    cafes.splice(i, 1); // Supprimez le café en cas de collision
                }
            }
        }

// Dessinez le joueur et les cafés sur le canvas
        function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Dessinez le joueur
            ctx.fillStyle = "#0095DD";
            ctx.fillRect(player.x, player.y, player.width, player.height);

// Dessinez les cafés
            ctx.fillStyle = "#FF0000";
            for (let i = 0; i < cafes.length; i++) {
                let cafe = cafes[i];
                ctx.fillRect(cafe.x, cafe.y, cafe.width, cafe.height);
            }
        }

// Fonction de mise à jour des positions du joueur et des cafés
        function update() {
            if (rightPressed && player.x < canvas.width - player.width) {
                player.x += player.speed;
            }
            else if (leftPressed && player.x > 0) {
                player.x -= player.speed;
            }

draw();

// Vérifiez les collisions après chaque mise à jour
            checkCollisions();

requestAnimationFrame(update);
        }

update();
    </script>
</body>
</html>