AI game creator

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

No:39561

←

Prev Next

→

Billiards
Developer User17694｜Date and time 24/1/29 2:23:51
Build time 9.253 sec｜Game capacity 1.956KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Billar</title>
    <style>
        #canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="canvas" width="400" height="600"></canvas>

// Definición de la clase Bola
        class Bola {
            constructor(x, y, vx, vy, radio, color) {
                this.x = x;
                this.y = y;
                this.vx = vx;
                this.vy = vy;
                this.radio = radio;
                this.color = color;
            }

dibujar() {
                ctx.beginPath();
                ctx.arc(this.x, this.y, this.radio, 0, Math.PI * 2);
                ctx.fillStyle = this.color;
                ctx.fill();
                ctx.closePath();
            }

mover() {
                this.x += this.vx;
                this.y += this.vy;
            }

rebote() {
                if (this.x + this.radio > canvas.width || this.x - this.radio < 0) {
                    this.vx *= -1;
                }
                if (this.y + this.radio > canvas.height || this.y - this.radio < 0) {
                    this.vy *= -1;
                }
            }
        }

// Creación de las bolas del juego
        const bolas = [
            new Bola(300, 300, -2, -2, 20, "red"),
            new Bola(200, 400, 2, -3, 30, "green"),
            new Bola(100, 200, 3, 1, 15, "blue")
        ];

function dibujar() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            for (let bola of bolas) {
                bola.rebote();
                bola.mover();
                bola.dibujar();
            }
        }

// Iniciar el juego
        setInterval(dibujar, 10);
    </script>
</body>
</html>