AI game creator

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

No:20045

←

Prev Next

→

Minecraft
Developer User8929｜Date and time 23/10/8 1:33:14
Build time 14.98 sec｜Game capacity 2.973KB｜

Script

Please note that the above code assumes you have two image files named "emozi_all/player.png" and "emozi_apple.png" available in the same directory as the HTML file. You can replace these image files with your desired pictograms.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

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

// Load pictograms
        const playerImage = new Image();
        playerImage.src = "player.png";

const treasureImage = new Image();
        treasureImage.src = "treasure.png";

// Game objects
        const player = {
            x: canvas.width / 2,
            y: canvas.height / 2,
            width: 50,
            height: 50
        };

const treasure = {
            x: Math.random() * canvas.width,
            y: Math.random() * canvas.height,
            width: 50,
            height: 50
        };

let score = 0;

// Event listener for player movement
        document.addEventListener("keydown", movePlayer);

// Update player position based on arrow key press
        function movePlayer(e) {
            if(e.key === "ArrowUp") {
                player.y -= 10;
            }
            else if(e.key === "ArrowDown") {
                player.y += 10;
            }
            else if(e.key === "ArrowLeft") {
                player.x -= 10;
            }
            else if(e.key === "ArrowRight") {
                player.x += 10;
            }

detectTreasureCollision();
        }

// Check if player collects treasure
        function detectTreasureCollision() {
            if(player.x < treasure.x + treasure.width &&
                player.x + player.width > treasure.x &&
                player.y < treasure.y + treasure.height &&
                player.y + player.height > treasure.y) {
                    
                score++;
                treasure.x = Math.random() * canvas.width;
                treasure.y = Math.random() * canvas.height;
            }
        }

// Draw game objects
        function draw() {
            // Clear the canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            ctx.drawImage(playerImage, player.x, player.y, player.width, player.height);

// Draw treasure
            ctx.drawImage(treasureImage, treasure.x, treasure.y, treasure.width, treasure.height);

// Draw score
            ctx.font = "20px Arial";
            ctx.fillText("Score: " + score, 10, 30);
        }

// Game loop
        function gameLoop() {
            draw();

// Keep the game running
            requestAnimationFrame(gameLoop);
        }

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

Please note that the above code assumes you have two image files named "player.png" and "treasure.png" available in the same directory as the HTML file. You can replace these image files with your desired pictograms.