Gira la rueda

Rueda simple sin configuraciones innecesarias
¡GIRA!

Rueda Simple Sin Configuraciones Innecesarias

Aquí encontrarás la versión más simple de ChoosyWheel.com, con configuraciones mínimas, al menos en lo que se refiere a agregar elementos a la rueda.

A la derecha de la rueda (o debajo de la rueda en dispositivos móviles) encontrarás un campo para agregar elementos. Cada línea es un elemento en la rueda. No necesitas confirmar nada; la rueda se ajusta automáticamente según los elementos que hayas ingresado.

Puedes pegar fácilmente cualquier cosa desde cualquier lugar, haciendo que este método de entrada sea el más adecuado para copiar una gran cantidad de elementos de varias listas, hojas de cálculo de Excel o cualquier otra cosa.

Para girar, simplemente haz clic en el botón en el centro de la rueda o usa los atajos de teclado Ctrl + Enter (o ⌘ + Enter) para girar y detener la rueda.

Debajo de la rueda, también encontrarás configuraciones avanzadas, que son principalmente sobre la apariencia de la rueda en sí o ajustar la velocidad y duración del giro, pero no afectan la funcionalidad de la rueda.

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.

Más configuraciones

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.

Configuración del menú

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:

Insertar una paleta predefinida

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:

Valor de color CSS

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:

Forzar tamaño de fuente personalizado

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:

El color de la fuente cambia automáticamente

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:

Forzar color de fuente personalizado

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.