Lanzar moneda y ruleta gratis
Lanza una moneda virtual, gira una rueda personalizable o elige al azar de una lista de opciones. Utiliza la aleatoriedad criptográficamente segura de tu navegador — no es un sorteo verificable públicamente, así que evita concursos regulados.
🔒 Los tres usan el generador aleatorio criptográficamente seguro de tu navegador: primero se elige el resultado y luego se anima. La moneda es un verdadero 50/50, la ruleta gira hasta el resultado ya elegido y el selector no tiene sesgo. Nada sale de tu dispositivo. Es justo para un uso casual, pero no es un sorteo público verificable, así que evita concursos regulados o decisiones de gran valor.
Usos habituales
- Lanzar moneda para tomar decisionesUsa un lanzamiento de moneda virtual justo para tomar decisiones rápidas e imparciales cuando estés atrapado entre dos opciones.
- Rueda giratoria para asignaciones aleatorias de equipoUsa la rueda giratoria personalizable para asignar aleatoriamente miembros del equipo a tareas, roles o grupos.
- Selector de estudiantes aleatorio para aulasUsa la rueda giratoria o selector de opciones para llamar aleatoriamente a estudiantes, asignar grupos o seleccionar voluntarios.
- Lanzamiento de moneda virtual para deportesLanza una moneda justa para determinar lados del equipo, primera posesión, orden de servicio u otras decisiones deportivas.
- Selector aleatorio para sorteosSelecciona un ganador aleatorio de una lista de participantes usando el Selector de Opciones — transparente y justo.
Cómo funciona
Los tres modos (lanzar moneda, ruleta y selector de opciones) usan la Web Crypto API integrada del navegador (crypto.getRandomValues) para generar el resultado ganador, y luego ejecutan la animación por completo en el navegador con transformaciones CSS y requestAnimationFrame. No interviene ningún servidor en ningún momento.
- 1Web Crypto elige el ganadorAntes de que empiece cualquier animación, crypto.getRandomValues rellena un Uint32Array con un entero de 32 bits criptográficamente aleatorio. Una operación de módulo lo asigna al número de opciones (2 para cara/cruz, N para la ruleta o el selector), así que cada resultado tiene exactamente la misma probabilidad.
- 2El ángulo de rotación se calcula para que caiga en el resultadoPara la moneda, el código calcula la rotación adicional más corta (sobre el ángulo acumulado actual) que termina con la cara correcta arriba (cara en 0°, cruz en 180°), y luego añade 5 vueltas completas para que parezca un giro real. La ruleta hace lo mismo: encuentra el desplazamiento angular que sitúa la porción ganadora bajo el indicador, añade 6 rotaciones completas y aplica una pequeña variación aleatoria para que el indicador no siempre se detenga justo en el centro de la porción.
- 3Las transiciones CSS y requestAnimationFrame controlan la animaciónLa moneda y la ruleta se animan mediante transform de CSS con una curva de easing cubic-bezier aplicada a un único valor de rotación acumulado; no se necesita JavaScript por fotograma una vez fijado el ángulo. El selector de opciones usa requestAnimationFrame en su lugar: en cada fotograma, un intervalo de crecimiento cuadrático determina si avanzar el resaltado, produciendo una desaceleración estilo tragamonedas que siempre termina en el ganador predeterminado.
- 4El resultado se revela y se registra en el historial de la sesiónUn setTimeout se dispara cuando la animación termina (1,3 s para la moneda, 4,3 s para la ruleta) y escribe el resultado en el estado. El modo moneda mantiene un historial de sesión en curso de hasta 24 lanzamientos con recuentos de cara/cruz. Los usuarios con prefers-reduced-motion activado se saltan la animación por completo y ven el resultado de inmediato.
Guía
Ejemplo práctico
Abre la página en la pestaña «Coin Flip» y pulsa «Lanzar moneda»; tocar la moneda también funciona. El botón dice «Lanzando…» durante 1,3 segundos mientras gira la moneda, y luego aparece «¡Cara!» o «¡Cruz!» con una línea como «3 Caras / 2 Cruces en 5 lanzamientos» y una fila de fichas H y T. Cambia a «Spin Wheel», que empieza con Pizza, Sushi, Tacos y Burgers. Escribe Ramen en «Añadir opción…» y pulsa Intro para obtener cinco porciones de 72 grados cada una. Pulsa «Girar la ruleta»; tras 4,3 segundos el puntero se detiene y un cuadro muestra «Winner» y el nombre. «Eliminar ganador y girar de nuevo» aparece mientras quedan más de dos opciones. En «Option Picker», con Yes, No y Maybe, pulsa «Elegir opción al azar»: las filas se iluminan por turnos hasta 1,6 segundos y el cuadro etiquetado «Seleccionado» muestra la respuesta.
Qué ajustes usar y los límites
- Toca la moneda o el botón y espera a que aterrice. «Lanzar moneda» y la propia moneda inician un lanzamiento. El resultado se elige antes de que empiece la animación, con el generador aleatorio seguro del navegador, así que es un 50/50 auténtico y el giro solo lo muestra. Los toques adicionales se ignoran durante los 1,3 segundos que dura. Las fichas bajo la moneda enumeran tus últimos 24 lanzamientos, el más reciente primero, y la línea «Caras / Cruces en N lanzamientos» cuenta como máximo esos 24, así que nunca indica más de 24 lanzamientos. La lista se conserva solo mientras la página está abierta.
- Crea la ruleta con hasta 24 opciones. Escribe en «Añadir opción…» y pulsa Intro o «+». Cada opción se recorta a 24 caracteres, y «+» aparece en gris cuando el cuadro está vacío, mientras gira la ruleta o con 24 opciones. La × junto a una opción la elimina. No se puede editar en el sitio, así que elimina una opción y añádela de nuevo. «Girar la ruleta» necesita al menos dos opciones. Una etiqueta de más de 16 caracteres se acorta en su porción, pero el cuadro del ganador la muestra completa. Añadir la misma opción dos veces le da dos porciones y, por tanto, el doble de probabilidad.
- Usa la eliminación para ordenar nombres. Tras un giro, «Eliminar ganador y girar de nuevo» quita al ganador de la ruleta y hace girar el resto de inmediato. Solo aparece mientras quedan más de dos opciones, así que el último giro es entre dos. Úsalo para sacar un orden de intervención o para eliminar opciones una a una. «Pantalla completa», que se muestra donde el navegador lo admite, oculta la lista de opciones y mantiene la ruleta, el ganador y el botón de girar, lo que conviene a la pantalla de un aula. No puedes añadir ni quitar opciones mientras gira.
- Usa Option Picker para una lista sencilla. Cada opción tiene su propia fila. Intro añade una fila debajo, las teclas de flecha arriba y abajo se mueven entre filas, y Retroceso en una fila vacía la elimina; el botón × también quita una fila, pero siempre queda una. Las filas en blanco se ignoran, y «Elegir opción al azar» aparece en gris hasta que al menos una fila tenga texto. Con una sola fila llena responde al instante, sin la animación. Puedes añadir más filas que las 24 opciones de la ruleta, pero un enlace compartido conserva solo las primeras 50.
- Comparte una ruleta o una lista como enlace. «Compartir resultado» aparece bajo las pestañas «Spin Wheel» y «Option Picker». Una vez que has cambiado una opción, la dirección de la página lleva ambas listas después de un #, y el botón copia ese enlace, o abre la hoja de compartir en un teléfono. Los navegadores no envían a un servidor la parte posterior a #. Cuando se abre el enlace, cada opción se recorta a 24 caracteres, la ruleta conserva 24 opciones y el selector 50, y las comas dentro de una opción se conservan. Una dirección de más de 1.800 caracteres se descarta, lo que da un enlace simple sin opciones.
- Entiende qué significa «justo» aquí. Los tres modos usan el generador aleatorio criptográficamente seguro del navegador. El resultado se elige primero y la animación se dispone para aterrizar en él; el pequeño desplazamiento de dónde se detiene el puntero dentro de una porción es solo estético. Eso es justo para elecciones informales, pero la propia página dice que no es un sorteo público verificable, así que evítala en concursos regulados o decisiones de gran valor. Si tu dispositivo está configurado para reducir el movimiento, los tres omiten la animación y muestran el resultado de inmediato.
Problemas comunes y cómo solucionarlos
- El botón «Girar la ruleta» aparece en gris.
- Está desactivado mientras la ruleta gira y siempre que haya menos de dos opciones. Añade otra opción en «Añadir opción…» y pulsa Intro. Los botones × quitan opciones hasta no dejar ninguna, así que una ruleta puede quedarse con muy pocas.
- El botón «+» junto a «Añadir opción…» aparece en gris.
- Está desactivado mientras el cuadro está vacío o solo contiene espacios, mientras gira la ruleta, y cuando la ruleta ya tiene 24 opciones. Con 24, quita antes una opción. Todo lo que escribas más allá de 24 caracteres se corta al añadir la opción.
- Un enlace compartido se abre en la pestaña «Coin Flip», o ha perdido tus opciones.
- Un enlace creado tras editar lleva tanto la lista de la ruleta como la del selector. Cuando están ambas, la página deja seleccionada «Coin Flip», así que abre «Spin Wheel» u «Option Picker» para encontrar tus opciones. Si la dirección superó los 1.800 caracteres, algo a lo que llegan rápido las letras no latinas porque cada una ocupa unos nueve caracteres una vez codificada, «Compartir resultado» da un enlace simple sin opciones. Las opciones de más de 24 caracteres se recortan, y las listas se limitan a 24 (ruleta) o 50 (selector).
- Los nombres largos de opción parecen cortados en la ruleta.
- Una porción muestra solo los primeros 15 caracteres de una etiqueta de más de 16, seguidos de «…», y la letra se hace más pequeña cuanto más largas son las etiquetas. El cuadro del ganador muestra el texto completo. Usa nombres más cortos si la ruleta tiene que leerse a distancia.
- La moneda o la ruleta muestran su resultado de inmediato, sin girar.
- Tu dispositivo o navegador está configurado para reducir el movimiento, y la página lo respeta: la moneda, la ruleta y el selector omiten la animación y muestran el resultado al instante. El resultado se elige del mismo modo. Desactiva el ajuste en las opciones de accesibilidad de tu sistema si quieres recuperar la animación.
Cómo se compara
Una moneda, un dado o unos papelitos reales son cosas que todos pueden ver; esta página es un sustituto rápido cuando no tienes ninguno, con una moneda, una ruleta de nombres y un selector de listas en un solo lugar. Cada opción tiene la misma probabilidad, así que la única forma de dar más peso a una elección es añadirla más de una vez. Lanza una moneda cada vez y recuerda 24 lanzamientos mientras la página sigue abierta. Las listas de la ruleta y del selector se guardan en la dirección de la página, así que sobreviven a una recarga. La página indica que nada sale de tu dispositivo. No da ninguna prueba de que un sorteo fuera justo, ya que no hay registro público ni semilla, así que no es adecuada para concursos regulados ni premios. No hay cuentas ni sonidos.
Herramientas relacionadas
Ruleta giratoria
Escribe una lista de nombres u opciones, gira la ruleta y deja que elija una al azar, con sonido de tic, confeti y opción para eliminar cada ganador.
Generador de números aleatorios
Genera números aleatorios en cualquier rango, crea listas de números únicos o tira dados. Utiliza aleatoriedad criptográficamente segura.
Generador de equipos aleatorios
Divida una lista de nombres en equipos aleatorios equilibrados, por número o tamaño del equipo. Mezcla criptográficamente justa, reorganización instantánea.