Crea una Rueda con los Estados de EE. UU. y Deja que el Azar Decida

En esta página, encontrarás una rueda de la fortuna pre-preparada con todos los estados de EE. UU.. Puedes personalizarla a tu gusto de una forma más conveniente, donde no tienes que ingresar los estados manualmente, sino simplemente elegir cuáles quieres en la rueda.

Si estás buscando a dónde ir de vacaciones, cuál estado es el mejor, o simplemente quieres divertirte, esta rueda está hecha para ti.

Cómo Usar la Rueda

Todo es realmente muy simple. Primero, añade los elementos a la rueda de los cuales elegir, gira haciendo clic en el botón de la rueda y espera el resultado del giro. También puedes usar los atajos Ctrl + Enter, o ⌘ + Enter y esperar el resultado del giro. Durante el giro, también puedes detener la rueda inmediatamente con el mismo atajo Ctrl + Enter o ⌘ + Enter y ver inmediatamente el resultado basado en dónde estaba la rueda en ese momento.

La rueda gira completamente al azar y es realmente muy fácil de usar.

Primero, veremos las configuraciones básicas necesarias para usar la rueda. Luego también discutiremos otras configuraciones que principalmente ajustan la apariencia u otras propiedades de la rueda, como el tamaño de la fuente, los colores, la velocidad de giro, pero también cómo guardar las configuraciones para que siempre las tengas a mano.

Configuraciones Básicas para el Uso Regular

Cómo Añadir Elementos a la Rueda y Girar para un Resultado Aleatorio

Esta rueda pre-preparada requiere solo un clic en el botón para girar la rueda cuando la página se carga. No tienes que hacer nada más porque todos los estados ya están añadidos a la rueda. Solo gira y deja que el azar elija uno de los estados.

Si deseas modificar los estados de EE. UU. y tal vez eliminar algunos, puedes usar la pestaña, que encontrarás a la derecha de la rueda o debajo de ella, dependiendo del tamaño de tu pantalla:

Para añadir o eliminar todos los estados, haz clic en el gran botón «Todos los Estados de EE. UU.«. Esto añadirá todos los estados o los eliminará todos si ya estaban añadidos.

Debajo de este botón, encontrarás una lista de todos los estados en orden alfabético. Al hacer clic en un estado, se añadirá a la rueda, al hacer clic de nuevo se eliminará.

Si deseas eliminar algunos específicos, la mejor manera es añadir todos con el gran botón y luego eliminar aquellos que no deseas.

Por el contrario, si solo deseas algunos específicos en la rueda, usa el gran botón para eliminar todos, y luego selecciona individualmente aquellos que deseas en la rueda.

Eliminar o Mover Elementos en la Rueda

A continuación, encontrarás los estados actualmente añadidos en la rueda de la fortuna:

A la derecha, encontrarás botones de control. La X roja elimina el elemento, lo cual también se refleja al desmarcar el estado en el campo superior. Para añadirlo de nuevo, necesitas marcar este estado nuevamente.

Las flechas hacia arriba y hacia abajo lo intercambian con los elementos de arriba/abajo.

También puedes cambiar el orden usando la función de arrastrar y soltar. Toma un elemento con el botón izquierdo del ratón y muévelo a cualquier lugar en el campo de elementos. Funciona igual en pantallas táctiles, donde primero sostienes el elemento con el dedo y luego lo mueves arrastrando el dedo.

Esto puede ser útil si deseas cambiar el orden o quizás los colores.

Debajo del campo, encontrarás botones para mezclar aleatoriamente el orden, eliminar todo, o restaurar los datos originales en la rueda, para que la rueda vuelva a su estado original como cuando la página se cargó por primera vez.

Otros ajustes para cambiar los colores y otras propiedades de la rueda

Estos ajustes no son tan importantes, pero puedes usarlos fácilmente para personalizar tu rueda. Estos incluyen el tamaño de la fuente, la paleta de colores, el tiempo de giro y otras pequeñas cosas.

Encontrarás los ajustes por tamaño de pantalla directamente debajo de la rueda, y en pantallas más pequeñas debajo del cuadro de elementos.

Haz clic para abrir los ajustes.

Dependiendo del tamaño de la pantalla, encontrarás las secciones principales de ajustes a la izquierda o en la parte superior.

Haz clic en una sección para abrirla y luego podrás modificar todo en la rueda en tiempo real.

Cambiar el color de la rueda – paletas predefinidas y personalizadas

En la sección de ruedas predefinidas, puedes elegir diferentes paletas dependiendo del tema. Si deseas añadir una predefinida, no dudes en ponerte en contacto, añadiremos la paleta sin problemas 😊

Si deseas seleccionar una paleta directamente en la rueda, solo haz clic en ella y los colores en la rueda se actualizarán inmediatamente.

En la segunda sección, tienes la opción de crear tus propias paletas de colores. Puedes crear tu propia paleta desde cero o editar una ya hecha.

Puedes insertar una paleta predefinida en tus propias paletas haciendo clic en el botón debajo de la paleta:

El botón con la última paleta insertada permanecerá morado para mantenerte informado.

Luego ve a la sección de Colores Personalizados de la Rueda, que también estará marcada con un punto rojo para que sepas buscar aquí. La paleta seleccionada se copiará justo aquí donde puedes editarla a tu gusto.

Solo haz clic en la paleta para seleccionar tu propia paleta y aplicar los colores a la rueda. Dependiendo del tamaño de tu pantalla, la encontrarás fijada a la izquierda o en la parte inferior de la sección de paletas personalizadas.

En esta sección, necesitas insertar los colores en un formato que el navegador entienda, es decir, el tipo de formato que insertarías como CSS. No te preocupes, no es gran cosa.

Básicamente, tienes la opción de insertar nombres de colores predefinidos (puedes encontrarlos en el enlace anterior), código hex o RGB.

También puedes seleccionar fácilmente un color del selector debajo del campo:

Simplemente haz clic en el selector y elige tu color. Esta es una función incorporada de tu navegador, por lo que puede verse un poco diferente dependiendo de tu dispositivo.

Similar a insertar elementos en la rueda, también puedes insertar colores en masa, es decir, un color por fila.

Luego puedes encontrar todos los colores insertados abajo, que puedes editar de la misma manera que para el cuadro de elementos, es decir, eliminar colores o cambiar su orden haciendo clic o arrastrando el ratón.

Tiempo de giro de la rueda y velocidad de giro lento

En la siguiente sección del menú, puedes establecer cuánto tiempo girará la rueda después de girarla. Si lo configuras en 0, la rueda ni siquiera girará y solo mostrará un resultado aleatorio.

Simplemente ingresa el número de segundos en el cuadro, que luego corresponde al tiempo entre presionar el botón para girar la rueda y que se muestre el resultado. También puedes añadir un punto decimal.

Si deseas cambiar un poco la función de la rueda y seleccionar los resultados tú mismo, puedes establecer, por ejemplo, 300 segundos y luego detener la rueda con el botón de parar, que también evalúa el resultado inmediatamente.

Más abajo encontrarás un deslizador para una rueda de giro lento que comenzará cuando hagas ajustes a la rueda o incluso cuando la página se cargue. Esto es solo una pequeña función extra que realmente no cambia la operación en absoluto, pero solo evita que la rueda se detenga completamente 😊

Si deseas detener el giro lento, simplemente desliza el deslizador completamente a la izquierda. Puedes acelerarlo deslizando hacia la derecha.

Color y tamaño de fuente en la rueda

El tamaño de la fuente en la rueda se calcula automáticamente según la cantidad de elementos insertados. Así que en teoría, no necesitas hacer nada y el tamaño de la fuente debería coincidir (la fuente tiene un mínimo fijo, por lo que si insertas mil elementos, probablemente la fuente no será ideal, pero para la mayoría de los usos, el cálculo automático es suficiente).

Cambiando el tamaño de la fuente

Si deseas cambiar el tamaño de la fuente a tu gusto, puedes hacerlo en esta sección:

Primero, necesitas hacer clic en el botón que dice que deseas forzar el tamaño de la fuente. Si lo haces, se redimensionará automáticamente en tiempo real según tus ajustes. Puedes encontrar esto un poco más abajo donde puedes mover el deslizador o establecer el tamaño en píxeles.

Si deseas iniciar el cálculo automático nuevamente, simplemente haz clic en el botón y la rueda volverá al tamaño de fuente anterior.

Cambiar el color de la fuente

En esta sección, también puedes cambiar el color de la fuente. El color de la fuente cambia automáticamente a negro o blanco dependiendo del contraste del fondo, lo que se puede ver claramente en la imagen con una amplia gama de colores en la rueda:

Sin esta función, las diferentes paletas se verían bastante feas, y algunas fuentes simplemente serían ilegibles.

Sin embargo, también puedes cambiar el color de la fuente tú mismo si no te conviene, a cualquier color que te guste.

Primero, necesitas hacer clic en el botón para forzar tu propio color de fuente:

Justo debajo, establece el color de la fuente nuevamente a través del formato de color CSS o desde el selector. El color de la fuente se ajusta instantáneamente directamente en la rueda.

Ajustar el color y tamaño de la rueda central

La rueda central es esencialmente un elemento de diseño puro y no tiene efecto en la función de la rueda. Sin embargo, aún tienes la opción de ajustar su color, tamaño o ancho, y el color de su contorno para realmente hacer la rueda tuya.

En los ajustes, simplemente mueve los deslizadores para hacer la rueda y el contorno más grandes/pequeños, y como en los otros ajustes, selecciona el color.

Guardar en el navegador e importar/exportar

En los ajustes, también encontrarás la opción de guardar los ajustes actuales y los elementos en la rueda, que luego se cargarán cuando la página se recargue.

Cómo guardar los ajustes de la rueda en tu navegador

Haz clic en el botón de guardar y los ajustes se guardan directamente en tu navegador, por lo que no los subes a ningún lado y no tenemos acceso a ellos.

Cuando recargues la página, los ajustes permanecerán y podrás continuar. Esto es útil cuando personalizas la rueda y los elementos en ella directamente a tu gusto y no quieres configurarlo de nuevo.

Nota que los ajustes solo se guardan para la rueda en la página en la que estás. Debido a que hay diferentes ajustes para diferentes tipos de ruedas y diferentes formas de añadir elementos, no puedes transferir estos ajustes a otra rueda.

Cómo eliminar los ajustes de la rueda

El siguiente botón, por otro lado, elimina el guardado de tu navegador. Para devolver la rueda a su estado original, simplemente recarga la página.

Eliminar los ajustes solo se aplica a esa rueda. Eliminar los ajustes de una rueda dada no eliminará ningún otro ajuste de otras ruedas.

Importar y exportar ajustes

Si deseas transferir elementos y ajustes de la rueda a otro dispositivo o navegador, o si deseas tener varios preajustes diferentes sin tener que configurar y copiar todo el tiempo, puedes usar la función de importar y exportar.

Primero, exporta los ajustes, que se descargarán a un archivo. Guarda este archivo en algún lugar.

Para importar/transferir a otro dispositivo/navegador, selecciona este archivo un poco más abajo haciendo clic en el botón e importa los ajustes.

Nota que esta importación solo reconstruirá la rueda según los ajustes en el archivo, pero no la guardará de ninguna otra manera. Si deseas guardar estos ajustes en el navegador, aún necesitas guardar todo con el botón de guardar en el navegador.