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

No:15722

102

←

Prev Next

→

Minecraft cubique
Developer User6842｜Date and time 23/9/11 0:00:47
Build time 34.118 sec｜Game capacity 3.26KB｜

Script

Minecraft Cubique

Cliquez sur les cellules pour construire des blocs

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Minecraft Cubique</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        .game-container {
            display: inline-block;
            padding: 20px;
        }
        .message {
            font-size: 24px;
            margin-bottom: 10px;
        }
        .grid {
            width: 300px;
            height: 300px;
            border: 1px solid #000;
            display: grid;
            grid-template-columns: repeat(5, 1fr);
        }
        .cell {
            width: calc(100% / 5);
            height: calc(100% / 5);
            position: relative;
            cursor: pointer;
        }
        .cube {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
        }
    </style>
</head>
<body>
    <h1>Minecraft Cubique</h1>
    <div class="game-container">
        <div class="message">Cliquez sur les cellules pour construire des blocs</div>
        <div class="grid">
            <div class="cell" onclick="placeCube(0, 0)"></div>
            <div class="cell" onclick="placeCube(0, 1)"></div>
            <div class="cell" onclick="placeCube(0, 2)"></div>
            <div class="cell" onclick="placeCube(0, 3)"></div>
            <div class="cell" onclick="placeCube(0, 4)"></div>
            <div class="cell" onclick="placeCube(1, 0)"></div>
            <div class="cell" onclick="placeCube(1, 1)"></div>
            <div class="cell" onclick="placeCube(1, 2)"></div>
            <div class="cell" onclick="placeCube(1, 3)"></div>
            <div class="cell" onclick="placeCube(1, 4)"></div>
            <div class="cell" onclick="placeCube(2, 0)"></div>
            <div class="cell" onclick="placeCube(2, 1)"></div>
            <div class="cell" onclick="placeCube(2, 2)"></div>
            <div class="cell" onclick="placeCube(2, 3)"></div>
            <div class="cell" onclick="placeCube(2, 4)"></div>
            <div class="cell" onclick="placeCube(3, 0)"></div>
            <div class="cell" onclick="placeCube(3, 1)"></div>
            <div class="cell" onclick="placeCube(3, 2)"></div>
            <div class="cell" onclick="placeCube(3, 3)"></div>
            <div class="cell" onclick="placeCube(3, 4)"></div>
            <div class="cell" onclick="placeCube(4, 0)"></div>
            <div class="cell" onclick="placeCube(4, 1)"></div>
            <div class="cell" onclick="placeCube(4, 2)"></div>
            <div class="cell" onclick="placeCube(4, 3)"></div>
            <div class="cell" onclick="placeCube(4, 4)"></div>
        </div>
    </div>
    <script>
        var cubes = [];

function placeCube(row, col) {
            if (!cubes[row]) {
                cubes[row] = [];
            }

if (!cubes[row][col]) {
                var cell = document.getElementsByClassName('cell')[row * 5 + col];
                var cube = document.createElement('div');
                cube.className = 'cube';
                cell.appendChild(cube);
                cubes[row][col] = true;
            }
        }
    </script>
</body>
</html>