Minecraft But Mobile's game

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

No:23693

←

Prev Next

→

Minecraft But Mobile
Developer User11102｜Date and time 23/11/3 0:35:07
Build time 58.357 sec｜Game capacity 3.991KB｜

Script

Sure! Here's a simple implementation of "Minecraft But Mobile" as a JavaScript game within a single HTML file. Please note that this is a very basic version and does not include all the features of the actual Minecraft game. It allows movement and interaction with a simple block world using pictograms.

To use this code, create an HTML file and copy the code into it. Save the file with a `.html` extension, open it using a web browser, and you should be able to play a basic version of "Minecraft But Mobile" using arrow keys on your smartphone. Please note that you'll need to replace the `emozi_rabbit.png` and `emozi_all/tree.png` file paths with the actual paths to your respective block images.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Minecraft But Mobile</title>
    <style>
        canvas {
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="320" height="320"></canvas>

const blockSize = 40; // Size of each block in pixels
        const worldSize = 8; // Number of blocks in each row and column of the world
        const player = { x: 0, y: 0 }; // Player position

const blockImages = [
            { name: 'grass', src: 'grass.png' },
            { name: 'tree', src: 'tree.png' },
            // Add more block images as needed
        ];
        const blocks = generateWorld();

// Load block images
        const images = [];
        let loadedImages = 0;

blockImages.forEach(block => {
            const image = new Image();
            image.onload = () => {
                loadedImages++;

if (loadedImages === blockImages.length) {
                    drawGame();
                }
            };
            image.src = block.src;
            images[block.name] = image;
        });

// Generate the game world
        function generateWorld() {
            const blocks = [];

for (let y = 0; y < worldSize; y++) {
                for (let x = 0; x < worldSize; x++) {
                    blocks.push({
                        x: x * blockSize,
                        y: y * blockSize,
                        type: 'grass'
                    });
                }
            }

// Place a tree in the middle of the world
            const treeX = Math.floor(worldSize / 2);
            const treeY = Math.floor(worldSize / 2);
            blocks[treeY * worldSize + treeX].type = 'tree';

return blocks;
        }

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

blocks.forEach(block => {
                ctx.drawImage(images[block.type], block.x, block.y, blockSize, blockSize);
            });

ctx.fillStyle = 'red';
            ctx.fillRect(player.x, player.y, blockSize, blockSize);
        }

// Handle movement controls
        function handleMovement(e) {
            const arrowKeys = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];

if (arrowKeys.includes(e.key)) {
                e.preventDefault();

const newX = player.x + (e.key === 'ArrowRight' ? blockSize : e.key === 'ArrowLeft' ? -blockSize : 0);
                const newY = player.y + (e.key === 'ArrowDown' ? blockSize : e.key === 'ArrowUp' ? -blockSize : 0);

const collidedBlock = blocks.find(block => block.x === newX && block.y === newY);

if (collidedBlock && collidedBlock.type !== 'tree') {
                    player.x = newX;
                    player.y = newY;
                    drawGame();
                }
            }
        }

// Start the game
        function startGame() {
            document.addEventListener('keydown', handleMovement);
        }

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

Please note that you'll need to replace the `grass.png` and `tree.png` file paths with the actual paths to your respective block images.