Onde dois quadrado andando e quando eles se tocam cria outros quadrados's game

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

No:38167

104

←

Prev Next

→

Onde dois quadrado andando e quando eles se tocam ..ALL
Developer User16419｜Date and time 24/1/23 2:12:55
Build time 9.853 sec｜Game capacity 2.333KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo de Quadrados</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

var squareSize = 50;
        var squares = [];

function Square(x, y, dx, dy) {
            this.x = x;
            this.y = y;
            this.dx = dx;
            this.dy = dy;

this.draw = function() {
                ctx.fillRect(this.x, this.y, squareSize, squareSize);
            }

this.update = function() {
                this.x += this.dx;
                this.y += this.dy;

// Check collision with boundaries
                if (this.x <= 0 || this.x + squareSize >= canvas.width) {
                    this.dx = -this.dx;
                }
                if (this.y <= 0 || this.y + squareSize >= canvas.height) {
                    this.dy = -this.dy;
                }

// Check collision with other squares
                for (var i = 0; i < squares.length; i++) {
                    var otherSquare = squares[i];
                    if (otherSquare !== this &&
                        this.x < otherSquare.x + squareSize &&
                        this.x + squareSize > otherSquare.x &&
                        this.y < otherSquare.y + squareSize &&
                        this.y + squareSize > otherSquare.y) {
                        squares.push(new Square(this.x, this.y, -this.dx, -this.dy));
                        break;
                    }
                }
            }
        }

function drawBackground() {
            ctx.fillStyle = "white";
            ctx.fillRect(0, 0, canvas.width, canvas.height);
        }

function updateGame() {
            drawBackground();

for (var i = 0; i < squares.length; i++) {
                squares[i].update();
                squares[i].draw();
            }

requestAnimationFrame(updateGame);
        }

// Initialize the game
        squares.push(new Square(50, 50, 2, 1));
        squares.push(new Square(200, 200, -1, -2));
        updateGame();
    </script>
</body>
</html>