At least 100 lines if code's game

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

No:52716

197

←

Prev Next

→

At least 100 lines if code
Developer User14077｜Date and time 24/3/24 7:37:03
Build time 11.581 sec｜Game capacity 2.184KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Piktogramm-Spiel</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

let playerX = canvas.width / 2;
        let playerY = canvas.height - 50;
        let playerSize = 50;

let enemyX = canvas.width / 2;
        let enemyY = 50;
        let enemySize = 50;

let score = 0;

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

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

function drawScore() {
            ctx.font = '24px Arial';
            ctx.fillStyle = 'black';
            ctx.fillText('Score: ' + score, 10, 30);
        }

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

drawPlayer();
            drawEnemy();
            drawScore();

if (playerX < enemyX + enemySize &&
                playerX + playerSize > enemyX &&
                playerY < enemyY + enemySize &&
                playerY + playerSize > enemyY) {
                score++;
                enemyX = Math.random() * canvas.width;
                enemyY = 50;
            }

enemyY += 3;

if (enemyY > canvas.height) {
                enemyX = Math.random() * canvas.width;
                enemyY = 50;
            }

requestAnimationFrame(updateGame);
        }

updateGame();