AI game creator

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

No:52282

119

←

Prev Next

→

Merge Game
Developer Winnerweiner2113｜Date and time 24/3/20 7:04:11
Build time 10.047 sec｜Game capacity 2.986KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

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

const player = {
            x: 50,
            y: 50,
            size: 50,
            speed: 5
        };

const enemy = {
            x: 200,
            y: 200,
            size: 50,
            speed: 3
        };

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

function drawEnemy() {
            ctx.fillStyle = 'red';
            ctx.fillRect(enemy.x, enemy.y, enemy.size, enemy.size);
        }

function moveEnemy() {
            const dx = player.x - enemy.x;
            const dy = player.y - enemy.y;

if (Math.abs(dx) > Math.abs(dy)) {
                if (dx > 0) {
                    enemy.x += enemy.speed;
                } else {
                    enemy.x -= enemy.speed;
                }
            } else {
                if (dy > 0) {
                    enemy.y += enemy.speed;
                } else {
                    enemy.y -= enemy.speed;
                }
            }
        }

function checkCollision() {
            if (player.x < enemy.x + enemy.size &&
                player.x + player.size > enemy.x &&
                player.y < enemy.y + enemy.size &&
                player.y + player.size > enemy.y) {

// Merge action
                player.size += 10;
                enemy.size -= 10;

// Reset enemy position
                enemy.x = Math.random() * canvas.width;
                enemy.y = Math.random() * canvas.height;
            }
        }

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

drawPlayer();
            drawEnemy();

moveEnemy();
            checkCollision();

requestAnimationFrame(draw);
        }

draw();