Make a Game exactly like soccer rising star. But without downtime and ads's game

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

No:20830

←

Prev Next

→

Make a Game exactly like soccer rising star. But ..ALL
Developer User9166｜Date and time 23/10/11 7:36:30
Build time 282.573 sec｜Game capacity 5.286KB｜

Script

Certainly! Here's a simple implementation of a "Soccer Rising Star" game using JavaScript in a single HTML file. The game is optimized for smartphone operation and uses pictograms. It does not include any downtime or ads. Simply copy the code below and save it as an HTML file to play the game:

To play the game, open the saved HTML file in a web browser on your smartphone. The player can use the left and right arrow keys to move the player pictogram and catch the ball. The score increases whenever the player successfully catches the ball. If the player misses the ball and it reaches the bottom of the screen, a "Game Over" message will appear with the final score. Enjoy playing "Soccer Rising Star"!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Soccer Rising Star</title>
  <style>
    html, body {
      margin: 0;
      padding: 0;
      font-family: Arial, sans-serif;
      text-align: center;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="320" height="480"></canvas>

// Global variables
    let canvas, ctx;
    const playerSize = { width: 48, height: 48 };
    const ballSize = { width: 36, height: 36 };
    let playerX, playerY, ballX, ballY, score;

// Initialize the game
    function init() {
      canvas = document.getElementById("gameCanvas");
      ctx = canvas.getContext("2d");

playerX = canvas.width / 2 - playerSize.width / 2;
      playerY = canvas.height - playerSize.height;
      ballX = Math.random() * (canvas.width - ballSize.width);
      ballY = 0;

score = 0;

document.addEventListener("keydown", handleKeyDown);
      draw();
    }

// Handle player movement
    function handleKeyDown(event) {
      const key = event.key.toLowerCase();
      if (key === "arrowleft" && playerX > 0) {
        playerX -= 10;
      } else if (key === "arrowright" && playerX < canvas.width - playerSize.width) {
        playerX += 10;
      }
    }

// Update game state
    function update() {
      ballY += 5;

// Check if ball is caught by player
      if (ballY + ballSize.height >= playerY && ballX + ballSize.width >= playerX && ballX <= playerX + playerSize.width) {
        score++;
        ballX = Math.random() * (canvas.width - ballSize.width);
        ballY = 0;
      }

// Check if ball is missed
      if (ballY >= canvas.height) {
        alert("Game Over! Your score: " + score);
        document.removeEventListener("keydown", handleKeyDown);
        return;
      }

draw();
    }

// Draw game elements on canvas
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
      const playerImg = new Image();
      playerImg.src = playerImage;
      ctx.drawImage(playerImg, playerX, playerY, playerSize.width, playerSize.height);

// Draw ball
      const ballImg = new Image();
      ballImg.src = ballImage;
      ctx.drawImage(ballImg, ballX, ballY, ballSize.width, ballSize.height);

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

// Call update function recursively
      requestAnimationFrame(update);
    }

// Start the game
    window.onload = init;
  </script>
</body>
</html>
```

Enjoy playing "Soccer Rising Star"!