AI game creator

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

No:46054

108

←

Prev Next

→

Hi
Developer User19859｜Date and time 24/2/23 0:19:02
Build time 9.924 sec｜Game capacity 1.991KB｜

Script

! Here is an example implementation of a simple game using JavaScript and HTML in a single file:

This simple game consists of a player (red square) that can be moved with arrow keys to collect the target (blue square). Once the player collects the target, a new target will be randomly generated on the canvas. You can copy and paste this code into an HTML file and open it in a web browser to play the game. Enjoy!

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

! Here is an example implementation of a simple game using JavaScript and HTML in a single file:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Simple Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');
        
        let playerX = 200;
        let playerY = 200;
        let targetX = Math.random() * 400;
        let targetY = Math.random() * 400;
        
        function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.fillStyle = 'red';
            ctx.fillRect(playerX, playerY, 20, 20);
            ctx.fillStyle = 'blue';
            ctx.fillRect(targetX, targetY, 20, 20);
        }
        
        function update() {
            if (Math.abs(playerX - targetX) < 20 && Math.abs(playerY - targetY < 20)) {
                targetX = Math.random() * 400;
                targetY = Math.random() * 400;
            }
        }
        
        function gameLoop() {
            draw();
            update();
            requestAnimationFrame(gameLoop);
        }
        
        document.addEventListener('keydown', (event) => {
            const key = event.key;
            if (key === 'ArrowUp') {
                playerY -= 10;
            } else if (key === 'ArrowDown') {
                playerY += 10;
            } else if (key === 'ArrowLeft') {
                playerX -= 10;
            } else if (key === 'ArrowRight') {
                playerX += 10;
            }
        });
        
        gameLoop();
    </script>
</body>
</html>
```

You can copy and paste this code into an HTML file and open it in a web browser to play the game. Enjoy!