AI game creator

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

No:52293

109

←

Prev Next

→

Art gallery: AI
Developer Winnerweiner2113｜Date and time 24/3/20 7:14:49
Build time 9.012 sec｜Game capacity 2.552KB｜

Script

You cannot run from kerosene

In this game, the player can control a character using the WASD keys on their keyboard, and the enemy will move towards the player's position. The goal is to avoid the enemy and stay alive as long as possible. The game will have pictogram images for the player and enemy characters.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

You cannot run from kerosene

```html
<!DOCTYPE html>
<html>
<head>
    <title>Art Gallery Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Pictogram images for the game
        const playerImage = new Image();
        playerImage.src = 'player.png';
        const enemyImage = new Image();
        enemyImage.src = 'enemy.png';

// Player object
        const player = {
            x: 50,
            y: 50,
            speed: 5,
            draw: function() {
                ctx.drawImage(playerImage, this.x, this.y, 50, 50);
            }
        };

// Enemy object
        const enemy = {
            x: 700,
            y: 500,
            speed: 3,
            draw: function() {
                ctx.drawImage(enemyImage, this.x, this.y, 50, 50);
            }
        };

// Game loop
        function gameLoop() {
            // Clear canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Update player position
            if (keys[87]) player.y -= player.speed;
            if (keys[83]) player.y += player.speed;
            if (keys[65]) player.x -= player.speed;
            if (keys[68]) player.x += player.speed;

// Update enemy position
            if (player.x < enemy.x) {
                enemy.x -= enemy.speed;
            } else {
                enemy.x += enemy.speed;
            }
            if (player.y < enemy.y) {
                enemy.y -= enemy.speed;
            } else {
                enemy.y += enemy.speed;
            }

// Draw player and enemy
            player.draw();
            enemy.draw();

requestAnimationFrame(gameLoop);
        }

// Keyboard input
        const keys = {};
        window.addEventListener('keydown', e => {
            keys[e.keyCode] = true;
        });
        window.addEventListener('keyup', e => {
            delete keys[e.keyCode];
        });

// Start game loop
        gameLoop();
    </script>
</body>
</html>
```