>Omniversal clash EVENT After 10 seconds 5 different colored balls if light moving closer and closer together and after 5 seconds they merge into a golden orb and creates energy everywhere's game

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

No:30622

6151

←

Prev Next

→

>Omniversal clash EVENT After 10 seconds 5 d..ALL
Developer anonymous｜Date and time 70/1/1 10:39:47
Build time unknown sec｜Game capacity 5.987KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            background-color: black;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

canvas {
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Game variables
            let canvas, ctx, balls, orb, energy;

// Start the game
            function startGame() {
                canvas = document.getElementById("gameCanvas");
                canvas.width = CANVAS_WIDTH;
                canvas.height = CANVAS_HEIGHT;
                ctx = canvas.getContext("2d");

balls = [];
                orb = null;
                energy = [];

// Generate initial balls
                for (let i = 0; i < BALL_COLORS.length; i++) {
                    const ball = {
                        x: Math.random() * (CANVAS_WIDTH - BALL_RADIUS * 2) + BALL_RADIUS,
                        y: Math.random() * (CANVAS_HEIGHT - BALL_RADIUS * 2) + BALL_RADIUS,
                        color: BALL_COLORS[i],
                        velocity: {
                            x: Math.random() - 0.5,
                            y: Math.random() - 0.5
                        }
                    };
                    balls.push(ball);
                }

// Start the merge timer
                setTimeout(mergeBalls, 10000); // 10 seconds

// Start the game loop
                requestAnimationFrame(update);
            }

// Merge balls by creating an orb
            function mergeBalls() {
                balls.forEach(function (ball) {
                    ball.velocity.x = 0;
                    ball.velocity.y = 0;
                });

orb = {
                    x: CANVAS_WIDTH / 2,
                    y: CANVAS_HEIGHT / 2,
                    radius: BALL_RADIUS,
                    color: ORB_COLOR
                };
            }

// Update the game state
            function update() {
                clearCanvas();

if (orb) {
                    drawBall(orb);
                    energy.forEach(drawEnergy);
                    spreadEnergy();
                }

balls.forEach(function (ball) {
                    moveBall(ball);
                    drawBall(ball);
                });

requestAnimationFrame(update);
            }

// Clear the canvas
            function clearCanvas() {
                ctx.clearRect(0, 0, CANVAS_WIDTH, CANVAS_HEIGHT);
            }

// Move a ball
            function moveBall(ball) {
                ball.x += ball.velocity.x;
                ball.y += ball.velocity.y;

// Reverse direction if ball hits the boundary
                if (ball.x - BALL_RADIUS <= 0 || ball.x + BALL_RADIUS >= CANVAS_WIDTH) {
                    ball.velocity.x *= -1;
                }
                if (ball.y - BALL_RADIUS <= 0 || ball.y + BALL_RADIUS >= CANVAS_HEIGHT) {
                    ball.velocity.y *= -1;
                }

// Adjust ball position if it goes beyond the boundary
                if (ball.x - BALL_RADIUS < 0) {
                    ball.x = BALL_RADIUS;
                }
                if (ball.x + BALL_RADIUS > CANVAS_WIDTH) {
                    ball.x = CANVAS_WIDTH - BALL_RADIUS;
                }
                if (ball.y - BALL_RADIUS < 0) {
                    ball.y = BALL_RADIUS;
                }
                if (ball.y + BALL_RADIUS > CANVAS_HEIGHT) {
                    ball.y = CANVAS_HEIGHT - BALL_RADIUS;
                }
            }

// Draw a ball
            function drawBall(ball) {
                ctx.beginPath();
                ctx.arc(ball.x, ball.y, BALL_RADIUS, 0, Math.PI * 2);
                ctx.fillStyle = ball.color;
                ctx.fill();
                ctx.closePath();
            }

// Draw energy
            function drawEnergy(energy) {
                ctx.beginPath();
                ctx.arc(energy.x, energy.y, energy.radius, 0, Math.PI * 2);
                ctx.fillStyle = "rgba(255, 255, 255, " + energy.alpha + ")";
                ctx.fill();
                ctx.closePath();
            }

// Spread energy from the merged orb
            function spreadEnergy() {
                if (energy.length < ENERGY_RADIUS) {
                    const newEnergy = {
                        x: orb.x,
                        y: orb.y,
                        radius: energy.length,
                        alpha: ENERGY_ALPHA
                    };
                    energy.unshift(newEnergy);
                }

energy.forEach(function (energy) {
                    if (energy.radius <= ENERGY_RADIUS) {
                        energy.radius += ENERGY_SPEED;
                    }
                    energy.alpha -= ENERGY_DECAY;
                });

// Remove energy that has faded out
                energy = energy.filter(function (energy) {
                    return energy.alpha > 0;
                });
            }

// Start the game
            startGame();
        });
    </script>
</body>
</html>