Packs de interface

Ponteiros Nightcity

12 cursores de mouse (cyberpunk) para interfaces em modo escuro — azul meia-noite, acento magenta intenso. SVG e PNG transparente em 1x/2x/4x.

  • ui
  • svg
  • png transparente
  • cursor
  • ponteiro
  • mira
  • mouse
  • cyberpunk
  • cyberpunk
  • cyberpunk
  • ficção científica
  • neon
  • hud
Folha com 12 cursores de mouse (cyberpunk) da família Nightcity, dispostos sobre um xadrez de transparência com suas medidas em pixels escritas embaixo
prévia 1600×739a transparência aparece como xadrez

Sobre este pack

Ponteiros Nightcity é um conjunto de 12 cursores de mouse 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 uma seta e uma seta com anel de espera, uma mão apontando e um cursor de mover, uma mira e uma trava de alvo, cursores de ataque, conversa e saque, cursores de ocupado, bloqueado e texto, e um cursor de redimensionar.

Um jogo que desenha a própria interface e depois deixa o cursor do sistema operacional por cima tem um buraco no meio da tela, e é justamente a parte para onde o jogador olha o tempo todo. O cursor também é o único sprite sem controle sobre o fundo: passa por céu, pedra, fogo e inventário no mesmo segundo.

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.

Cada cursor carrega um contorno do extremo oposto da paleta em relação ao corpo, e é isso que o mantém legível sobre um fundo que o kit desconhece — um cursor escuro sobre uma caverna escura some, e nenhum estilo conserta isso. O ponto ativo é citado no título de cada sprite em vez de ficar por adivinhação: a seta clica em 0,0 e a mira no centro, e um ponto ativo deslocado três pixels é um jogo onde o jogador erra o que mirou.

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.

Download

Link direto · sem cadastro · sem página de espera
Baixar ZIP51 kB

Conjunto completo — fontes SVG, exportações PNG em 1x/2x/4x, licença e readme

Arquivos inclusos neste pack
ArquivoFormatoPesoDownload
Conjunto completo — fontes SVG, exportações PNG em 1x/2x/4x, licença e readmeZIP51 kB Obter →
Cursor de seta, ponto ativo 0,0, SVG editávelSVG409 B Obter →

Como usar

  1. Pegue o ponto ativo do título do sprite ao registrar o cursor — seta e mão clicam perto da ponta, mira e alvo no centro.
  2. Use o PNG de 32 px para um cursor de hardware e mantenha escala inteira; o cursor de hardware é composto pelo sistema operacional e a escala fracionária é onde o contorno amolece.
  3. Mude para os cursores de ataque, conversa e saque a partir do seu raycast de interação em vez de tingir um único cursor, porque o que o jogador lê num relance é a silhueta e não a cor.
  4. O cursor bloqueado é para uma ação recusada, não para um controle desativado — um botão desativado já diz isso com o próprio sprite, e usar os dois diz duas vezes.

Licença

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

Linha de crédito para copiar
"Ponteiros Nightcity" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/nightcity-cursors