Underc0de

Programación Web => Front-end => Mensaje iniciado por: Mortal_Poison en Diciembre 20, 2017, 02:27:50 PM

Título: Ruleta con HTML5 y JavaScript
Publicado por: Mortal_Poison en Diciembre 20, 2017, 02:27:50 PM
(https://i.imgur.com/8MH1sCZ.png)

Hace bastante tiempo creé una ruleta, la cual quiero compartir con ustedes, ya que Antrax estaba preguntando por una en éste post. (https://underc0de.org/foro/dudas-generales-121/ruleta-virtual-(html))
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.

(https://i.imgur.com/CawVsfi.png)

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.

(https://i.imgur.com/xkKZRqg.jpg)

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.

Descargar código (https://mega.nz/#!MwlgEQpD!G7bBU-T-ETWz5_qaR_bjeUcg_Z9Q04WFDksBazOtGPM)

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


Título: Re:Ruleta con HTML5 y JavaScript
Publicado por: donjode en Mayo 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...