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

No:11752

164

←

Prev Next

→

Minecraft x Roblox
Developer User4714｜Date and time 23/8/12 7:54:20
Build time 17.242 sec｜Game capacity 2.643KB｜

Script

Minecraft x Roblox Game

This is a basic game interface that allows the player to select and play either Minecraft or Roblox by clicking on buttons. The game icons are represented using pictograms by setting the background images. Please make sure to replace `'emozi_rabbit.png'` and `'emozi_apple.png'` with the actual file names and paths of the respective game icons you want to use. Note: The provided code snippet assumes that you have `emozi_chicken.png` and `emozi_rabbit.png` files in the same directory as the HTML file.

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Minecraft x Roblox Game</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
            margin-top: 50px;
        }
        
        h1 {
            color: #333;
        }
        
        .game-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 30px;
        }
        
        .game-board {
            width: 300px;
            border: 2px solid #ccc;
            padding: 10px;
        }
        
        .button-container {
            display: flex;
            justify-content: center;
            margin-top: 20px;
        }
        
        .button {
            padding: 10px 20px;
            margin: 0 10px;
            background-color: #418CFF;
            color: #fff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 16px;
        }
        
        #minecraft,
        #roblox {
            width: 100%;
            height: 300px;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: contain;
            margin-bottom: 10px;
        }
    </style>
</head>
<body>
    <h1>Minecraft x Roblox Game</h1>

<div class="game-container">
        <div class="game-board">
            <div id="minecraft"></div>
            <div id="roblox"></div>
        </div>
        <div class="button-container">
            <button class="button" onclick="playMinecraft()">Play Minecraft</button>
            <button class="button" onclick="playRoblox()">Play Roblox</button>
        </div>
    </div>

function playRoblox() {
            document.getElementById("roblox").style.backgroundImage = "url('roblox_icon.png')";
        }
    </script>
</body>
</html>
```

Please make sure to replace `'minecraft_icon.png'` and `'roblox_icon.png'` with the actual file names and paths of the respective game icons you want to use.

Note: The provided code snippet assumes that you have `minecraft_icon.png` and `roblox_icon.png` files in the same directory as the HTML file.