"nameCage run" run from a Giant wolf You can speed boost Tilt Device to Move your Player right and left Jump on zip lines avoid obstacles's game

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

No:39430

←

Prev Next

→

"nameCage run" run from a Giant wolf You can speed..ALL
Developer Game Studio｜Date and time 24/1/28 11:55:41
Build time 17.034 sec｜Game capacity 4.648KB｜

Script

Sure, here's an example of a simple game implemented as a single HTML file using JavaScript and pictograms:

This example creates a simple game where the player needs to run from a giant wolf. The player can speed boost by tilting the device left or right. They can also jump on zip lines and need to avoid obstacles. The game is implemented using JavaScript and utilizes the `mousemove` event to detect device tilt. The game loop continuously checks for collisions and updates the game state. If a collision with an obstacle occurs, the game ends and an alert is shown.

←

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 game implemented as a single HTML file using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
  <title>nameCage run</title>
  <style>
    #game {
      width: 100%;
      height: 400px;
      background: skyblue;
      position: relative;
    }
    #player {
      width: 50px;
      height: 50px;
      background: yellow;
      position: absolute;
      bottom: 0;
    }
    .obstacle {
      width: 30px;
      height: 30px;
      background: red;
      position: absolute;
    }
    .zip-line {
      width: 5px;
      height: 100px;
      background: black;
      position: absolute;
    }
  </style>
</head>
<body>
  <div id="game">
    <div id="player"></div>
    <div class="obstacle" style="left: 100px;"></div>
    <div class="obstacle" style="left: 200px;"></div>
    <div class="obstacle" style="left: 300px;"></div>
    <div class="zip-line" style="left: 150px;"></div>
    <div class="zip-line" style="left: 250px;"></div>
  </div>

// Move player left or right based on device tilt
    window.addEventListener('deviceorientation', function(e) {
      var xTilt = e.gamma; // Get device tilt value
      
      if (xTilt < -10) {
        movePlayer(-speed); // Move player left
      } else if (xTilt > 10) {
        movePlayer(speed); // Move player right
      }
    });

// Player movement function
    function movePlayer(distance) {
      var playerLeft = parseInt(player.style.left) || 0;
      var playerWidth = parseInt(player.style.width);
      var gameWidth = parseInt(game.clientWidth);

// Check player boundaries
      if (playerLeft + distance >= 0 && playerLeft + playerWidth + distance <= gameWidth) {
        player.style.left = (playerLeft + distance) + 'px';
      }
    }

// Jump when player touches a zip line
    function jump() {
      player.style.bottom = '100px'; // Jump height
      setTimeout(function() {
        player.style.bottom = '0';
      }, 500); // Jump duration
    }

// Check for collisions
    function checkCollisions() {
      var playerLeft = parseInt(player.style.left);
      var playerWidth = parseInt(player.style.width);
      var playerBottom = parseInt(player.style.bottom);
      var playerHeight = parseInt(player.style.height);

for (var i = 0; i < obstacles.length; i++) {
        var obstacle = obstacles[i];
        var obstacleLeft = parseInt(obstacle.style.left);
        var obstacleTop = parseInt(obstacle.style.top);
        var obstacleWidth = parseInt(obstacle.style.width);
        var obstacleHeight = parseInt(obstacle.style.height);

if (
          playerLeft < obstacleLeft + obstacleWidth &&
          playerLeft + playerWidth > obstacleLeft &&
          playerBottom + playerHeight > obstacleTop &&
          playerBottom < obstacleTop + obstacleHeight
        ) {
          endGame();
          return;
        }
      }

for (var j = 0; j < zipLines.length; j++) {
        var zipLine = zipLines[j];
        var zipLineLeft = parseInt(zipLine.style.left);
        var zipLineTop = parseInt(zipLine.style.top);
        var zipLineHeight = parseInt(zipLine.style.height);

if (
          playerLeft < zipLineLeft + 5 &&
          playerLeft + playerWidth > zipLineLeft &&
          playerBottom + playerHeight >= zipLineTop &&
          playerBottom <= zipLineTop + zipLineHeight
        ) {
          jump();
        }
      }
    }

// Game loop
    function gameLoop() {
      checkCollisions();
      requestAnimationFrame(gameLoop);
    }

// Start game
    function startGame() {
      gameLoop();
    }

// End game
    function endGame() {
      alert('Game over!');
    }

startGame();
  </script>
</body>
</html>
```

This example creates a simple game where the player needs to run from a giant wolf. The player can speed boost by tilting the device left or right. They can also jump on zip lines and need to avoid obstacles. The game is implemented using JavaScript and utilizes the `deviceorientation` event to detect device tilt. The game loop continuously checks for collisions and updates the game state. If a collision with an obstacle occurs, the game ends and an alert is shown.