AI game creator

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

No:24241

←

Prev Next

→

particle
Developer User11370｜Date and time 23/11/6 18:59:14
Build time 41.965 sec｜Game capacity 2.493KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Pictogram Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

const player = {
            x: canvas.width / 2,
            y: canvas.height - 50,
            width: 50,
            height: 50,
            speed: 7
        };

const enemy = {
            x: Math.random() * (canvas.width - 50),
            y: 0,
            width: 50,
            height: 50,
            speed: 3
        };

let score = 0;

function drawPlayer() {
            const playerImg = new Image();
            playerImg.src = "pictogram-player.png";
            context.drawImage(playerImg, player.x, player.y, player.width, player.height);
        }

function drawEnemy() {
            const enemyImg = new Image();
            enemyImg.src = "pictogram-enemy.png";
            context.drawImage(enemyImg, enemy.x, enemy.y, enemy.width, enemy.height);
        }

function update() {
            context.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer();
            drawEnemy();

enemy.y += enemy.speed;

if (enemy.y > canvas.height) {
                enemy.x = Math.random() * (canvas.width - enemy.width);
                enemy.y = 0;
                score++;
            }

if (isColliding(player, enemy)) {
                alert("Game Over!\nScore: " + score);
                window.location.reload();
            }

requestAnimationFrame(update);
        }

function isColliding(rect1, rect2) {
            if (rect1.x < rect2.x + rect2.width &&
                rect1.x + rect1.width > rect2.x &&
                rect1.y < rect2.y + rect2.height &&
                rect1.y + rect1.height > rect2.y) {
                return true;
            }
            return false;
        }

document.addEventListener("keydown", movePlayer);

function movePlayer(event) {
            if (event.key === "ArrowLeft" && player.x > 0) {
                player.x -= player.speed;
            } else if (event.key === "ArrowRight" && player.x < canvas.width - player.width) {
                player.x += player.speed;
            }
        }

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