Un juego donde habrá una ruleta,la puedes personalizar agregando texto o emojis, después puedes girarla y lo que te toque tiene saque hacerlo's game

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

No:48437

←

Prev Next

→

Un juego donde habrá una ruleta,la puedes personal..ALL
Developer User18058｜Date and time 24/3/2 5:46:44
Build time 7.955 sec｜Game capacity 1.458KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Ruleta Personalizada</title>
</head>
<body>
  <canvas id="myCanvas" width="400" height="400"></canvas>
  <button onclick="girarRuleta()">Girar Ruleta</button>
  
  <script>
    var canvas = document.getElementById("myCanvas");
    var ctx = canvas.getContext("2d");
    
    var colores = ["red", "blue", "green", "yellow", "purple"];
    
    var numCasillas = 5;
    var anguloCasilla = 360 / numCasillas;
    
    function dibujarRuleta() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      ctx.beginPath();
      ctx.arc(200, 200, 180, 0, 2 * Math.PI);
      ctx.lineWidth = 5;
      ctx.stroke();
      
      for (var i = 0; i < numCasillas; i++) {
        ctx.beginPath();
        ctx.moveTo(200, 200);
        ctx.arc(200, 200, 180, i * anguloCasilla * Math.PI / 180, (i + 1) * anguloCasilla * Math.PI / 180);
        ctx.fillStyle = colores[i];
        ctx.fill();
        ctx.stroke();
      }
    }
    
    function girarRuleta() {
      var resultado = Math.floor(Math.random() * numCasillas);
      var anguloGiro = 360 * 5 + (result * anguloCasilla) - (anguloCasilla / 2);
      
      canvas.style.transition = "transform 5s ease";
      canvas.style.transform = "rotate(" + anguloGiro + "deg)";
      
      setTimeout(function() {
        alert("¡Has obtenido el premio de la casilla " + resultado + "!");
      }, 5000);
    }
    
    dibujarRuleta();
  </script>
</body>
</html>