AI game creator

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

No:49686

←

Prev Next

→

Billiards
Developer User21132｜Date and time 24/3/6 5:29:37
Build time 10.229 sec｜Game capacity 2.307KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>¡Juguemos al billar!</title>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>
    
    <script type="text/javascript">
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');
        
        // Dibujar la mesa de billar
        ctx.fillStyle = 'green';
        ctx.fillRect(50, 50, 300, 500);
        
        // Dibujar las bolas
        ctx.fillStyle = 'white';
        ctx.beginPath();
        ctx.arc(200, 150, 10, 0, Math.PI*2, true);
        ctx.fill();
        
        ctx.fillStyle = 'red';
        ctx.beginPath();
        ctx.arc(150, 300, 10, 0, Math.PI*2, true);
        ctx.fill();
        
        ctx.fillStyle = 'yellow';
        ctx.beginPath();
        ctx.arc(200, 300, 10, 0, Math.PI*2, true);
        ctx.fill();
        
        ctx.fillStyle = 'blue';
        ctx.beginPath();
        ctx.arc(250, 300, 10, 0, Math.PI*2, true);
        ctx.fill();
        
        ctx.fillStyle = 'black';
        ctx.beginPath();
        ctx.arc(200, 450, 10, 0, Math.PI*2, true);
        ctx.fill();
        
        // Funciones de movimiento de la bola blanca
        let ballX = 200;
        let ballY = 550;
        
        function drawBall(){
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.fillStyle = 'white';
            ctx.beginPath();
            ctx.arc(ballX, ballY, 10, 0, Math.PI*2, true);
            ctx.fill();
            
            // Verificar si la bola blanca choca con las otras bolas y rebotar
            // Código de detección de colisión
        }
        
        function moveBall(direction){
            // Mover la bola en la dirección especificada
            if(direction === 'left'){
                ballX -= 10;
            }else if(direction === 'right'){
                ballX += 10;
            }
            
            drawBall();
        }
        
        // Escuchar eventos de teclado para mover la bola
        window.addEventListener('keydown', function(event){
            if(event.key === 'ArrowLeft'){
                moveBall('left');
            }else if(event.key === 'ArrowRight'){
                moveBall('right');
            }
        });
    </script>
  </body>
</html>