Packs de interfaz

Marcadores de mapa Hyperlane

12 marcadores de mapa e indicadores de mundo (arcade) para interfaces de tema oscuro — paleta violeta profundo, acento naranja de atardecer. SVG y PNG transparente en 1x/2x/4x.

  • ui
  • svg
  • png transparente
  • marcador de mapa
  • punto de ruta
  • marcador de misión
  • minimapa
  • arcade
  • arcade
  • arcade
  • carreras
  • degradado
  • hud
Hoja con 12 marcadores de mapa e indicadores de mundo (arcade) de la familia Hyperlane, 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 Hyperlane es un conjunto de 12 marcadores de mapa e indicadores de mundo dibujados en estilo arcade, donde el color es el cuerpo y no el borde — losas saturadas con extremos en punta. 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.

Cada losa está rellena con un degradado de dos paradas que recorre su eje largo, y las marcas están dibujadas oscuras sobre el color en vez de brillantes sobre negro. Los extremos en punta forman parte de la silueta, así que sobreviven al escalado en lugar de ser un efecto de contorno.

Dentro de ese estilo, esta es la lectura de Hyperlane: una interfaz de tema oscuro sobre una paleta violeta profundo con acentos en naranja de atardecer, construida en torno a dos marcos concéntricos, botones tipo pastilla totalmente redondeados de 192x48, barras brillantes divididas en 6 segmentos e iconos a dos tintas sobre una rejilla de 32px. 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 Hyperlane, lo que significa que este kit y el kit de paneles de Hyperlane encajan sin redimensionar ninguno. Encaja bien en interfaces de carreras, arcade y basadas en puntuación.

Descarga

Enlace directo · sin registro · sin página de espera
Descargar ZIP180 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 readmeZIP180 kB Obtener →
Chincheta de mapa, anclaje abajo al centro, SVG editableSVG419 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 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
"Marcadores de mapa Hyperlane" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/hyperlane-map-markers