100 squares throwing boomerangs at each other if you touch one of the squares they will throw one And they are moving around for all devices's game

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

No:17113

124

←

Prev Next

→

100 squares throwing boomerangs at each other if y..ALL
Developer User7570｜Date and time 23/9/22 8:54:50
Build time 26.055 sec｜Game capacity 4.063KB｜

Script

Sure! Here's a complete implementation of the game you described, using JavaScript and HTML:

This HTML file sets up a canvas element, where 100 squares are randomly created and move around. If you touch any of the squares, it will change its direction. The squares will keep moving and throwing "boomerangs" as long as the game is running. The game is optimized for smartphone operation and uses pictograms to represent the squares.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a complete implementation of the game you described, using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Boomerang Game</title>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Set canvas dimensions to match the device screen
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;

// Create an array to hold the squares
        var squares = [];

// Define the Square class
        function Square(x, y) {
            this.x = x;
            this.y = y;
            this.vx = Math.random() * 2 - 1; // Random velocity between -1 and 1
            this.vy = Math.random() * 2 - 1;
            this.color = getRandomColor();

// Draw the square on the canvas
            this.draw = function() {
                ctx.fillStyle = this.color;
                ctx.fillRect(this.x, this.y, 50, 50);
            };

// Update the square's position
            this.update = function() {
                this.x += this.vx;
                this.y += this.vy;

// Reverse direction if square hits the edge of the screen
                if (this.x <= 0 || this.x >= canvas.width - 50) {
                    this.vx *= -1;
                }

if (this.y <= 0 || this.y >= canvas.height - 50) {
                    this.vy *= -1;
                }
            };
        }

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

// Initialize the game
        function init() {
            // Create 100 squares at random positions
            for (var i = 0; i < 100; i++) {
                var x = Math.random() * (canvas.width - 50);
                var y = Math.random() * (canvas.height - 50);
                var square = new Square(x, y);
                squares.push(square);
            }

// Start the game loop
            setInterval(update, 1000 / 60); // 60 FPS
        }

// Update the game state and redraw the canvas
        function update() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Move and draw each square
            for (var i = 0; i < squares.length; i++) {
                squares[i].update();
                squares[i].draw();
            }
        }

// Handle touch events (throw boomerang)
        function onTouchStart(event) {
            event.preventDefault();

var touch = event.touches[0];
            var x = touch.clientX;
            var y = touch.clientY;

// Check if any square is touched
            for (var i = 0; i < squares.length; i++) {
                var square = squares[i];
                if (x >= square.x && x <= square.x + 50 && y >= square.y && y <= square.y + 50) {
                    // Reverse the square's direction (throw boomerang)
                    square.vx *= -1;
                    square.vy *= -1;
                    break; // Only one square can be touched at a time
                }
            }
        }

// Attach event listeners
        document.addEventListener("touchstart", onTouchStart, false);

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