AI game creator

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

No:8067

2121

←

Prev Next

→

Block game
Developer User4131｜Date and time 23/7/12 20:55:31
Build time 21.254 sec｜Game capacity 4.167KB｜

Script

Sure! Here's an example of a simple block game implemented as a single HTML file using JavaScript:

This game creates a simple block that moves down and the player needs to maneuver it by using the left and right arrow keys to avoid collisions with other blocks falling from the top. If a collision occurs, the game ends with an "Game Over!" alert. To play the game, simply save the above code as an HTML file, open it in a web browser (preferably on a smartphone for the assumed smartphone operation), and interact with it using the arrow keys.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Sure! Here's an example of a simple block game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Block Game</title>
    <style>
      * {
        box-sizing: border-box;
      }

html,
      body {
        margin: 0;
        padding: 0;
      }

#game {
        width: 400px;
        height: 600px;
        border: 1px solid #000;
        position: relative;
        margin: 20px auto;
      }

.block {
        width: 50px;
        height: 50px;
        background-color: #f00;
        position: absolute;
      }
    </style>
  </head>
  <body>
    <div id="game"></div>
    <script>
      window.onload = function() {
        // Initialize game variables
        var gameContainer = document.getElementById("game");
        var blockSize = 50;
        var containerWidth = gameContainer.offsetWidth;
        var containerHeight = gameContainer.offsetHeight;
        var blocks = [];
        var currentBlock;

// Create block elements
        function createBlock() {
          var block = document.createElement("div");
          block.className = "block";
          block.style.left = Math.floor(Math.random() * (containerWidth - blockSize)) + "px";
          gameContainer.appendChild(block);
          blocks.push(block);
          return block;
        }

// Move blocks down
        function moveBlocks() {
          for (var i = 0; i < blocks.length; i++) {
            var block = blocks[i];
            var topPos = parseInt(block.style.top) || 0;
            block.style.top = (topPos + blockSize) + "px";

if (topPos >= containerHeight) {
              gameContainer.removeChild(block);
              blocks.splice(i, 1);
              i--;
            }
          }
        }

// Check collision with current block
        function checkCollision() {
          var currentBlockRect = currentBlock.getBoundingClientRect();

for (var i = 0; i < blocks.length; i++) {
            var blockRect = blocks[i].getBoundingClientRect();
            if (checkRectCollision(currentBlockRect, blockRect)) {
              return true;
            }
          }

return false;
        }

// Check collision between two rectangles
        function checkRectCollision(rect1, rect2) {
          return (
            rect1.left < rect2.right &&
            rect1.right > rect2.left &&
            rect1.top < rect2.bottom &&
            rect1.bottom > rect2.top
          );
        }

// Handle key events
        function handleKey(event) {
          var currentLeft = parseInt(currentBlock.style.left) || 0;
          var keyCode = event.keyCode;

if (keyCode === 37) { // Left arrow key
            if (currentLeft > 0) {
              currentBlock.style.left = (currentLeft - blockSize) + "px";
            }
          } else if (keyCode === 39) { // Right arrow key
            if (currentLeft < (containerWidth - blockSize)) {
              currentBlock.style.left = (currentLeft + blockSize) + "px";
            }
          }
        }

// Start the game
        function startGame() {
          window.addEventListener("keydown", handleKey);
          gameContainer.focus();

setInterval(function() {
            currentBlock = createBlock();
            var intervalId = setInterval(moveBlocks, 200);

if (checkCollision()) {
              clearInterval(intervalId);
              window.removeEventListener("keydown", handleKey);
              alert("Game Over!");
            }
          }, 1000);
        }

// Start the game
        startGame();
      }
    </script>
  </body>
</html>
```

To play the game, simply save the above code as an HTML file, open it in a web browser (preferably on a smartphone for the assumed smartphone operation), and interact with it using the arrow keys.