A ninja fighting demons in hell's game

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

No:26399

←

Prev Next

→

A ninja fighting demons in hell
Developer User13082｜Date and time 23/11/30 5:18:10
Build time 121.583 sec｜Game capacity 3.641KB｜

Script

Sure! Here's an example of a simple game where you control a ninja fighting demons in hell using smartphone operation. The game uses pictograms to represent characters and actions. It is implemented as a single HTML file that contains JavaScript enclosed in script tags.

In this game, you control the ninja using the tilt of your smartphone. Tilt it left or right to move the ninja horizontally, and tilt it up or down to move the ninja vertically. The demon will try to chase and collide with the ninja, causing the game to end. Note: Remember to replace `"emozi_all/pictogram.png"` and `"emozi_all/pictogram.png"` with the actual paths to the image files you want to use for the ninja and demon pictograms.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Ninja vs Demons</title>
</head>
<body>

// Ninja character
    var ninja = {
      x: 50,
      y: canvas.height / 2,
      width: 50,
      height: 50,
      image: new Image(),
      speed: 5,
    }
    ninja.image.src = "ninja_pictogram.png";

// Demon character
    var demon = {
      x: canvas.width - 100,
      y: canvas.height / 2,
      width: 50,
      height: 50,
      image: new Image(),
      speed: 3,
    }
    demon.image.src = "demon_pictogram.png";

// Handle player movements
    function moveNinja(event) {
      // Check if smartphone is tilted left
      if (event.gamma < -10) {
        ninja.x -= ninja.speed;
      }
      // Check if smartphone is tilted right
      else if (event.gamma > 10) {
        ninja.x += ninja.speed;
      }
      // Check if smartphone is tilted up
      if (event.beta < -10) {
        ninja.y -= ninja.speed;
      }
      // Check if smartphone is tilted down
      else if (event.beta > 10) {
        ninja.y += ninja.speed;
      }
    }

// Update game state
    function updateGame() {
      // Clear the canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw the characters
      ctx.drawImage(ninja.image, ninja.x, ninja.y, ninja.width, ninja.height);
      ctx.drawImage(demon.image, demon.x, demon.y, demon.width, demon.height);

// Update demon position towards ninja
      if (demon.x > ninja.x) {
        demon.x -= demon.speed;
      }
      if (demon.y > ninja.y) {
        demon.y -= demon.speed;
      }
      if (demon.x < ninja.x) {
        demon.x += demon.speed;
      }
      if (demon.y < ninja.y) {
        demon.y += demon.speed;
      }

// Check if the characters collide
      if (checkCollision(ninja, demon)) {
        // Game over condition, handle logic accordingly
        // For simplicity, let's just display an alert
        alert("Game Over!");
        document.removeEventListener("deviceorientation", moveNinja);
      }

// Request animation frame to update game continuously
      requestAnimationFrame(updateGame);
    }

// Check collision between two characters
    function checkCollision(character1, character2) {
      if (
        character1.x < (character2.x + character2.width) &&
        (character1.x + character1.width) > character2.x &&
        character1.y < (character2.y + character2.height) &&
        (character1.y + character1.height) > character2.y
      ) {
        return true;
      }
      return false;
    }

// Start the game when the page loads
    window.onload = function() {
      document.addEventListener("deviceorientation", moveNinja);
      updateGame();
    };
  </script>

</body>
</html>
```

Note: Remember to replace `"ninja_pictogram.png"` and `"demon_pictogram.png"` with the actual paths to the image files you want to use for the ninja and demon pictograms.