Packs de interfaz

Cursores Blocks

12 cursores de ratón (vóxel) para interfaces de tema oscuro — paleta piedra fría, acento naranja de señal. SVG y PNG transparente en 1x/2x/4x.

  • ui
  • svg
  • png transparente
  • cursor
  • puntero
  • mira
  • ratón
  • vóxel
  • vóxel
  • vóxel
  • de bloques
  • isométrico
  • cubo
Hoja con 12 cursores de ratón (vóxel) de la familia Blocks, 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 Blocks es un conjunto de 12 cursores de ratón dibujados en estilo vóxel, donde cada superficie es la cara frontal de un cubo con la cara superior iluminada y la derecha en sombra. 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 extrusión es geometría real y no una sombra: el ángulo de luz nunca cambia, hay exactamente tres tonos por bloque y la cara frontal está metida hacia dentro para que el cubo se quede dentro de los límites de su propio sprite.

Dentro de ese estilo, esta es la lectura de Blocks: una interfaz de tema oscuro sobre una paleta piedra fría con acentos en naranja de señal, construida en torno a un marco de borde único, botones de esquinas rectas de 132x48, barras con marcas divididas en 8 segmentos e iconos rellenos 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 Blocks, lo que significa que este kit y el kit de paneles de Blocks encajan sin redimensionar ninguno. Encaja bien en juegos vóxel y de bloques.

Descarga

Enlace directo · sin registro · sin página de espera
Descargar ZIP25 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 readmeZIP25 kB Obtener →
Cursor de flecha, punto activo 0,0, SVG editableSVG438 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 Zero 1.0 — Dominio público. Sin atribución. Términos completos · Qué significa en la práctica