A game about rockets and meteorites's game

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

No:28608

←

Prev Next

→

A game about rockets and meteorites
Developer User14183｜Date and time 23/12/13 9:28:28
Build time 36.003 sec｜Game capacity 3.593KB｜

Script

Sure! Here's an example of a simple game about rockets and meteorites implemented as a single HTML file using JavaScript and pictograms:

This example creates a simple game where the player controls a rocket using the left and right arrow keys on a smartphone. The goal is to avoid colliding with the falling meteorites and try to score as many points as possible by allowing meteorites to pass through the rocket. The game ends when a collision occurs. The score is displayed on the screen, and the player can restart the game after it ends. The rocket and meteorite pictograms need to be replaced with actual image file paths for the game to work properly.

←

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Rockets and Meteorites Game</title>
  <style>
    body {
      margin: 0;
      overflow: hidden;
    }

canvas {
      display: block;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

// Rocket object
    const rocket = {
      x: width / 2 - 25,
      y: height - 100,
      width: 50,
      height: 80,
      speed: 5,
      image: new Image()
    };
    rocket.image.src = "rocket.png";

// Meteorite object
    const meteorite = {
      x: width / 2 - 25,
      y: 0,
      width: 50,
      height: 50,
      speed: 3,
      image: new Image()
    };
    meteorite.image.src = "meteorite.png";

// Game state
    let score = 0;
    let gameEnded = false;

// Game loop
    function gameLoop() {
      ctx.clearRect(0, 0, width, height);

// Draw rocket
      ctx.drawImage(rocket.image, rocket.x, rocket.y, rocket.width, rocket.height);

// Draw meteorite
      ctx.drawImage(meteorite.image, meteorite.x, meteorite.y, meteorite.width, meteorite.height);

// Update meteorite position
      meteorite.y += meteorite.speed;

// Check collision
      if (
        rocket.x < meteorite.x + meteorite.width &&
        rocket.x + rocket.width > meteorite.x &&
        rocket.y < meteorite.y + meteorite.height &&
        rocket.y + rocket.height > meteorite.y
      ) {
        endGame();
      }

// Increase score if meteorite passes the rocket
      if (meteorite.y + meteorite.height > height) {
        score++;
        resetMeteorite();
      }

// Draw score
      ctx.font = "24px Arial";
      ctx.fillStyle = "white";
      ctx.fillText("Score: " + score, 10, 30);

if (!gameEnded) {
        requestAnimationFrame(gameLoop);
      }
    }

// Reset meteorite position after collision or passing the rocket
    function resetMeteorite() {
      meteorite.x = Math.random() * (width - meteorite.width);
      meteorite.y = 0;
    }

// End the game
    function endGame() {
      gameEnded = true;
      alert("Game over! Your score: " + score);
      resetMeteorite();
      score = 0;
      gameEnded = false;
    }

// Handle player input
    function handleInput(event) {
      if (event.key === "ArrowLeft" && rocket.x > 0) {
        rocket.x -= rocket.speed;
      } else if (event.key === "ArrowRight" && rocket.x < width - rocket.width) {
        rocket.x += rocket.speed;
      }
    }

// Start the game
    function startGame() {
      resetMeteorite();
      window.addEventListener("keydown", handleInput);
      gameLoop();
    }

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