Make an Lego Ninjago pixel game when you have to save Ninjago city from the darkness's game

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

No:6365

2336

←

Prev Next

→

Make an Lego Ninjago pixel game when you have to s..ALL
Developer User3888｜Date and time 23/7/2 10:46:05
Build time 27.826 sec｜Game capacity 2.988KB｜

Script

Sure! Here's a simple implementation of a Lego Ninjago pixel game where you have to save Ninjago city from the darkness. Please note that this is a basic implementation and can be further customized and improved based on your requirements.

To play the game: 1. Create an HTML file on your computer and copy the above code into it. 2. Save the file with an appropriate name, such as "lego_ninjago_game.html". 3. Open the HTML file in a web browser (preferably on a smartphone for the intended experience). 4. Use the left and right arrow keys to move the green square (Ninjago) and avoid the black square (darkness). 5. The game will continuously update your score as you play. 6. If Ninjago collides with the darkness, the game will end, and an alert will display your final score. 7. To play again, refresh the page.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Lego Ninjago Pixel Game</title>
  <style>
    canvas {
      border: 1px solid black;
      display: block;
      margin: 20px auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

function startGame() {
      canvas = document.getElementById("gameCanvas");
      ctx = canvas.getContext("2d");

ninjago = { x: 200, y: 350, width: 50, height: 50 };
      darkness = { x: 0, y: 0, width: 400, height: 400 };

score = 0;

document.addEventListener("keydown", moveNinjago);

gameLoop = setInterval(updateGame, 20);
    }

function updateGame() {
      clearCanvas();

drawNinjago();
      drawDarkness();

if (checkCollision()) {
        endGame();
      }

score++;
      displayScore();
    }

function clearCanvas() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
    }

function drawNinjago() {
      ctx.fillStyle = "green";
      ctx.fillRect(ninjago.x, ninjago.y, ninjago.width, ninjago.height);
    }

function drawDarkness() {
      ctx.fillStyle = "black";
      ctx.fillRect(darkness.x, darkness.y, darkness.width, darkness.height);
    }

function moveNinjago(e) {
      // Check arrow key press
      if (e.keyCode === 37) {
        ninjago.x -= 10; // Move left
      } else if (e.keyCode === 39) {
        ninjago.x += 10; // Move right
      }
    }

function checkCollision() {
      return (
        ninjago.x < darkness.x + darkness.width &&
        ninjago.x + ninjago.width > darkness.x &&
        ninjago.y < darkness.y + darkness.height &&
        ninjago.y + ninjago.height > darkness.y
      );
    }

function endGame() {
      clearInterval(gameLoop);
      alert("Game Over! Your Score: " + score);
      location.reload();
    }

function displayScore() {
      ctx.fillStyle = "black";
      ctx.font = "20px Arial";
      ctx.fillText("Score: " + score, 20, 30);
    }

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

To play the game:

1. Create an HTML file on your computer and copy the above code into it.
2. Save the file with an appropriate name, such as "lego_ninjago_game.html".
3. Open the HTML file in a web browser (preferably on a smartphone for the intended experience).
4. Use the left and right arrow keys to move the green square (Ninjago) and avoid the black square (darkness).
5. The game will continuously update your score as you play.
6. If Ninjago collides with the darkness, the game will end, and an alert will display your final score.
7. To play again, refresh the page.