AI game creator

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

No:20926

←

Prev Next

→

Billiards
Developer User9234｜Date and time 23/10/12 3:01:29
Build time 70.045 sec｜Game capacity 2.639KB｜

Script

Sure! Here's a simple HTML and JavaScript program that simulates a billiards game using pictograms:

To play the game, simply open the HTML file in a browser (preferably on a smartphone) and you'll see a billiards table with 6 balls bouncing around. The balls will collide with the table's edges and change their direction accordingly.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Sure! Here's a simple HTML and JavaScript program that simulates a billiards game using pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="billiardsCanvas" width="400" height="300"></canvas>
    
    <script>
        // Ball object
        function Ball(x, y, radius) {
            this.x = x;
            this.y = y;
            this.radius = radius;
            this.dx = Math.random() * 4 - 2; // random initial speed in x direction
            this.dy = Math.random() * 4 - 2; // random initial speed in y direction

this.draw = function() {
                var canvas = document.getElementById("billiardsCanvas");
                var ctx = canvas.getContext("2d");
                ctx.beginPath();
                ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2);
                ctx.fillStyle = "black";
                ctx.fill();
                ctx.closePath();
            };

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

if (this.x + this.radius >= canvas.width || this.x - this.radius <= 0) {
                    this.dx = -this.dx; // reverse direction in x axis
                }

if (this.y + this.radius >= canvas.height || this.y - this.radius <= 0) {
                    this.dy = -this.dy; // reverse direction in y axis
                }
            };
        }

// Game initialization
        function startGame() {
            var balls = [];

for (var i = 0; i < 6; i++) {
                var x = Math.random() * (canvas.width - 40) + 20;
                var y = Math.random() * (canvas.height - 40) + 20;
                var radius = 15;
                balls.push(new Ball(x, y, radius));
            }

setInterval(updateGameArea, 20);
        }

// Game update
        function updateGameArea() {
            var canvas = document.getElementById("billiardsCanvas");
            var ctx = canvas.getContext("2d");
            ctx.clearRect(0, 0, canvas.width, canvas.height);

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

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