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

No:17296

2 balls Throwing boomerangs
Developer User7638｜Date and time 23/9/23 3:45:58
Build time 41.533 sec｜Game capacity 3.691KB｜

Script

Sure, here's an example of a simple game that involves throwing boomerangs using pictograms. You can save this code as an HTML file and open it in any web browser on your smartphone to play the game:

Boomerang Game

This game involves controlling two balls using touch events on a smartphone. By tapping on the screen, you can change the direction of the blue boomerang. The objective is to make the balls collide with each other, earning a point each time a collision occurs. You can see the current score displayed on the canvas.

←

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 involves throwing boomerangs using pictograms. You can save this code as an HTML file and open it in any web browser on your smartphone to play the game:

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Boomerang Game</title>
    <style>
      body {
        text-align: center;
      }
      canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <h1>Boomerang Game</h1>
    <canvas id="gameCanvas" width="400" height="300"></canvas>

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

// Set initial positions and speeds
        ballX = 50;
        ballY = 150;
        boomerangX = canvas.width - 50;
        boomerangY = 150;
        ballSpeedX = 5;
        boomerangSpeedX = -3;
        boomerangDirection = 1;
        score = 0;

// Start the game loop
        setInterval(updateGame, 20);

// Bind touch events for mobile devices
        canvas.addEventListener("touchstart", onTouchStart);
        canvas.addEventListener("touchend", onTouchEnd);
      }

// Update the game state
      function updateGame() {
        moveObjects();
        drawObjects();
        checkCollision();
      }

// Move the objects on the canvas
      function moveObjects() {
        ballX += ballSpeedX;
        boomerangX += boomerangSpeedX * boomerangDirection;

// Reverse the boomerang's direction upon reaching canvas boundaries
        if (boomerangX <= 0 || boomerangX >= canvas.width) {
          boomerangDirection *= -1;
        }
      }

// Draw the objects on the canvas
      function drawObjects() {
        // Clear canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw the balls
        ctx.fillStyle = "#FF0000";
        ctx.beginPath();
        ctx.arc(ballX, ballY, 10, 0, Math.PI * 2);
        ctx.fill();

ctx.fillStyle = "#0000FF";
        ctx.beginPath();
        ctx.arc(boomerangX, boomerangY, 10, 0, Math.PI * 2);
        ctx.fill();

// Draw the score
        ctx.font = "20px Arial";
        ctx.fillStyle = "#000000";
        ctx.fillText("Score: " + score, 10, 30);
      }

// Check for collision between the balls
      function checkCollision() {
        const distance = Math.sqrt((ballX - boomerangX) ** 2 + (ballY - boomerangY) ** 2);
        if (distance < 20) {
          // Collision occurred
          score++;
          resetObjects();
        }
      }

// Reset the ball and boomerang positions
      function resetObjects() {
        ballX = 50;
        ballY = 150;
        boomerangX = canvas.width - 50;
        boomerangY = Math.random() * (canvas.height - 20) + 10;
      }

// Handle touchstart event
      function onTouchStart(event) {
        event.preventDefault();
        boomerangSpeedX *= -1;
      }

// Handle touchend event
      function onTouchEnd(event) {
        event.preventDefault();
        boomerangSpeedX *= -1;
      }

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