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

No:20628

A cube game with a editor place Ground a button th..ALL
Developer User9100｜Date and time 23/10/10 8:48:50
Build time 21.874 sec｜Game capacity 5.787KB｜

Script

Sure! Here's an example implementation of the cube game with an editor using HTML, JavaScript, and pictograms:

Cube Game

To use the game, you can save the above code in a file with an `.html` extension, and then open it in a web browser. The game will run in the browser and can be played using the provided buttons and controls.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure! Here's an example implementation of the cube game with an editor using HTML, JavaScript, and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Cube Game</title>
  <style>
    #game {
      width: 400px;
      height: 400px;
      border: 1px solid black;
      position: relative;
    }
    #player {
      width: 40px;
      height: 40px;
      position: absolute;
      background-color: blue;
    }
    .ground {
      width: 40px;
      height: 40px;
      position: absolute;
      background-color: green;
    }
  </style>
</head>
<body>
  <h1>Cube Game</h1>
  
  <div id="game">
    
  </div>
  
  <br>
  
  <button id="playButton" onclick="startGame()">Play</button>
  <button id="backButton" onclick="goBack()" style="display: none;">Go Back</button>
  
  <script>
    // Ground editor mode flag
    let editorMode = true;
    
    // Game mode flag
    let gameMode = false;
    
    // Store the ground blocks
    let groundBlocks = [];
    
    // Store the player position
    let playerPosition = { x: 0, y: 0 };
    
    // Function to place a ground block in editor mode
    function placeGround() {
        if (editorMode) {
            const groundBlock = document.createElement('div');
            groundBlock.className = "ground";
            
            // Position the ground block based on the cursor position
            const cursorX = event.clientX - game.offsetLeft;
            const cursorY = event.clientY - game.offsetTop;
            const positionX = Math.floor(cursorX / 40) * 40;
            const positionY = Math.floor(cursorY / 40) * 40;
            groundBlock.style.left = positionX + "px";
            groundBlock.style.top = positionY + "px";
            
            // Add the ground block to the game field
            game.appendChild(groundBlock);
            
            // Store the ground block for future reference
            groundBlocks.push({ x: positionX, y: positionY });
        }
    }
    
    // Function to start the game
    function startGame() {
        // Switch to game mode
        editorMode = false;
        gameMode = true;
        
        // Hide editor elements
        playButton.style.display = "none";
        backButton.style.display = "inline";
        
        // Remove editor event listener
        game.removeEventListener("click", placeGround);
        
        // Hide ground editor blocks
        const groundEditorBlocks = document.getElementsByClassName("ground");
        for (let i = 0; i < groundEditorBlocks.length; i++) {
            groundEditorBlocks[i].style.display = "none";
        }
        
        // Place the player at the starting position
        player.style.left = playerPosition.x + "px";
        player.style.top = playerPosition.y + "px";
        
        // Add arrow key event listeners for player movement
        document.addEventListener("keydown", movePlayer);
    }
    
    // Function to go back to editor mode
    function goBack() {
        // Switch to editor mode
        editorMode = true;
        gameMode = false;
        
        // Show editor elements
        playButton.style.display = "inline";
        backButton.style.display = "none";
        
        // Add back the ground editor event listener
        game.addEventListener("click", placeGround);
        
        // Show ground editor blocks
        const groundEditorBlocks = document.getElementsByClassName("ground");
        for (let i = 0; i < groundEditorBlocks.length; i++) {
            groundEditorBlocks[i].style.display = "block";
        }
        
        // Reset player's position
        playerPosition.x = 0;
        playerPosition.y = 0;
        player.style.left = playerPosition.x + "px";
        player.style.top = playerPosition.y + "px";
        
        // Remove arrow key event listeners for player movement
        document.removeEventListener("keydown", movePlayer);
    }
    
    // Function to handle player movement
    function movePlayer(event) {
        let newPositionX = playerPosition.x;
        let newPositionY = playerPosition.y;
        
        switch (event.key) {
            case "ArrowLeft":
                newPositionX -= 40;
                break;
            case "ArrowRight":
                newPositionX += 40;
                break;
            case "ArrowUp":
                newPositionY -= 40;
                break;
            case "ArrowDown":
                newPositionY += 40;
                break;
            case "a":
                newPositionY -= 80;
                break;
        }
        
        // Check if the new player position is within the game field
        if (newPositionX >= 0 && newPositionX <= 360 && newPositionY >= 0 && newPositionY <= 360) {
            // Check if the new position collides with any ground blocks
            let collision = groundBlocks.find((block) => block.x === newPositionX && block.y === newPositionY);
            if (!collision) { // No collision, move the player
                playerPosition.x = newPositionX;
                playerPosition.y = newPositionY;
                player.style.left = playerPosition.x + "px";
                player.style.top = playerPosition.y + "px";
            }
        }
    }
    
    // Add event listener to place ground blocks in editor mode
    const game = document.getElementById("game");
    game.addEventListener("click", placeGround);
    
    // Get the player element
    const player = document.getElementById("player");
  </script>
</body>
</html>
```