Pixel space flying throu an endless space your ship shoot every 0.5 seconds at every random colored pixel that deops in its way count every color as resorses's game

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

No:39743

132

←

Prev Next

→

Pixel space flying throu an endless space your shi..ALL
Developer User17462｜Date and time 24/1/30 1:42:08
Build time 21.626 sec｜Game capacity 4.233KB｜

Script

Sure, here's an example of a simple game that meets your requirements:

This code sets up a simple game where the player controls a ship that shoots at random-colored pixels falling from the top of the screen. The player can control the ship's horizontal movement by touching and dragging on the screen. The game keeps track of the number of resources collected by the ship when it collides with a pixel. The resource count is displayed on the screen.

←

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 that meets your requirements:

```html
<!DOCTYPE html>
<html>
  <head>
    <style>
      #gameCanvas {
        background: black;
        display: block;
        margin: auto;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>

// Set up the player's ship
      var ship = {
        x: canvas.width / 2,
        y: canvas.height - 50,
        width: 20,
        height: 20,
        color: "white",
        shootInterval: 0.5
      };

// Define an array to hold the incoming pixels
      var pixels = [];

// Set up a variable to count the resources
      var resourceCount = 0;

// Add an event listener to detect player's touch on the screen
      canvas.addEventListener("touchstart", shoot, false);

// Start the game
      setInterval(gameLoop, 20);

function gameLoop() {
        // Clear the canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Update and draw the ship
        updateShip();
        drawShip();

// Update and draw the pixels
        updatePixels();
        drawPixels();

// Draw the resource count
        drawResourceCount();
      }

function updateShip() {
        // Move the ship horizontally according to the touch position
        canvas.addEventListener("touchmove", function(event) {
          var touchX = event.touches[0].clientX;

if (touchX < canvas.width && touchX > 0) {
            ship.x = touchX;
          }
        });
      }

function drawShip() {
        ctx.fillStyle = ship.color;
        ctx.fillRect(ship.x, ship.y, ship.width, ship.height);
      }

function updatePixels() {
        // Generate a random colored pixel every 1 second
        if (Math.random() < 0.05) {
          pixels.push({
            x: Math.random() * canvas.width,
            y: 0,
            color: getRandomColor()
          });
        }

// Update the position of each pixel and check for collision with the ship
        for (var i = 0; i < pixels.length; i++) {
          var pixel = pixels[i];
          pixel.y += 2;

// Check for collision with the ship
          if (
            pixel.y + 2 >= ship.y &&
            pixel.x >= ship.x &&
            pixel.x <= ship.x + ship.width
          ) {
            // Increase the resource count when collision occurs
            resourceCount++;
            pixels.splice(i, 1);
            i--;
          }

// Remove pixels that go beyond the canvas
          if (pixel.y > canvas.height) {
            pixels.splice(i, 1);
            i--;
          }
        }
      }

function drawPixels() {
        for (var i = 0; i < pixels.length; i++) {
          var pixel = pixels[i];
          ctx.fillStyle = pixel.color;
          ctx.fillRect(pixel.x, pixel.y, 2, 2);
        }
      }

function drawResourceCount() {
        ctx.font = "20px Arial";
        ctx.fillStyle = "white";
        ctx.fillText("Resources: " + resourceCount, 10, 30);
      }

function shoot() {
        // Shoot a bullet from the ship
        pixels.push({
          x: ship.x + ship.width / 2,
          y: ship.y,
          color: getRandomColor()
        });
      }

function getRandomColor() {
        var letters = "0123456789ABCDEF";
        var color = "#";
        for (var i = 0; i < 6; i++) {
          color += letters[Math.floor(Math.random() * 16)];
        }
        return color;
      }
    </script>
  </body>
</html>
```