Shooting star with control,and level 1-10's game

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

No:18726

←

Prev Next

→

Shooting star with control,and level 1-10
Developer User8249｜Date and time 23/9/30 14:41:51
Build time 7.494 sec｜Game capacity 2.34KB｜

Script

Sure, here's the implementation for a simple shooting star game with 10 levels using JavaScript and HTML:

Please note that in this implementation, I have used a background image for the shooting star, which would require you to replace the `'emozi_all/background.png'` with the path to your desired pictogram image. Additionally, this implementation only includes the basic movement and collision detection. You can enhance it further by adding shooting functionality, enemy objects, score tracking, etc., depending on your requirements and preferences.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure, here's the implementation for a simple shooting star game with 10 levels using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Shooting Star Game</title>
  <style>
    #game-container {
      width: 100%;
      height: 600px;
      background-color: black;
      position: relative;
      overflow: hidden;
    }

#shooting-star {
      width: 50px;
      height: 50px;
      background-image: url('shooting-star.png'); /* Replace with the path to the pictogram image */
      background-size: cover;
      position: absolute;
      top: calc(50% - 25px);
      left: calc(50% - 25px);
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="shooting-star"></div>
  </div>

var posX = 0;
    var posY = 0;
    var level = 1;

// Function to handle the movement of the shooting star
    function moveStar(e) {
      posX = e.touches[0].clientX - gameContainer.offsetLeft;
      posY = e.touches[0].clientY - gameContainer.offsetTop;
      shootingStar.style.left = posX + 'px';
      shootingStar.style.top = posY + 'px';
    }

// Function to handle shooting star collision with game boundaries
    function checkCollision() {
      if (posX <= 0 || posX >= gameContainer.offsetWidth - shootingStar.offsetWidth ||
          posY <= 0 || posY >= gameContainer.offsetHeight - shootingStar.offsetHeight) {
        gameContainer.removeEventListener('touchmove', moveStar);
        alert('Game Over! You reached Level ' + level);
        location.reload();
      }
    }

// Initialize the game
    function init() {
      gameContainer.addEventListener('touchmove', moveStar);
      gameContainer.addEventListener('touchmove', checkCollision);
    }

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

Please note that in this implementation, I have used a background image for the shooting star, which would require you to replace the `'shooting-star.png'` with the path to your desired pictogram image. Additionally, this implementation only includes the basic movement and collision detection. You can enhance it further by adding shooting functionality, enemy objects, score tracking, etc., depending on your requirements and preferences.