Jeux multiples avec des armes et des mode's game

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

No:50209

←

Prev Next

→

Jeux multiples avec des armes et des mode
Developer User21267｜Date and time 24/3/8 2:55:19
Build time 9.047 sec｜Game capacity 2.056KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Jeux des armes</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

let playerX = 50;
        let playerY = 50;

let enemyX = 700;
        let enemyY = 500;

function drawPlayer() {
            ctx.fillStyle = 'blue';
            ctx.fillRect(playerX, playerY, 50, 50);
        }

function drawEnemy() {
            ctx.fillStyle = 'red';
            ctx.fillRect(enemyX, enemyY, 50, 50);
        }

function movePlayer(x, y) {
            playerX += x;
            playerY += y;
        }

function moveEnemy() {
            enemyX -= Math.random() * 3;
            enemyY -= Math.random() * 3;
        }

function checkCollision() {
            if (playerX < enemyX + 50 &&
                playerX + 50 > enemyX &&
                playerY < enemyY + 50 &&
                playerY + 50 > enemyY) {
                alert('Game Over');
                playerX = 50;
                playerY = 50;
                enemyX = 700;
                enemyY = 500;
            }
        }

function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer();
            drawEnemy();
            moveEnemy();
            checkCollision();

requestAnimationFrame(gameLoop);
        }

document.addEventListener('keydown', function(event) {
            switch(event.key) {
                case 'ArrowUp':
                    movePlayer(0, -5);
                    break;
                case 'ArrowDown':
                    movePlayer(0, 5);
                    break;
                case 'ArrowLeft':
                    movePlayer(-5, 0);
                    break;
                case 'ArrowRight':
                    movePlayer(5, 0);
                    break;
            }
        });

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