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

No:20623

A cube game with a editor place Ground a button th..ALL
Developer User9100｜Date and time 23/10/10 8:46:37
Build time 14.335 sec｜Game capacity 4.274KB｜

Script

Sure! Here's an example of an HTML file that implements a simple cube game with an editor mode and playable mode, using JavaScript:

Cube Game

To test the game, save the above code in a .html file, and open it in a web browser. The game will display a container for the ground, an editor button, and a play button. By clicking inside the container while in editor mode, you can draw cubes. When you click the play button, the game will start, and you can use the arrow keys to move the blue player cube. Pressing 'A' will make the player cube jump. Press the play button again to go back to editor mode.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Sure! Here's an example of an HTML file that implements a simple cube game with an editor mode and playable mode, using JavaScript:

```html
<!doctype html>
<html>
<head>
    <title>Cube Game</title>
    <style>
        #container {
            width: 400px;
            height: 400px;
            border: 1px solid black;
        }

#player {
            width: 50px;
            height: 50px;
            background-color: blue;
            position: absolute;
        }

.cube {
            width: 50px;
            height: 50px;
            background-color: red;
            position: absolute;
        }
    </style>
</head>
<body>
    <h1>Cube Game</h1>
    <div id="container">
        
    </div>
    <button onclick="toggleEditor()">
        <span id="editor-button">Editor Mode</span>
    </button>
    <button onclick="playGame()" id="play-button">
        <span id="play-button-text">Play</span>
    </button>
    <script>
        var editorMode = true;
        var container = document.getElementById("container");
        var player = document.createElement("div");
        player.id = "player";
        var cubes = [];
        var isPlaying = false;

function toggleEditor() {
            editorMode = !editorMode;
            var editorButton = document.getElementById("editor-button");
            editorButton.innerText = editorMode ? "Editor Mode" : "Play Mode";
            if (editorMode && isPlaying) {
                playGame();
            }
        }

function addCube(event) {
            if (editorMode) {
                var cube = document.createElement("div");
                cube.className = "cube";
                cube.style.left = event.clientX - container.offsetLeft + "px";
                cube.style.top = event.clientY - container.offsetTop + "px";
                cubes.push(cube);
                container.appendChild(cube);
            }
        }
        container.addEventListener("click", addCube);

function playGame() {
            if (isPlaying) {
                stopGame();
                return;
            }
            isPlaying = true;
            var playButton = document.getElementById("play-button");
            playButton.innerText = "Stop";
            document.addEventListener("keydown", movePlayer);

container.appendChild(player);
        }

function stopGame() {
            isPlaying = false;
            var playButton = document.getElementById("play-button");
            playButton.innerText = "Play";
            document.removeEventListener("keydown", movePlayer);
            container.removeChild(player);
        }
    </script>
</body>
</html>
```