Packs de interfaz

Cursores Dusk

12 cursores de ratón (pixel art) para interfaces de tema oscuro — paleta violeta nocturno, acento ámbar. SVG y PNG transparente en 1x/2x/4x.

  • ui
  • svg
  • png transparente
  • cursor
  • puntero
  • mira
  • ratón
  • píxel
  • pixel art
  • pixel art
  • retro
  • 2d
Hoja con 12 cursores de ratón (pixel art) de la familia Dusk, 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 Dusk es un conjunto de 12 cursores de ratón dibujados en estilo pixel art, donde cada esquina es una escalera de píxeles enteros y nada tiene suavizado. 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.

El contorno avanza en escalones de 4px y el sombreado es un dithering Bayer en vez de un degradado, así que el conjunto sobrevive a escalarse por un factor entero — la única manera de escalar pixel art sin que se convierta en papilla.

Dentro de ese estilo, esta es la lectura de Dusk: una interfaz de tema oscuro sobre una paleta violeta nocturno con acentos en ámbar, construida en torno a una banda de cabecera cruzando la parte superior del marco, botones de esquinas rectas de 96x32, barras con marcas divididas en 6 segmentos e iconos rellenos sobre una rejilla de 16px. 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 Dusk, lo que significa que este kit y el kit de paneles de Dusk encajan sin redimensionar ninguno. Encaja bien en juegos de pixel art.

Descarga

Enlace directo · sin registro · sin página de espera
Descargar ZIP26 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 readmeZIP26 kB Obtener →
Cursor de flecha, punto activo 0,0, SVG editableSVG439 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 Dusk" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/dusk-cursors