Crea una rueda de todos los animales y deja que el azar decida

En esta página, encontrarás una rueda de la fortuna pre-preparada con todos los animales, o por supuesto, puedes añadir cualquiera tú mismo. Puedes personalizar fácilmente la rueda a tu gusto y simplemente añadir o eliminar animales en masa o individualmente.

De esta manera, puedes crear una rueda puramente según tus preferencias mucho más fácilmente sin tener que insertar todo manualmente en una rueda general.

Cómo usar ChoosyWheel

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 (o usa el atajo Ctrl + Enter, o ⌘ + Enter), y espera el resultado del giro. También puedes detener la rueda inmediatamente con el atajo Ctrl + Enter o ⌘ + Enter, y verás instantáneamente el resultado.

La rueda gira completamente al azar, y su uso es realmente muy fácil.

Primero, veamos las configuraciones básicas necesarias para usar la rueda. Luego 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, y 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 se carga la página. Sin embargo, dado que solo se han añadido mamíferos, es posible que desees personalizar la rueda a tu gusto.

Si deseas editar los animales y quizás eliminar algunos, puedes usar las pestañas, que encontrarás a la derecha de la rueda o debajo de ella, dependiendo del tamaño de tu pantalla:

En la parte superior, encontrarás botones para añadir/eliminar todos los animales o especies individuales.

Al hacer clic en el botón «Todos los animales» se añaden o eliminan todos los países. Primero, se añaden todos los países si faltan algunos. Si todos están añadidos, al hacer clic de nuevo se eliminan todos. Por lo tanto, a veces necesitas hacer clic en el botón dos veces para eliminarlos.

A continuación, encontrarás botones para especies individuales. Al hacer clic en el botón se añaden todos los animales de esa especie a la rueda, y el botón se coloreará. Al hacer clic de nuevo se eliminan todos los animales de esa especie de la rueda.

Selección de animales individuales

Más abajo, encontrarás pestañas con continentes. Al hacer clic en una pestaña se abre la opción para añadir/eliminar animales individuales. En la parte superior de cada pestaña, puedes filtrar por nombres de animales. No necesitas preocuparte por las mayúsculas y minúsculas, pero debes usar diacríticos, como acentos. Solo escribe algo, y solo los animales que coincidan con tu búsqueda permanecerán en el campo de abajo.

Para eliminar un animal de la selección y de la rueda, solo desmarca el botón a la izquierda del animal. Para añadirlo de nuevo, márcalo:

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

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

Eliminar o mover elementos en la rueda

Más abajo, encontrarás los animales actualmente añadidos en la rueda de la fortuna:

A la derecha, encontrarás botones de control. La X roja elimina el elemento, lo que también se refleja al desmarcar el animal en los campos de arriba. Para añadirlo de nuevo, necesitas marcar este animal de nuevo.

Las flechas hacia arriba y hacia abajo lo intercambian con elementos 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 de la misma manera en pantallas táctiles, donde primero mantienes el dedo en el elemento y luego lo arrastras con 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, devolviendo así la rueda a su estado original como cuando se cargó la página 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.