AI game creator

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

No:27148

←

Prev Next

→

Un jeu de baskett
Developer User13488｜Date and time 23/12/4 17:43:53
Build time 63.864 sec｜Game capacity 2.561KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Jeu de Basket</title>
    <style>
        body {
            text-align: center;
        }

canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
<script>
    const canvas = document.createElement("canvas");
    const ctx = canvas.getContext("2d");
    document.body.appendChild(canvas);
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;

// Chargement des images
    const backgroundImg = new Image();
    const playerImg = new Image();
    const hoopImg = new Image();

backgroundImg.src = "background.png";
    playerImg.src = "player.png";
    hoopImg.src = "hoop.png";

// Position initiale du joueur
    let playerX = canvas.width / 2;
    let playerY = canvas.height - 100;

// Position du panier
    const hoopX = canvas.width / 2 - 50;
    const hoopY = 50;

// Score initial
    let score = 0;

function draw() {
        // Dessiner l'arrière-plan
        ctx.drawImage(backgroundImg, 0, 0, canvas.width, canvas.height);
        
        // Dessiner le joueur
        ctx.drawImage(playerImg, playerX, playerY, 100, 100);
        
        // Dessiner le panier
        ctx.drawImage(hoopImg, hoopX, hoopY, 100, 100);

// Afficher le score
        ctx.fillStyle = "white";
        ctx.font = "24px Arial";
        ctx.fillText("Score: " + score, 10, 30);
    }

function update() {
        // Vérifier si le joueur a réussi à lancer la balle dans le panier
        if (playerY <= hoopY && playerX >= hoopX && playerX <= hoopX + 100) {
            score++;
            resetPlayerPosition();
        }

// Mettre à jour la position du joueur
        playerY -= 5;

// Redessiner le canvas
        draw();

// Appeler la fonction update à chaque rafraîchissement de la page
        requestAnimationFrame(update);
    }

function handleTouch(event) {
        const touchX = event.touches[0].clientX;
        const touchY = event.touches[0].clientY;
        
        if (touchY >= playerY && touchX >= playerX && touchX <= playerX + 100) {
            // Déplacer le joueur vers le haut
            playerY -= 100;
        }
    }

function resetPlayerPosition() {
        playerY = canvas.height - 100;
        playerX = Math.random() * (canvas.width - 100);
    }

// Ajouter un événement pour détecter les mouvements sur l'écran tactile
    canvas.addEventListener("touchstart", handleTouch, false);

// Lancer le jeu
    update();
</script>
</body>
</html>