Packs de interfaz
Oak Selección de nivel
12 piezas de mapa y selección de nivel (estilizado) para interfaces de tema oscuro — paleta marrón madera, acento latón pulido. SVG y PNG transparente en 1x/2x/4x.

Sobre este pack
Oak Selección de nivel es un conjunto de 12 piezas de mapa y selección de nivel dibujados en estilo estilizado, donde el marco está tallado, con remates que sobresalen de las esquinas y una gema engastada en cada uno. Contiene cuatro estados de nodo de nivel, un camino recto y otro curvo, cada uno bloqueado y abierto, una placa de región, un borde de niebla de guerra, un control de zoom y una caja de leyenda.
Un mapa de selección de nivel se construye con dos cosas, los nodos y las líneas entre ellos, y las líneas son justo lo que todos los sets gratuitos dejan fuera. Dibujarlas en el motor es donde el mapa se rompe: un trazo hecho por código no encaja con el estilo, y un camino que en un estilo es recto y en otro tiembla a mano no puede ser un rectángulo.
El ornamento forma parte de la silueta en vez de estar dibujado encima, así que el marco se reconoce a tamaño de miniatura. La cara lleva un degradado vertical de tres paradas — lo más cerca que un kit plano llega de un bisel pintado.
Dentro de ese estilo, esta es la lectura de Oak: una interfaz de tema oscuro sobre una paleta marrón madera con acentos en latón pulido, construida en torno a dos marcos concéntricos, botones con forma de pestaña de 160x48, barras brillantes divididas en 8 segmentos e iconos rellenos 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.
Los caminos vienen en el mismo lenguaje de dibujo que los nodos, rectos y curvos, cada uno en una lectura bloqueada y otra abierta. El bloqueado es fino y discontinuo, el abierto es continuo y con todo el grosor, así que el avance por un mapa se ve también en las conexiones y no solo en los nodos. Los cuatro estados de nodo se distinguen por estructura: el bloqueado va rayado de lado a lado, el disponible lleva un único punto en el centro, el superado se rellena entero y el perfecto añade cuatro escuadras al nodo relleno. El borde de niebla es una banda escalonada y no un desenfoque suave, porque un desenfoque se rasteriza distinto en cada motor y el borde de un mapa es justo donde eso se nota.
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 Oak, lo que significa que este kit y el kit de paneles de Oak encajan sin redimensionar ninguno. Encaja bien en interfaces de fantasía y RPG.
Descarga
Enlace directo · sin registro · sin página de esperaConjunto completo — fuentes SVG, exportados PNG en 1x/2x/4x, licencia y readme
Cómo se usa
- Coloca los nodos en tu propia rejilla y pon las piezas de camino entre ellos; los caminos están dibujados a la separación de nodos que indica la ficha técnica, así que llegan al borde del nodo sin solaparse.
- Cuando el nivel se desbloquee, sustituye el camino bloqueado por su gemelo abierto en lugar de teñirlo. La señal es el patrón discontinuo.
- Ancla el borde de niebla al límite de la región explorada y deja que invada el lado sin explorar; la banda escalonada está dibujada para repetirse en horizontal.
- La placa de región y la caja de leyenda comparten el tratamiento de esquina con el kit de paneles de esta familia, para que la pantalla de mapa y la de menú no parezcan dos juegos distintos.
Licencia
Creative Commons Atribución 4.0 — Gratis para uso comercial. Atribución obligatoria. Términos completos · Qué significa en la práctica
"Oak Selección de nivel" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/oak-level-select


