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 while playing use arrows to move use a to jump no touch's game | AI game creator

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

No:20629

72

A cube game with a editor place Ground a button th..ALL
Developer User9100｜Date and time 23/10/10 8:49:53
Build time 14.954 sec｜Game capacity 4.677KB｜

Sure! Here's a simple cube game implemented as a single HTML file with JavaScript. It includes an editor mode where you can place ground cubes, and a play mode where you can navigate through the cubes using keyboard controls on a smartphone. The controls are as follows: - To interact with the game, tap or click on the cube. - In editor mode: - Tap or click on the "Ground" button to select it as the cube to be placed. - Tap or click on the desired location in the game area to place the ground cube. - Tap or click on the "Play" button to switch to play mode. - In play mode: - Use the arrow keys to move the player character left/right on the ground. - Press the 'A' key to make the player character jump. - Avoid touching the ground cubes. Please note that this is a simplified example, and you can extend and customize it to meet your specific requirements.

To use this game on a smartphone, simply open it in a web browser and interact with the game buttons, game area, and on-screen controls as described above. Enjoy playing the cube game!

→ 　

0　

0　

　
　

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

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

(C)2023 HisashiApp

Sure! Here's a simple cube game implemented as a single HTML file with JavaScript. It includes an editor mode where you can place ground cubes, and a play mode where you can navigate through the cubes using keyboard controls on a smartphone. The controls are as follows:

- To interact with the game, tap or click on the cube.
- In editor mode:
  - Tap or click on the "Ground" button to select it as the cube to be placed.
  - Tap or click on the desired location in the game area to place the ground cube.
  - Tap or click on the "Play" button to switch to play mode.
- In play mode:
  - Use the arrow keys to move the player character left/right on the ground.
  - Press the 'A' key to make the player character jump.
  - Avoid touching the ground cubes.

Please note that this is a simplified example, and you can extend and customize it to meet your specific requirements.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Cube Game</title>
    <style>
        #game-area {
            width: 400px;
            height: 320px;
            border: 1px solid black;
            position: relative;
        }
        .cube {
            width: 40px;
            height: 40px;
            position: absolute;
        }
        .player {
            background-color: blue;
        }
        .ground {
            background-color: gray;
        }
    </style>
</head>
<body>
    <div id="game-area"></div>

<button id="ground-btn" onclick="selectCube('ground')">Ground</button>
    <button id="play-btn" onclick="switchToPlayMode()">Play</button>

<script>
        var editorMode = true;
        var selectedCube = "";

function selectCube(cube) {
            selectedCube = cube;
        }

function switchToPlayMode() {
            editorMode = false;
            document.getElementById('play-btn').style.display = "none";
            document.getElementById('ground-btn').style.display = "none";
            document.getElementById('game-area').onclick = startPlaying;
            document.getElementById('game-area').innerHTML = "<div class='player cube'></div>";
        }

function startPlaying() {
            document.addEventListener("keydown", handleKeyPress, false);
            document.getElementById('game-area').onclick = null;
        }

function handleKeyPress(event) {
            if (!editorMode) {
                var player = document.querySelector(".player");
                var rect = player.getBoundingClientRect();
                var x = rect.left;
                var y = rect.top;
                var maxX = 400 - rect.width;
                var maxY = 320 - rect.height;

switch(event.key) {
                    case 'ArrowLeft':
                        if (x > 0) {
                            player.style.left = x - 10 + 'px';
                        }
                        break;
                    case 'ArrowRight':
                        if (x < maxX) {
                            player.style.left = x + 10 + 'px';
                        }
                        break;
                    case 'a':
                    case 'A':
                        if (isPlayerOnGround()) {
                            player.style.top = y - 80 + 'px';
                        }
                        break;
                }
            }
        }

function isPlayerOnGround() {
            var player = document.querySelector(".player");
            var rect = player.getBoundingClientRect();
            var playerY = rect.top + rect.height;
            var groundCubes = document.querySelectorAll(".ground");

for (var i = 0; i < groundCubes.length; i++) {
                var groundRect = groundCubes[i].getBoundingClientRect();
                var groundY = groundRect.top;

if (playerY >= groundY) {
                    return true;
                }
            }

return false;
        }

document.getElementById('game-area').onclick = placeCube;

function placeCube(event) {
            if (editorMode) {
                var cube = document.createElement("div");
                cube.className = selectedCube + " cube";

var x = event.clientX - this.offsetLeft;
                var y = event.clientY - this.offsetTop;

cube.style.left = x + 'px';
                cube.style.top = y + 'px';

this.appendChild(cube);
            }
        }
    </script>
</body>
</html>
```

To use this game on a smartphone, simply open it in a web browser and interact with the game buttons, game area, and on-screen controls as described above. Enjoy playing the cube game!