Efeitos de estado Nightcity

Efeitos de estado Nightcity é um conjunto de 12 molduras de estado e indicadores de duração desenhados no estilo cyberpunk, em que cada moldura tem seu próprio contorno assimétrico — um entalhe num canto, um trilho ao longo de uma borda. Contém molduras de bônus, penalidade e neutra, molduras permanente e expirando, cinco passos do anel de duração, uma barra de duração e um distintivo de acúmulo.

Um ícone de bônus fica três segundos na tela e o jogador nunca olha direto para ele: capta pelo canto do olho. Isso descarta a solução de sempre: uma borda verde para o bom e vermelha para o ruim desaba nos modos para daltônicos e briga com as cores que o próprio jogo já usa naquele HUD.

A silhueta é composta e não escalada: cada um dos quatro cantos e cada uma das quatro bordas recebe o próprio tratamento, então não há duas molduras do conjunto que compartilhem contorno. O brilho de neon é uma pilha de traços em opacidade decrescente, não um filtro de desfoque — alguns rasterizadores SVG aplicam filtros de outro jeito e transformam o halo numa mancha em 4x.

Dentro desse estilo, esta é a leitura Nightcity: uma interface em modo escuro sobre uma paleta azul meia-noite com acentos magenta intenso, construída em torno de uma moldura de borda única, botões chanfrados de 176x44, barras de núcleo oco divididas em 16 segmentos e ícones em duas cores numa grade de 32px. São essas medidas que explicam por que duas famílias podem compartilhar um estilo artístico sem serem intercambiáveis: o estilo decide como se traça uma borda, os números decidem para que serve a interface.

Bônus e penalidade são separados pela forma. A moldura de bônus empurra os cantos para fora e a de penalidade os dobra para dentro: uma cresce, a outra come. As duas sobrevivem a uma captura em tons de cinza. A duração é um anel em volta do ícone e não uma barra embaixo, porque uma barra empurra cada ícone alguns pixels e quebra a fileira. Os anéis vêm em cinco passos e não como um sprite porque a maioria dos motores não consegue recortar um SVG em tempo de execução: um anel que enche é um shader ou um atlas de passos, e o atlas funciona em qualquer lugar. As molduras vêm vazias: o seu ícone de efeito vai no centro.

Cada sprite vem como SVG editável e como PNG transparente em 1x, 2x e 4x, então você pode jogar os PNGs direto num motor ou abrir o vetor e mudar uma cor. Desenhado com as mesmas medidas do resto da família Nightcity, o que significa que este kit e o kit de painéis Nightcity se alinham sem que nenhum dos dois seja redimensionado. Combina bem com interfaces cyberpunk, de ficção científica e de futuro próximo.

Creative Commons Atribuição 4.0 — Grátis para uso comercial. Atribuição obrigatória. Termos completos · O que isso significa na prática