Packs de interfaz

Marcadores de mapa Blocks

12 marcadores de mapa e indicadores de mundo (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
  • marcador de mapa
  • punto de ruta
  • marcador de misión
  • minimapa
  • vóxel
  • vóxel
  • vóxel
  • de bloques
  • isométrico
  • cubo
Hoja con 12 marcadores de mapa e indicadores de mundo (vóxel) de la familia Blocks, dispuestos sobre un damero de transparencia y con sus medidas en píxeles escritas debajo
vista previa 1600×1219la transparencia se muestra como damero

Sobre este pack

Marcadores de mapa Blocks es un conjunto de 12 marcadores de mapa e indicadores de mundo 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 cinco chinchetas de mapa —simple, misión, tienda, peligro y hogar—, galones de punto de ruta, una flecha de orientación del jugador, un nodo de ruta y una marca de brújula, un anillo de objetivo, anillos de ping y un área de efecto.

Los kits de interfaz cubren los bordes de la pantalla. Estos se sitúan en el medio, sobre el juego, donde el kit no tiene ni idea de lo que hay debajo: hierba, nieve, noche. Un marcador que depende de un fondo para leerse desaparecerá en la mitad de tus niveles.

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 marcador lleva su propio contorno y un cuerpo de un solo color, de modo que el trabajo lo hace la silueta y no el relleno. El anclaje va nombrado en el título de cada sprite y no es el centro: una chincheta señala su objetivo con la punta, así que ancla abajo al centro, mientras que un anillo y la flecha de orientación anclan en el medio. Colocar una chincheta por su centro la pone media chincheta por encima de lo que debía marcar. El área y el anillo de objetivo van discontinuos y no continuos porque describen una región y no un borde: un anillo continuo se lee como un muro.

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 ZIP37 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 readmeZIP37 kB Obtener →
Chincheta de mapa, anclaje abajo al centro, SVG editableSVG494 B Obtener →

Cómo se usa

  1. Ancla cada sprite por el punto que nombra su título: abajo al centro en las chinchetas, al centro en los anillos y en la flecha de orientación.
  2. Mantén los marcadores a un tamaño de pantalla fijo en vez de escalarlos con la distancia; una chincheta que encoge con el mundo deja de leerse justo a la distancia en que la necesitabas.
  3. Usa los anillos de ping como tres fotogramas de una animación —dibujarlos hacia fuera y desvanecerlos— y no como tres marcadores separados.
  4. Tiñe el cuerpo de la chincheta por facción pero deja el contorno en paz; el contorno es lo que mantiene el marcador legible sobre un fondo desconocido.

Licencia

Creative Commons Zero 1.0 — Dominio público. Sin atribución. Términos completos · Qué significa en la práctica