Kill s box to get money to buy things and get 1000 money to fight the giant box if you beat it you win if you can’t beat it in 10 seconds you lose's game

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

No:52436

113

←

Prev Next

→

Kill s box to get money to buy things and get 1000..ALL
Developer User21934｜Date and time 24/3/22 8:02:22
Build time 13.686 sec｜Game capacity 3.116KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Box Fighter Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

let player = {
            x: 50,
            y: 50,
            size: 20,
            speed: 10
        };

let box = {
            x: 200,
            y: 200,
            size: 50,
            speed: 5,
            defeated: false
        };

let money = 0;

function drawPlayer() {
            ctx.fillStyle = 'blue';
            ctx.fillRect(player.x, player.y, player.size, player.size);
        }

function drawBox() {
            if (!box.defeated) {
                ctx.fillStyle = 'red';
                ctx.fillRect(box.x, box.y, box.size, box.size);
            }
        }

function drawMoney() {
            ctx.fillStyle = 'green';
            ctx.font = "20px Arial";
            ctx.fillText(`Money: ${money}`, 10, 30);
        }

function collisionDetection() {
            if (player.x < box.x + box.size &&
                player.x + player.size > box.x &&
                player.y < box.y + box.size &&
                player.y + player.size > box.y) {
                if (!box.defeated) {
                    money += 100;
                    box.defeated = true;
                }
            }
        }

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

drawPlayer();
            drawBox();
            drawMoney();
            moveBox();
            collisionDetection();

if (money >= 1000) {
                if (box.defeated) {
                    ctx.font = "30px Arial";
                    ctx.fillText("You Win!", 150, 200);
                } else {
                    ctx.font = "30px Arial";
                    ctx.fillText("You Lose!", 150, 200);
                }
            } else {
                requestAnimationFrame(gameLoop);
            }
        }

window.addEventListener('keydown', function(event) {
            switch(event.key) {
                case 'ArrowUp':
                    player.y -= player.speed;
                    break;
                case 'ArrowDown':
                    player.y += player.speed;
                    break;
                case 'ArrowLeft':
                    player.x -= player.speed;
                    break;
                case 'ArrowRight':
                    player.x += player.speed;
                    break;
            }
        });

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