This site uses cookies own and third. If you continue to browse consider to accept the use of cookies. OK More Info.

Ruleta con HTML5 y JavaScript

  • 1 Replies
  • 12765 Views

0 Members and 1 Guest are viewing this topic.

Offline Mortal_Poison

  • *
  • Ex-Staff
  • *****
  • Posts: 204
  • Actividad:
    0%
  • Country: co
  • Reputación 17
  • Become the change you seek in the world. -Gandhi.
  • Twitter: https://www.twitter.com/Mortal_Poison_
    • View Profile
    • XECURE-LABS

Ruleta con HTML5 y JavaScript

  • on: December 20, 2017, 02:27:50 pm

Hace bastante tiempo creé una ruleta, la cual quiero compartir con ustedes, ya que Antrax estaba preguntando por una en You are not allowed to view links. Register or Login
De igual manera, en mis tiempos libres creaba juegos en JavaScript, Html5 y CSS3, así que bueno, espero que les sirva, ya que no es muy complicado el funcionamiento.


Cuando se da click en "Girar", automáticamente gira la ruleta y cae en algún elemento.

El index, simplemente contiene un botón, el cual nos ayudará a llamar un evento en el JavaScript. También tenemos el Canvas, que lo definimos ahí mismo.



En el archivo de Index.js, tenemos la lógica, donde están los colores en una función de RGB con retornos, y también, el cómo gira la rueda y la flecha cómo toma sus valores.

El código está comentado, así que espero que les sea de gran ayuda.

El código lo pueden descargar desde el siguiente enlace.

You are not allowed to view links. Register or Login

Cualquier sugerencia, duda u opinión, será bien recibida.


Become the change you seek in the world. -Gandhi.


Offline donjode

  • *
  • Underc0der
  • Posts: 1
  • Actividad:
    0%
  • Reputación 0
    • View Profile

Re:Ruleta con HTML5 y JavaScript

  • on: May 08, 2020, 12:27:15 am
buenas, no se si estaras activo por aqui...

como podria hacer que caiga en el valor que le indique mediante php?
osea que no sea random...