AI game creator

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

No:24254

←

Prev Next

→

Dig Dug
Developer User11298｜Date and time 23/11/7 0:07:24
Build time 112.123 sec｜Game capacity 3.815KB｜

Script

Sure! Here's an example of a simplified Dig Dug game implemented as a single HTML file using JavaScript and enclosed in script tags. It's designed to be played on a smartphone and uses pictograms for visual representation. Remember that this is just a basic example and can be further enhanced and customized based on your requirements.

Score: 0

To play the game, you would need to replace `'emozi_all/play.png'` and `'emozi_all/enemy.png'` with the actual paths to the pictogram images you want to use. The game involves controlling a player character (represented by a pictogram) using the arrow keys on your smartphone keyboard to avoid enemies and earn points. The score is displayed on the top left, and when the player character collides with any enemy, the game ends and "Game Over" is displayed.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Dig Dug Game</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

canvas {
            background-color: #000;
        }

#score {
            color: #fff;
            font-size: 20px;
            position: absolute;
            top: 10px;
            left: 10px;
        }

#gameover {
            color: #fff;
            font-size: 30px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

<div id="score">Score: 0</div>
    <div id="gameover"></div>

const playerImg = new Image();
        playerImg.src = 'player.png';
        const enemyImg = new Image();
        enemyImg.src = 'enemy.png';

const player = { x: 200, y: 200, speed: 4 };
        const enemies = [
            { x: 50, y: 50, speed: 2 },
            { x: 300, y: 100, speed: 3 },
            { x: 150, y: 300, speed: 2.5 }
        ];

let score = 0;
        let gameover = false;

canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;

function update() {
            if (!gameover) {
                ctx.clearRect(0, 0, canvas.width, canvas.height);

ctx.drawImage(playerImg, player.x, player.y);

for (let i = 0; i < enemies.length; i++) {
                    ctx.drawImage(enemyImg, enemies[i].x, enemies[i].y);

const dx = player.x - enemies[i].x;
                    const dy = player.y - enemies[i].y;
                    const distance = Math.sqrt(dx * dx + dy * dy);

if (distance < 32) {
                        gameover = true;
                        document.getElementById('gameover').innerText = 'Game Over';
                    }

enemies[i].x += enemies[i].speed;
                    if (enemies[i].x > canvas.width) {
                        enemies[i].x = -32;
                        score += 10;
                        document.getElementById('score').innerText = 'Score: ' + score;
                    }
                }
            }

requestAnimationFrame(update);
        }

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

To play the game, you would need to replace `'player.png'` and `'enemy.png'` with the actual paths to the pictogram images you want to use. The game involves controlling a player character (represented by a pictogram) using the arrow keys on your smartphone keyboard to avoid enemies and earn points. The score is displayed on the top left, and when the player character collides with any enemy, the game ends and "Game Over" is displayed.