Efeitos de impacto
Efeitos de impacto Byte
12 sprites de impacto e efeito (pixel art) para interfaces em modo claro — osso frio, acento azul-petróleo de sinal. SVG e PNG transparente em 1x/2x/4x.

Sobre este pack
Efeitos de impacto Byte é um conjunto de 12 sprites de impacto e efeito desenhados no estilo pixel art, em que cada canto é uma escada de pixels inteiros e nada tem antialiasing. Contém uma faísca de impacto e uma explosão crítica, um anel de impacto e uma onda de choque no chão, um arco de golpe, um orbe de luz e um brilho, uma marca de cura e uma bolha de escudo, uma nuvem de poeira, um raio e brasas subindo.
Todos os outros kits deste catálogo desenham a interface. Nenhum desenha o momento em que uma coisa acerta outra, que é a primeira coisa de que um sistema de combate precisa e a última a que quem desenvolve sozinho chega. Um sprite de efeito também não tem contorno para se esconder atrás: vive sobre o jogo por alguns quadros e some.
O contorno avança em degraus de 4px e o sombreamento é um dithering de Bayer em vez de um degradê, então o conjunto sobrevive a uma escala por fator inteiro — o único jeito de escalar pixel art sem virar mingau.
Dentro desse estilo, esta é a leitura Byte: uma interface em modo claro sobre uma paleta osso frio com acentos azul-petróleo de sinal, construída em torno de uma moldura de borda única, botões em cápsula totalmente arredondados de 112x36, barras em faixas divididas em 10 segmentos e ícones com contorno numa grade de 24px. 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 sprite é centralizado numa tela quadrada e simétrico em relação a esse centro, então o motor só precisa escalar e desaparecer — um efeito ancorado fora do centro desliza para o lado ao crescer, e isso é lido como bug e não como explosão. Os corpos são de uma cor só e sem contorno, porque uma faísca contornada é lida como pedaço de interface e não como luz. O orbe de luz é feito de discos empilhados com opacidade decrescente em vez de um desfoque: um filtro é rasterizado de forma diferente em cada motor e vira papa em 4x.
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 Byte, o que significa que este kit e o kit de painéis Byte se alinham sem que nenhum dos dois seja redimensionado. Combina bem com jogos em pixel art.
Download
Link direto · sem cadastro · sem página de esperaConjunto completo — fontes SVG, exportações PNG em 1x/2x/4x, licença e readme
Como usar
- Ancore cada efeito no centro do seu sprite e escale a partir dali; eles são desenhados simétricos para que escalar e desaparecer seja a animação inteira.
- Reproduza a faísca de impacto por dois ou três quadros no máximo. Um impacto que se demora deixa de ser lido como impacto.
- Tinja multiplicando em vez de substituir a cor — os sprites carregam sua própria queda do claro para o escuro, e uma substituição chapada joga isso fora.
- Use mistura aditiva para faísca, explosão, orbe e brilho, e mistura normal para a nuvem de poeira e as brasas, que são matéria e não luz.
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
"Efeitos de impacto Byte" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/vfx/byte-hit-effects


