AI game creator

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Generative Art's game | AI game creator

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

No:7338

1746

←

Prev Next

→

Generative Art
Developer User4012｜Date and time 23/7/6 22:47:17
Build time 23.243 sec｜Game capacity 3.761KB｜

Script

Sure! Here's a simple game implemented as a single HTML file using JavaScript, designed for smartphone operation. Since generating art is a broad topic, I have created a simple game using pictograms as requested:

In this game, the player is represented by a red square, and the enemies by blue squares. The player can move left and right using the arrow keys. The objective is to dodge the incoming enemies and survive as long as possible. Each time the player successfully dodges an enemy, the score increases. If the player collides with an enemy, it's game over, and the final score is displayed. To play the game, simply copy the above code, save it as an .html file, and open it in a web browser on a smartphone or any device with a web browser.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Pictogram Game</title>
    <style>
        body {
            background-color: #f0f0f0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
            padding: 0;
        }
        
        #canvas {
            border: 1px solid #999;
        }
    </style>
</head>
<body>
    <canvas id="canvas" width="320" height="480"></canvas>
    
    <script>
        const canvas = document.getElementById('canvas');
        const ctx = canvas.getContext('2d');
        
        const playerSize = 50;
        const enemySize = 30;
        let playerX = canvas.width / 2 - playerSize / 2;
        let playerY = canvas.height - playerSize - 10;
        let enemyX = Math.random() * (canvas.width - enemySize);
        let enemyY = 0;
        let speed = 2;
        let score = 0;
        let gameOver = false;
        
        function drawPlayer() {
            ctx.fillStyle = '#f00';
            ctx.fillRect(playerX, playerY, playerSize, playerSize);
        }
        
        function drawEnemy() {
            ctx.fillStyle = '#00f';
            ctx.fillRect(enemyX, enemyY, enemySize, enemySize);
        }
        
        function drawScore() {
            ctx.fillStyle = '#000';
            ctx.font = '18px Arial';
            ctx.fillText('Score: ' + score, 10, 20);
        }
        
        function movePlayer(event) {
            if (event.key === 'ArrowLeft') {
                playerX -= 10;
            } else if (event.key === 'ArrowRight') {
                playerX += 10;
            }
        }
        
        function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            if (!gameOver) {
                playerX = Math.max(0, Math.min(playerX, canvas.width - playerSize));
                enemyY += speed;
                
                if (enemyY >= canvas.height - enemySize - playerSize) {
                    if (enemyX >= playerX && enemyX <= playerX + playerSize) {
                        score++;
                        enemyX = Math.random() * (canvas.width - enemySize);
                        enemyY = 0;
                        speed += 0.2;
                    } else {
                        gameOver = true;
                    }
                }
                
                drawPlayer();
                drawEnemy();
                drawScore();
                
                requestAnimationFrame(gameLoop);
            } else {
                ctx.fillStyle = '#000';
                ctx.font = '24px Arial';
                ctx.fillText('Game Over!', canvas.width / 2 - 70, canvas.height / 2);
                ctx.fillText('Score: ' + score, canvas.width / 2 - 50, canvas.height / 2 + 30);
            }
        }
        
        document.addEventListener('keydown', movePlayer);
        gameLoop();
    </script>
</body>
</html>
```

To play the game, simply copy the above code, save it as an .html file, and open it in a web browser on a smartphone or any device with a web browser.