AI game creator

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

No:34455

←

Prev Next

→

Physics
Developer User16247｜Date and time 24/1/10 13:28:35
Build time 11.146 sec｜Game capacity 3.567KB｜

Script

Sure, I can help you create a simple game using HTML and JavaScript. Here's an example of a game where you need to avoid obstacles by moving a character using smartphone gestures. I'll use pictograms to represent the game elements.

To run this game, save the code in a `.html` file, open it in a web browser on your smartphone, and tilt your device to control the character and avoid the moving obstacle. The goal is to survive for as long as possible without colliding with the obstacle. Note: This implementation uses the `mousemove` event, which is specifically for mobile devices. To test it on a desktop browser, you can use browser developer tools to emulate motion events or modify the code to use arrow keys or mouse movements for control.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Obstacle Dodge</title>
    <style>
      #game-container {
        position: relative;
        width: 400px;
        height: 600px;
        background-color: #f2f2f2;
        margin: 0 auto;
      }

#character {
        position: absolute;
        width: 50px;
        height: 50px;
        background-color: blue;
        top: 525px;
        left: 175px;
      }

#obstacle {
        position: absolute;
        width: 50px;
        height: 50px;
        background-color: red;
        top: -50px;
      }
    </style>
  </head>
  <body>
    <div id="game-container">
      <div id="character"></div>
      <div id="obstacle"></div>
    </div>

// Start the game
      function startGame() {
        document.addEventListener("deviceready", onDeviceReady, false);
        function onDeviceReady() {
          window.addEventListener("devicemotion", handleMotion, true);
        }
        setInterval(moveObstacle, 20);
      }

// Move the obstacle downward
      function moveObstacle() {
        var obstacleTop = obstacle.offsetTop;
        if (obstacleTop >= 600) {
          obstacle.style.top = "-50px";
          score++;
        } else {
          obstacle.style.top = obstacleTop + gameSpeed + "px";
          checkCollision();
        }
      }

// Detect collision with the character
      function checkCollision() {
        var characterRect = character.getBoundingClientRect();
        var obstacleRect = obstacle.getBoundingClientRect();

if (
          obstacleRect.left < characterRect.right &&
          obstacleRect.right > characterRect.left &&
          obstacleRect.top < characterRect.bottom &&
          obstacleRect.bottom > characterRect.top
        ) {
          gameOver();
        }
      }

// End the game
      function gameOver() {
        isGameOver = true;
        window.removeEventListener("devicemotion", handleMotion, true);
        alert("Game Over! Your score: " + score);
      }

// Handle device motion events
      function handleMotion(event) {
        if (!isGameOver) {
          var accelerationX = event.accelerationIncludingGravity.x;
          var newPosition = character.offsetLeft - accelerationX;

if (newPosition > 0 && newPosition < 350) {
            character.style.left = newPosition + "px";
          }
        }
      }

// Start the game when the page is loaded
      window.onload = startGame;
    </script>
  </body>
</html>
```

Note: This implementation uses the `devicemotion` event, which is specifically for mobile devices. To test it on a desktop browser, you can use browser developer tools to emulate motion events or modify the code to use arrow keys or mouse movements for control.