Minecraft with letters's game

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

No:40991

←

Prev Next

→

Minecraft with letters
Developer User18361｜Date and time 24/2/5 4:19:33
Build time 8.534 sec｜Game capacity 2.861KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Minecraft with Letters</title>
</head>
<body>
    <canvas id="gameCanvas" width="320" height="480"></canvas>
    <script>
        // Game constants
        const GAME_WIDTH = 320;
        const GAME_HEIGHT = 480;
        const BLOCK_SIZE = 40;

// Game elements
        const player = { x: 0, y: 0 };
        let blocks = [];

// Function to generate random blocks
        function generateBlocks() {
            blocks = [];
            for (let i = 0; i < GAME_HEIGHT / BLOCK_SIZE; i++) {
                const randomIndex = Math.floor(Math.random() * 26);
                const character = String.fromCharCode(65 + randomIndex);
                blocks.push({ x: Math.random() * GAME_WIDTH, y: i * BLOCK_SIZE, character });
            }
        }

// Function to draw game elements on canvas
        function draw() {
            const canvas = document.getElementById("gameCanvas");
            const context = canvas.getContext("2d");

context.clearRect(0, 0, GAME_WIDTH, GAME_HEIGHT);

// Draw player
            context.fillStyle = "blue";
            context.fillRect(player.x, player.y, BLOCK_SIZE, BLOCK_SIZE);

// Draw blocks
            context.fillStyle = "red";
            context.font = "20px Arial";
            blocks.forEach(block => {
                context.fillText(block.character, block.x, block.y + BLOCK_SIZE / 2);
            });
        }

// Function to update game logic
        function update() {
            // Check if player collides with any block
            blocks.forEach(block => {
                if (player.x === block.x && player.y === block.y) {
                    gameOver();
                }
            });
        }

// Function to handle touch events on mobile devices
        function handleTouch(event) {
            const canvas = document.getElementById("gameCanvas");
            const rect = canvas.getBoundingClientRect();
            const touchX = event.touches[0].clientX - rect.left;
            const touchY = event.touches[0].clientY - rect.top;

// Update player position based on touch coordinates
            player.x = Math.floor(touchX / BLOCK_SIZE) * BLOCK_SIZE;
            player.y = Math.floor(touchY / BLOCK_SIZE) * BLOCK_SIZE;

update();
            draw();
        }

// Function to handle game over
        function gameOver() {
            alert("Game Over");
            generateBlocks();
            player.x = 0;
            player.y = 0;
            draw();
        }

// Set up initial game state
        function init() {
            generateBlocks();
            draw();
            document.addEventListener("touchstart", handleTouch);
        }

// Start the game
        init();
    </script>
</body>
</html>