Packs de interfaz

Cursores Voidrunner

12 cursores de ratón (cyberpunk) para interfaces de tema oscuro — paleta violeta profundo, acento menta tóxica. SVG y PNG transparente en 1x/2x/4x.

  • ui
  • svg
  • png transparente
  • cursor
  • puntero
  • mira
  • ratón
  • cyberpunk
  • cyberpunk
  • cyberpunk
  • neón
  • hud
  • ciencia ficción
Hoja con 12 cursores de ratón (cyberpunk) de la familia Voidrunner, dispuestos sobre un damero de transparencia y con sus medidas en píxeles escritas debajo
vista previa 1600×739la transparencia se muestra como damero

Sobre este pack

Cursores Voidrunner es un conjunto de 12 cursores de ratón dibujados en estilo cyberpunk, donde cada marco tiene su propio contorno asimétrico — una muesca en una esquina, un raíl en un borde. Contiene una flecha y una flecha con anillo de espera, una mano señaladora y un cursor de mover, una mira y un fijado de objetivo, cursores de ataque, hablar y saqueo, cursores de ocupado, bloqueado y texto, y un cursor de redimensionar.

Un juego que dibuja su propia interfaz y luego deja encima el cursor del sistema operativo tiene un agujero en mitad de la pantalla, y es justo la parte que el jugador mira constantemente. El cursor es además el único sprite sin control sobre su fondo: pasa por cielo, piedra, fuego e inventario en el mismo segundo.

La silueta está compuesta y no escalada: cada una de las cuatro esquinas y cada uno de los cuatro bordes recibe su propio tratamiento, así que no hay dos marcos del conjunto que compartan contorno. El resplandor de neón es una pila de trazos de opacidad decreciente, no un filtro de desenfoque — algunos rasterizadores de SVG aplican los filtros de otra manera y convierten el halo en una mancha a 4x.

Dentro de ese estilo, esta es la lectura de Voidrunner: una interfaz de tema oscuro sobre una paleta violeta profundo con acentos en menta tóxica, construida en torno a un marco de borde único, botones biselados de 168x40, barras de núcleo hueco divididas en 14 segmentos e iconos a dos tintas sobre una rejilla de 24px. Esas medidas son la razón por la que dos familias pueden compartir un estilo artístico sin ser intercambiables: el estilo decide cómo se dibuja un borde, los números deciden para qué sirve la interfaz.

Cada cursor lleva un contorno del extremo opuesto de la paleta a su cuerpo, y eso es lo que lo mantiene legible sobre un fondo del que el kit no sabe nada: un cursor oscuro sobre una cueva oscura desaparece, y ningún estilo lo arregla. El punto activo va nombrado en el título de cada sprite en vez de dejarlo a la adivinación: la flecha pulsa en 0,0 y la mira en su centro, y un punto activo desviado tres píxeles es un juego donde el jugador falla lo que apuntó.

Cada sprite viene como SVG editable y como PNG transparente en 1x, 2x y 4x, así que puedes soltar los PNG directamente en un motor o abrir el vector y cambiar un color. Dibujado con las mismas medidas que el resto de la familia Voidrunner, lo que significa que este kit y el kit de paneles de Voidrunner encajan sin redimensionar ninguno. Encaja bien en interfaces cyberpunk, de ciencia ficción y de futuro cercano.

Descarga

Enlace directo · sin registro · sin página de espera
Descargar ZIP51 kB

Conjunto completo — fuentes SVG, exportados PNG en 1x/2x/4x, licencia y readme

Archivos incluidos en este pack
ArchivoFormatoPesoDescarga
Conjunto completo — fuentes SVG, exportados PNG en 1x/2x/4x, licencia y readmeZIP51 kB Obtener →
Cursor de flecha, punto activo 0,0, SVG editableSVG409 B Obtener →

Cómo se usa

  1. Toma el punto activo del título del sprite al registrar el cursor: la flecha y la mano pulsan cerca de su punta, la mira y el objetivo en el centro.
  2. Usa el PNG de 32 px para un cursor por hardware y mantenlo en escalado entero; el sistema operativo compone el cursor por hardware y una escala fraccionaria es donde el contorno se ablanda.
  3. Cambia a los cursores de ataque, hablar y saqueo desde tu raycast de interacción en vez de teñir un solo cursor, porque lo que el jugador lee de un vistazo es la silueta y no el color.
  4. El cursor bloqueado es para una acción rechazada, no para un control desactivado: un botón desactivado ya lo dice con su propio sprite, y usar ambos a la vez lo dice dos veces.

Licencia

Creative Commons Atribución 4.0 — Gratis para uso comercial. Atribución obligatoria. Términos completos · Qué significa en la práctica

Línea de crédito para copiar
"Cursores Voidrunner" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/voidrunner-cursors