A cube game with a editor place Ground a button that says play press it a player appears press play again go back to making press a button saying a to place use arrows to move cursor's game

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

No:20619

←

Prev Next

→

A cube game with a editor place Ground a button th..ALL
Developer User9100｜Date and time 23/10/10 8:43:25
Build time 14.769 sec｜Game capacity 4.075KB｜

Script

Sure, here's an example of a simple cube game as you described:

In this game, you start in an editor mode where you can place green cubes on the gray game board by pressing the 'a' key. You can use the arrow keys to move a blue player icon (cube) around the game board. After placing cubes in the editor mode, you can press the "Play" button to switch to the game mode. In the game mode, the blue player icon will move across the game board, and when it reaches the end, a game over alert will appear, and you'll be taken back to the editor mode. Please note that this is a basic example and can be expanded upon to add more functionalities if needed.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure, here's an example of a simple cube game as you described:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Cube Game</title>
    <style>
        #game-board {
            width: 300px;
            height: 300px;
            border: 1px solid black;
            margin: 20px auto;
            position: relative;
        }
        #player {
            width: 50px;
            height: 50px;
            background-color: blue;
            position: absolute;
            top: 0;
            left: 0;
        }
    </style>
</head>
<body>
    <div id="game-board"></div>
    <button onclick="startGame()">Play</button>
    <button onclick="switchToEditor()">Go Back</button>

var isEditorMode = true;

function switchToGame() {
            isEditorMode = false;
            gameBoard.innerHTML = "";
            player = document.createElement("div");
            player.id = "player";
            gameBoard.appendChild(player);

var playBtn = document.getElementsByTagName("button")[0];
            playBtn.innerHTML = "Play Again";
        }

function switchToEditor() {
            isEditorMode = true;
            gameBoard.innerHTML = "";
            var ground = document.createElement("div");
            ground.style.width = "100%";
            ground.style.height = "100%";
            ground.style.backgroundColor = "gray";
            gameBoard.appendChild(ground);

var playBtn = document.getElementsByTagName("button")[0];
            playBtn.innerHTML = "Play";
        }

function moveTo(x, y) {
            player.style.left = x + "px";
            player.style.top = y + "px";
        }

function handleKeyPress(event) {
            if (isEditorMode && event.keyCode == 65) { // 'a' key
                var cursorX = player.offsetLeft;
                var cursorY = player.offsetTop;
                var ground = document.createElement("div");
                ground.style.width = "50px";
                ground.style.height = "50px";
                ground.style.backgroundColor = "green";
                ground.style.position = "absolute";
                ground.style.left = cursorX + "px";
                ground.style.top = cursorY + "px";
                gameBoard.appendChild(ground);
            }
        }

document.addEventListener("keydown", handleKeyPress);
        document.addEventListener("keydown", handleArrowKeys);
    </script>
</body>
</html>
```

After placing cubes in the editor mode, you can press the "Play" button to switch to the game mode. In the game mode, the blue player icon will move across the game board, and when it reaches the end, a game over alert will appear, and you'll be taken back to the editor mode.

Please note that this is a basic example and can be expanded upon to add more functionalities if needed.